Skip to content

E
ElectricitySheep
Commit cb4985ec authored by zhengke's avatar zhengke
Browse files
Options

增加

parent 25829878
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 863 additions and 1 deletion
src/components/tradePavilion/VehicleManagement.vue 0 → 100644
View file @ cb4985ec
<style>
.CarrierList {
border-bottom: 1px dashed #EEE;
padding-bottom: 5px;
margin-bottom: 5px;
}
.CarrierList span {
display: inline-block;
margin-right: 10px;
}
</style>
<template>
<div class="VehicleManagement">
<div class="head-title">
载体管理
<el-button style="float:right;margin-top: -5px;" size="small" type="primary"
@click="CommonJump('editVehicle')">新增载体</el-button>
</div>
<div class="content">
<div>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="地铁站名称" v-model="msg.MetroName"
size="small" clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="载体名称" v-model="msg.CarrierName"
size="small" clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="地铁线路" v-model="msg.MetroNum" size="small"
clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="开发商" v-model="msg.Developers" size="small"
clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<el-date-picker class="indataPicker" type="daterange" v-model="dateStr" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" size="small" @change="getList" value-format="yyyy-MM-dd">
</el-date-picker>
</div>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="CarrierMetroList" label="地铁信息" width="200">
<template slot-scope="scope">
<div v-for="(item,index) in scope.row.CarrierMetroList" :key="index" class="CarrierList">
<span>{{item.MetroNum}}</span><span>{{item.MetroName}}</span><span>{{item.Distance}}</span>
</div>
</template>
</el-table-column>
<el-table-column prop="BannerList" label="载体图片">
<template slot-scope="scope">
<img :src="item" style="width:40px;" v-for="(item,index) in scope.row.BannerList" :key="index">
</template>
</el-table-column>
<el-table-column prop="ID" label="载体id" width="80">
</el-table-column>
<el-table-column prop="CarrierName" width="200" label="载体名称">
</el-table-column>
<el-table-column prop="Logo" width="150" label="logo">
<template slot-scope="scope">
<img :src="scope.row.Logo" style="width:50px;" />
</template>
</el-table-column>
<el-table-column prop="VideoUrl" width="150" label="载体视频">
</el-table-column>
<el-table-column prop="Address" width="200" label="载体地址">
</el-table-column>
<el-table-column prop="Developers" width="200" label="开发商">
</el-table-column>
<el-table-column prop="OpenTime" width="180" label="开业时间">
</el-table-column>
<el-table-column prop="ProjectType" width="100" label="项目类型">
</el-table-column>
<el-table-column prop="CarrierSize" width="100" label="商业体量">
</el-table-column>
<el-table-column prop="LayersNum" width="150" label="商业层数">
</el-table-column>
<el-table-column prop="CarNum" width="100" label="车位数量">
</el-table-column>
<el-table-column prop="CarrierPlan" width="180" label="业态规划">
</el-table-column>
<el-table-column prop="CarrierTarget" width="100" label="招引目标">
</el-table-column>
<el-table-column prop="Location" width="180" label="定位">
</el-table-column>
<el-table-column prop="Crowd" width="100" label="目标人群">
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="修改" placement="top">
<img @click="CommonJump('editVehicle',{ID:scope.row.ID})" src="../../assets/img/userman/edit.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<img @click="delManage(scope.row)" src="../../assets/img/userman/del.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
:current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
data() {
return {
msg: {
MetroName: '', //地铁站名称
pageIndex: 1,
pageSize: 15,
CarrierName: '', //载体名称
MetroNum: '', //地铁线路
Developers: '', //开发商
StartOpenTime: '', //开业开始时间
EndOpenTime: '' // 开业截止时间
},
dateStr: [], //日期
total: 0,
tableData: [], //数据列表
isShowAdd:false, //新增修改载体
};
},
created() {
this.getList();
},
methods: {
getList() {
this.loading = true;
if (this.dateStr && this.dateStr.length > 0) {
this.msg.StartOpenTime = this.dateStr[0];
this.msg.EndOpenTime = this.dateStr[1];
} else {
this.msg.StartOpenTime = '';
this.msg.EndOpenTime = '';
}
this.apipost("/api/Trade/GetCarrierPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
console.log(res, '数据来了');
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
})
},
//删除
delManage(obj){
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/RemoveCarrier", {
CarrierId: obj.ID,
Status: 1
},
res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
},
);
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
},
mounted() {}
};
</script>
<style>
.VehicleManagement .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.VehicleManagement .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.VehicleManagement .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.VehicleManagement .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
</style>
src/components/tradePavilion/brandManagement.vue 0 → 100644
View file @ cb4985ec
<template>
<div>
1233
</div>
</template>
\ No newline at end of file
src/components/tradePavilion/editVehicle.vue 0 → 100644
View file @ cb4985ec
This diff is collapsed.
src/components/tradePavilion/realAuthentication.vue 0 → 100644
View file @ cb4985ec
<template>
<div class="realAuthentication">
<template v-if="!isShowInfo">
<div class="head-title">
实名认证
</div>
<div class="content">
<div>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="请输入公司名称" v-model="msg.CompanyName"
size="small" clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
</div>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="CompanyId" label="公司id" width="100">
</el-table-column>
<el-table-column prop="CompanyName" label="企业名称">
</el-table-column>
<el-table-column prop="BusinessLicense" width="150" label="营业执照">
<template slot-scope="scope">
<img :src="scope.row.BusinessLicense" alt="" />
</template>
</el-table-column>
<el-table-column prop="UnifiedCode" label="统一社会信用代码">
</el-table-column>
<el-table-column prop="CompanyStatus" width="150" label="公司状态">
<template slot-scope="scope">
<span v-if="scope.row.CompanyStatus==0" style="color:#1273bc;">待审核</span>
<span v-if="scope.row.CompanyStatus==1" style="color:green;">审核通过</span>
<span v-if="scope.row.CompanyStatus==2" style="color:#e95252;">审核拒绝</span>
</template>
</el-table-column>
<el-table-column prop="Mobile" width="150" label="联系电话">
</el-table-column>
<el-table-column prop="LegalPerson" width="180" label="法人">
</el-table-column>
<el-table-column prop="address" width="150" label="操作">
<template slot-scope="scope">
<el-tooltip v-if="scope.row.CompanyStatus==0" class="item" effect="dark" content="审核" placement="top">
<img @click="getInfo(scope.row,1)" src="../../assets/img/userman/add_remark.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange"
:page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination>
</div>
</template>
<template v-else>
<div class="head-title">
<span @click="isShowInfo=false" style="color:rgb(64, 158, 255);cursor:pointer;">实名认证</span><span
style="margin:0 9px;color:#C0C4CC">/</span><span>详情</span>
</div>
<div class="content">
<el-row style="margin-bottom:20px;">
<el-col :span="6">
公司id:{{listInfo.CompanyId}}
</el-col>
<el-col :span="6">
企业名称：{{listInfo.CompanyName}}
</el-col>
<el-col :span="6">
营业执照：{{listInfo.BusinessLicense}}
</el-col>
<el-col :span="6">
统一社会信用代码：{{listInfo.UnifiedCode}}
</el-col>
</el-row>
<el-row>
<el-col :span="6">
公司状态：
<span v-if="listInfo.CompanyStatus==0">待审核</span>
<span v-if="listInfo.CompanyStatus==1">审核通过</span>
<span v-if="listInfo.CompanyStatus==2">审核拒绝</span>
</el-col>
<el-col :span="6">
联系电话：{{listInfo.Mobile}}
</el-col>
<el-col :span="6">
法人：{{listInfo.LegalPerson}}
</el-col>
</el-row>
<template v-if="listInfo.BrandModel">
<div style="margin:20px 0;">品牌信息</div>
<el-row style="margin-bottom:20px;">
<el-col :span="6">
客户群体：<span v-for="(item,index) in listInfo.BrandModel.CustomerTypeInfo" :key="index">{{item}}</span>
</el-col>
<el-col :span="6">
品牌id：{{listInfo.BrandModel.ID}}
</el-col>
<el-col :span="6">
公司id：{{listInfo.BrandModel.CompanyId}}
</el-col>
<el-col :span="6">
品牌名称：{{listInfo.BrandModel.BrandName}}
</el-col>
</el-row>
<el-row style="margin-bottom:20px;">
<el-col :span="6">
店铺数量：{{listInfo.BrandModel.ShopNum}}
</el-col>
<el-col :span="6">
店铺面积：
<span v-if="listInfo.BrandModel.BuiltUpArea>0">{{listInfo.BrandModel.BuiltUpArea}}</span> -
<span v-if="listInfo.BrandModel.EndBuiltUpArea>0">{{listInfo.BrandModel.EndBuiltUpArea}}</span>
</el-col>
<el-col :span="6">
品牌定位：{{listInfo.BrandModel.FullBrandName}}
</el-col>
<el-col :span="6">
扩店区域：{{listInfo.BrandModel.StoreExpansion}}
</el-col>
</el-row>
<el-row style="margin-bottom:20px;">
<el-col :span="6">
商品性质：{{listInfo.BrandModel.ProjectType}}
</el-col>
<el-col :span="6">
面积要求：
<span v-if="listInfo.BrandModel.AreaRequirement>0">{{listInfo.BrandModel.AreaRequirement}}</span>
<span v-if="listInfo.BrandModel.EndAreaRequirement>0">- {{listInfo.BrandModel.EndAreaRequirement}}</span>
</el-col>
</el-row>
</template>
<el-button size="small" style="margin-top:20px;padding:9px 25px;"
type="primary" @click="audit(1)">审核通过
</el-button>
<el-button size="small" style="margin-top:20px;padding:9px 25px;"
type="danger" @click="audit(2)">审核失败
</el-button>
</div>
</template>
</div>
</template>
<script>
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 15,
CompanyName: ''
},
total: 0,
loading:false,
tableData: [], //数据列表
isShowInfo: false,
listInfo:{}
};
},
created() {
this.getList();
},
methods: {
getList() {
this.loading = true;
this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
console.log(res, '数据来了');
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}else{
this.Error(res.data.message)
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getInfo(item) {
this.isShowInfo=true;
this.apipost("/api/Trade/GetCompany", {
CompanyId: item.CompanyId
}, res => {
if (res.data.resultCode == 1) {
this.isShowInfo = true;
this.listInfo = res.data.data;
console.log(res,'详情数据！');
}
})
},
//审核
audit(type){
let msg = {
CompanyId:this.listInfo.CompanyId,
CompanyStatus:type
}
this.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
if (res.data.resultCode == 1) {
this.isShowInfo = false;
this.getList();
}
})
}
},
mounted() {}
};
</script>
<style>
.realAuthentication .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.realAuthentication .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.realAuthentication .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.realAuthentication .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
</style>
src/components/tradePavilion/tradePavilionIndex.vue
View file @ cb4985ec
...@@ -59,6 +59,7 @@ ...@@ -59,6 +59,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #f3f3f3; background-color: #f3f3f3;
min-width: 0;
} }
.offlineIndex .mainRightTop { .offlineIndex .mainRightTop {
...@@ -210,7 +211,18 @@ ...@@ -210,7 +211,18 @@
@click="isChecked='/procurementList',CommonJump('procurementList')"> @click="isChecked='/procurementList',CommonJump('procurementList')">
<i class="el-icon-menu"></i><span>采购管理</span> <i class="el-icon-menu"></i><span>采购管理</span>
</li> </li>
<li class="menu_item" :class="{'Fchecked':isChecked=='/VehicleManagement'}"
@click="isChecked='/VehicleManagement',CommonJump('VehicleManagement')">
<i class="el-icon-menu"></i><span>载体管理</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked=='/realAuthentication'}"
@click="isChecked='/realAuthentication',CommonJump('realAuthentication')">
<i class="el-icon-menu"></i><span>实名认证</span>
</li>
<li class="menu_item" :class="{'Fchecked':isChecked=='/brandManagement'}"
@click="isChecked='/brandManagement',CommonJump('brandManagement')">
<i class="el-icon-menu"></i><span>品牌管理</span>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/router/index.js
View file @ cb4985ec
...@@ -686,6 +686,30 @@ export default new Router({ ...@@ -686,6 +686,30 @@ export default new Router({
name: 'consultList', name: 'consultList',
component: resolve => require(['@/components/tradePavilion/consultList'], resolve), component: resolve => require(['@/components/tradePavilion/consultList'], resolve),
}, },
//贸易管理--载体管理
{
path: '/VehicleManagement',
name: 'VehicleManagement',
component: resolve => require(['@/components/tradePavilion/VehicleManagement'], resolve),
},
//贸易管理--载体管理编辑
{
path: '/editVehicle',
name: 'editVehicle',
component: resolve => require(['@/components/tradePavilion/editVehicle'], resolve),
},
//贸易管理--实名认证
{
path: '/realAuthentication',
name: 'realAuthentication',
component: resolve => require(['@/components/tradePavilion/realAuthentication'], resolve),
},
//贸易管理--品牌管理
{
path: '/brandManagement',
name: 'brandManagement',
component: resolve => require(['@/components/tradePavilion/brandManagement'], resolve),
}
] ]
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment