1.完善厂商-门店管理

src/views/components/store/detail.vue

@@ -0,0 +1,116 @@
+<template>
+  <el-dialog :visible.sync="open" @closed="$emit('closed')">
+    <div class="title">基本信息</div>
+    <el-form class="mt20" inline label-position="left" :label-width="width + 'px'">
+      <el-row>
+        <el-col :span="18">
+
+          <div class="w240">
+            <el-form-item label="经销商名称">
+              <el-input v-model="form.name"/>
+            </el-form-item>
+            <el-form-item label="经销商ID">
+              <el-input v-model="form.id"/>
+            </el-form-item>
+            <br/>
+            <el-form-item label="负责人姓名">
+              <el-input v-model="form.userName"/>
+            </el-form-item>
+            <el-form-item label="负责人电话">
+              <el-input v-model="form.phone"/>
+            </el-form-item>
+          </div>
+          <el-form-item label="厂商地址">
+            <el-select v-model="form.address.province" placeholder="请选择">
+
+            </el-select>
+            <el-select v-model="form.address.city" placeholder="请选择">
+
+            </el-select>
+            <el-select v-model="form.address.area" placeholder="请选择">
+
+            </el-select>
+            <br/>
+            <el-input v-model="form.address.address" style="margin-top:10px"></el-input>
+          </el-form-item>
+          <br/>
+          <el-form-item label="营业执照">
+            <img src="http://www.dummyimage.com/100x100"/>
+          </el-form-item>
+          <br/>
+          <el-form-item label="状态" v-if="$route.query.type==='list'">
+            <el-radio v-model="form.status" :key="item.value" v-for="item in dict.type.authorization_status"
+                      :label="item.value">{{
+                item.label
+              }}
+            </el-radio>
+          </el-form-item>
+          <el-form-item label="审核" v-else-if="$route.query.type==='auth'">
+            <el-radio v-model="form.status" :key="item.value"
+                      v-for="item in dict.type.audit_status" :label="item.value">{{
+                item.label
+              }}
+            </el-radio>
+            <el-input type="textarea" :autosize="{minRows:3}"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5" :offset="1">
+          <user-avatar :circle="false" show-bottom-label title="logo"/>
+        </el-col>
+      </el-row>
+      <div class="text-center">
+        <el-button type="primary">保存</el-button>
+        <el-button>重置</el-button>
+
+      </div>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+import userAvatar from '@/views/system/user/profile/userAvatar'
+
+export default {
+  name: 'detail',
+  components: { userAvatar },
+  dicts: ['manufacturer_type_1', 'authorization_status', 'audit_status'],
+  data() {
+    return {
+      width: 100,
+      open: true,
+      form: {
+        name: '厂商名称',
+        id: '145454',
+        userName: '账单',
+        phone: '18888888888',
+        address: {
+          province: '河南省',
+          city: '郑州市',
+          area: '金水区',
+          address: '光明路128号'
+        },
+        status: '0'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.title {
+  color: rgba(16, 16, 16, 1);
+  font-size: 16px;
+  text-align: left;
+  font-family: SourceHanSansSC-regular;
+}
+
+.w240 {
+
+  .el-input,
+  .el-select,
+  .el-date-editor {
+    width: 200px;
+  }
+
+}
+</style>

src/views/components/store/index.vue

@@ -0,0 +1,104 @@
+<template>
+  <div class="app-container">
+    <el-form :inline="true">
+      <el-form-item>
+        <el-input placeholder="请输入门店名称"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input placeholder="请输入门店ID"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input placeholder="请输入联系人"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input placeholder="请输入电话"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-select v-model="queryParams.storeType" placeholder="全部" clearable>
+          <el-option v-for="dict in dict.type.store_type" :key="dict.value" :label="dict.label"
+                     :value="dict.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select v-model="queryParams.manufacturerType" placeholder="全部状态" clearable>
+          <el-option v-for="dict in dict.type.manufacturer_type" :key="dict.value" :label="dict.label"
+                     :value="dict.value"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary">查询</el-button>
+        <el-button>重置</el-button>
+      </el-form-item>
+      <br/>
+      <el-form-item>
+        <el-cascader
+          placeholder="全部地区"
+          v-model="queryParams.address"
+          :options="address"
+          :props="{ expandTrigger: 'hover' }"
+        ></el-cascader>
+      </el-form-item>
+    </el-form>
+
+    <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>
+
+    <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>
+      <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>
+      <el-table-column label="状态" align="center">待授权
+        <!--    TODO:待授权|驳回-->
+      </el-table-column>
+      <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>
+        <el-button type="text" v-else-if="$route.query.type==='auth'">取消授权</el-button>
+      </el-table-column>
+    </el-table>
+
+    <detail v-if="dialog.detail" @closed="dialog.detail=false"/>
+  </div>
+</template>
+
+<script>
+import Detail from './detail'
+
+export default {
+  name: 'index',
+  components: { Detail },
+  dicts: ['manufacturer_type', 'store_type'],
+  data() {
+    return {
+      address: [
+        { label: '河南省', children: [{ label: '郑州市', children: [{ label: '金水区' }] }] }
+      ],
+      dialog: {
+        detail: false
+      },
+      dataList: [{}],
+      queryParams: {
+        manufacturerType: undefined,
+        storeType: undefined
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/platform/user/baseForm.vue

@@ -108,7 +108,7 @@
 </template>
 <script>
 
-import userAvatar from './userAvatar'
+import userAvatar from '@/views/components/userAvatar'
 import { addUser, phoneSelect, updateUser } from '@/api/system/user'
 
 export default {