1.完善经销商、厂商 门店管理

master
panqihua 2 years ago
parent 6fdc8ee0c5
commit 0b24a125a1
  1. 72
      src/views/manufacturer/store.vue

@ -1,5 +1,21 @@
<template>
<div class="app-container">
<!--TODO:权限逻辑没做先通过路由参数控制-->
<el-row type="flex" class="sum mb20" v-if="$route.query.pageType==='store'">
<el-col :span="5">
<div class="value">22</div>
<div class="label">今日新增门店</div>
</el-col>
<el-col :span="5" :offset="1">
<div class="value">22</div>
<div class="label">今日取消授权门店</div>
</el-col>
<el-col :span="5" :offset="1">
<div class="value">22</div>
<div class="label">营业中门店</div>
</el-col>
</el-row>
<el-form :inline="true">
<el-form-item>
<el-input placeholder="请输入门店名称"></el-input>
@ -41,28 +57,49 @@
</el-form-item>
</el-form>
<template v-if="$route.query.type==='list'">
<el-button type="primary">新增门店</el-button>
<template v-if="$route.query.pageType==='store'">
<el-button>批量授权</el-button>
<el-button>批量取消</el-button>
</template>
<template v-else-if="$route.query.type==='auth'">
<el-button>批量授权</el-button>
<template v-else>
<template v-if="$route.query.type==='list'">
<el-button type="primary">新增门店</el-button>
<el-button>批量取消</el-button>
</template>
<template v-else-if="$route.query.type==='auth'">
<el-button>批量授权</el-button>
</template>
</template>
<el-table :data="dataList" class="mt20">
<el-table-column type="selection" align="center"></el-table-column>
<el-table-column label="ID" align="center">CS00001</el-table-column>
<el-table-column label="门店名称" align="center">门店名称自营</el-table-column>
<el-table-column label="营业执照" align="center"><img src="http://www.dummyimage.com/50x50"/></el-table-column>
<el-table-column label="联系人" align="center">张三</el-table-column>
<el-table-column label="联系电话" align="center">188888888</el-table-column>
<el-table-column label="商品数量" align="center">1125</el-table-column>
<template v-if="$route.query.pageType==='store'">
<el-table-column label="logo" align="center"><img src="http://www.dummyimage.com/50x50"/></el-table-column>
</template>
<template v-else>
<el-table-column label="营业执照" align="center"><img src="http://www.dummyimage.com/50x50"/></el-table-column>
<el-table-column label="联系人" align="center">张三</el-table-column>
<el-table-column label="联系电话" align="center">188888888</el-table-column>
<el-table-column label="商品数量" align="center">1125</el-table-column>
</template>
<el-table-column label="粉丝" align="center">32131</el-table-column>
<el-table-column label="技术支持时间" align="center">2022-12-31-2023-12-31</el-table-column>
<el-table-column label="技术支持时间" align="center">2022-12-31-2023-12-31</el-table-column>
<template v-if="$route.query.pageType!=='store'">
<el-table-column label="技术支持时间" align="center">2022-12-31-2023-12-31</el-table-column>
<el-table-column label="技术支持时间" align="center">2022-12-31-2023-12-31</el-table-column>
</template>
<el-table-column label="状态" align="center">待授权
<!-- TODO:待授权|驳回-->
</el-table-column>
<template v-if="$route.query.pageType==='store'">
<el-table-column label="营业状态" align="center">营业中
<!-- TODO:营业中|打烊-->
</el-table-column>
<el-table-column label="地区" align="center">河南省郑州市金水区</el-table-column>
<el-table-column label="申请时间" align="center">2022-12-31</el-table-column>
<el-table-column label="授权时间" align="center">2022-12-31</el-table-column>
</template>
<el-table-column label="操作" align="center">
<el-button type="text" @click="dialog.detail=true">详情</el-button>
<el-button type="text" v-if="$route.query.type==='list'">授权</el-button>
@ -99,6 +136,17 @@ export default {
}
</script>
<style scoped>
<style scoped lang="scss">
$sum-padding: 20px;
.sum {
& > div {
color: rgba(16, 16, 16, 1);
font-size: 28px;
font-family: SourceHanSansSC-regular;
padding: $sum-padding #{$sum-padding*2};
text-align: center;
border: 1px solid rgba(187, 187, 187, 1);
}
}
</style>

Loading…
Cancel
Save