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

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,6 +57,11 @@
       </el-form-item>
     </el-form>
 
+    <template v-if="$route.query.pageType==='store'">
+      <el-button>批量授权</el-button>
+      <el-button>批量取消</el-button>
+    </template>
+    <template v-else>
       <template v-if="$route.query.type==='list'">
         <el-button type="primary">新增门店</el-button>
         <el-button>批量取消</el-button>
@@ -48,21 +69,37 @@
       <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>
+      <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>
+      <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>