diff --git a/src/api/supplier.js b/src/api/supplier.js
index a881061..5842792 100644
--- a/src/api/supplier.js
+++ b/src/api/supplier.js
@@ -1,10 +1,13 @@
 import request from './request'
 
-// 账号管理 - 添加账号
+// 供应商信息 - 添加供应商
 export function accountCreate(data) {
-  return request.post(`system/supplier/accountCreate`,data)
+  return request.post(`system/supplier/edit_info`,data)
+}
+// 供应商信息 - 获取信息
+export function getSupplierInfo(id) {
+  return request.post(`system/supplier/info/${id}`)
 }
-
 
 
 
diff --git a/src/views/supplier/list/handle/supplierDetails.vue b/src/views/supplier/list/handle/supplierDetails.vue
index b667b28..0513011 100644
--- a/src/views/supplier/list/handle/supplierDetails.vue
+++ b/src/views/supplier/list/handle/supplierDetails.vue
@@ -3,79 +3,20 @@
     <el-drawer :with-header="false" :size="1000" :visible.sync="drawer" :direction="direction" :before-close="handleClose">
       <div v-loading="loading">
         <!--顶部内容-->
-        <div v-if="!isAdd" class="head">
-          <div class="full">
-            <img class="order_icon" :src="orderImg" alt="" />
-            <div class="text">
-              <div class="title">
-                <span class="bold">{{ merData.mer_name }}</span>
-                <el-tag v-if="merData.is_trader" type="danger" class="tags_name" effect="dark" size="mini">自营</el-tag>
-                <el-tag v-if="merData.merchantType" type="warning" class="tags_name" effect="dark" size="mini">{{merData.merchantType.type_name}}</el-tag>
-              </div>
-              <div>
-                <span class="mr20">{{ merData.mer_address }}</span>
-              </div>
-            </div>
-            <div>
-              <el-button
-                v-if="isEdit"
-                size="small"
-                @click="cancelEdit"
-                >取消</el-button
-              >
-              <el-button
-                v-if="!isEdit"
-                type="primary"
-                size="small"
-                @click="merEdit"
-                >编辑</el-button
-              >
-              <el-button
-                v-if="isEdit"
-                type="success"
-                size="small"
-                @click="saveInfo"
-                >完成</el-button
-              >
-              <el-dropdown @command="handleCommand">
-                <el-button icon="el-icon-more" size="small"></el-button>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="password">修改管理员密码</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-          </div>
-          <ul class="list">
-            <li class="item">
-              <div class="title">联系人</div>
-              <div>{{merData.real_name}}</div>
-            </li>
-            <li class="item">
-              <div class="title">联系电话</div>
-              <div>{{ merData.mer_phone }}</div>
-            </li>
-            <li class="item">
-              <div class="title">状态</div>
-              <div>{{ merData.status==1 ? '开启' : '关闭' }}</div>
-            </li>
-            <li class="item">
-              <div class="title">入驻时间</div>
-              <div>{{ merData.create_time }}</div>
-            </li>
-          </ul>
-        </div>
-        <div v-else class="head">
+        <div class="head">
           <div class="text">
             <div class="title">
-              <span class="bold">添加供应商</span>
+              <span class="bold" v-if="isAdd">添加供应商</span>
+              <span class="bold" v-else-if="isEdit">编辑供应商</span>
+              <span class="bold" v-else>查看供应商信息</span>
             </div>
           </div>
         </div>
         <!--具体内容-->
-        <supplierEditForm ref="editForm" :supplierId="supplierId" :isAdd="isAdd" :merData="merData" @success="editSuccess" v-if="isEdit || isAdd"></supplierEditForm>
-        <supplierInfo ref="supplierInfo" :merData="merData" v-else-if="!isEdit && !isAdd"></supplierInfo>
+        <supplierEditForm ref="editForm" :supplierId="supplierId" :isAdd="isAdd" :supplierData="supplierData" @success="editSuccess" v-if="isEdit || isAdd"></supplierEditForm>
+        <supplierInfo ref="supplierInfo" :supplierData="supplierData" v-else-if="!isEdit && !isAdd"></supplierInfo>
       </div>
-      <div v-if="isAdd" class="footer">
+      <div class="footer">
         <el-button size="small" @click="handleClose">取消</el-button>
         <el-button type="primary" size="small" @click="submitInfo">提交</el-button>
       </div>
@@ -84,9 +25,9 @@
 </template>
 
 <script>
-import { merchantDetail } from '@/api/merchant';
 import supplierInfo from './supplierInfo';
 import supplierEditForm from './supplierEditForm';
+import {getSupplierInfo} from "@/api/supplier";
 export default {
   props: {
     drawer: {
@@ -103,13 +44,13 @@ export default {
       isAdd: false,
       direction: 'rtl',
       activeName: 'detail',
-      merData: {},
+      supplierData: {},
       orderImg: require('@/assets/images/store_icon.png'),
-
     };
   },
   filters: {},
   methods: {
+    // 关闭弹框
     handleClose() {
       if(this.isEdit || this.isAdd) {
         this.$refs.editForm.resetData();
@@ -119,36 +60,30 @@ export default {
       }
       this.$emit('closeDrawer');
     },
-    getInfo(id) {
-      this.supplierId = id
-      this.isAdd = false;
-      merchantDetail(id)
-        .then((res) => {
-          this.loading = false;
-          this.drawer = true;
-          this.merData = res.data;
-        })
-        .catch((res) => {
-          this.$message.error(res.message);
-        });
+    // 提交编辑信息
+    submitInfo(){
+      this.$refs.editForm.submitInfo();
     },
+    // 信息初始化
     initData(){
-      this.merData = {
+      this.supplierData = {
         is_trader:0
       }
       this.isEdit = false;
       this.isAdd = true;
       this.loading = false;
     },
-    merEdit(){
-      this.isEdit = true;
-      this.$nextTick(()=>{
-        this.$refs.editForm.getCategorySelect();
-        this.getInfo(this.supplierId);
-      })
-    },
-    cancelEdit() {
-      this.isEdit = false
+    // 获取供应商信息
+    getInfo(id) {
+      this.supplierId = id
+      this.isAdd = false;
+      getSupplierInfo(id).then((res) => {
+        this.loading = false;
+        this.drawer = true;
+        this.supplierData = res.data;
+      }).catch((res) => {
+        this.$message.error(res.message);
+      });
     },
     // 编辑成功回调
     editSuccess(){
@@ -159,19 +94,6 @@ export default {
       }
       this.$emit('getList')
     },
-     //下拉
-    handleCommand() {
-      this.$emit('onPassword',this.supplierId);
-    },
-    saveInfo(){
-      this.$refs.editForm.onSubmit(this.supplierId);
-      setTimeout(()=>{
-        this.getInfo(this.supplierId);
-      },500)
-    },
-    submitInfo(){
-      this.$refs.editForm.handleCreate();
-    }
   },
 };
 </script>
diff --git a/src/views/supplier/list/handle/supplierEditForm.vue b/src/views/supplier/list/handle/supplierEditForm.vue
index 63f071d..2042883 100644
--- a/src/views/supplier/list/handle/supplierEditForm.vue
+++ b/src/views/supplier/list/handle/supplierEditForm.vue
@@ -1,80 +1,194 @@
 <template>
-  <el-form ref="merDataField" size="small" :rules="ruleValidate" :model="merData" label-width="130px" @submit.native.prevent>
-    <el-tabs v-loading="loading" type="border-card" v-model="activeName">
-      <div class="section">
-        <div class="title">基础信息</div>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="供应商名称：" prop="supplier_name">
-              <el-input v-model="merData.supplier_name" placeholder="请填写供应商名称" class="selWidth" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="供应商地址：" prop="detailed_address">
-              <el-input v-model="merData.detailed_address" placeholder="请填写详细地址" class="selWidth" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="联系人姓名：" prop="name">
-              <el-input type="text" placeholder="请填写联系人姓名" v-model="merData.name" class="selWidth" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="联系电话：" prop="phone">
-              <el-input placeholder="请填写联系电话" v-model="merData.phone" class="selWidth" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="供应商邮箱：" prop="email">
-              <el-input v-model="merData.email" placeholder="请填写邮箱地址" class="selWidth" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="排序：" prop="sort">
-              <el-input-number v-model="merData.sort" controls-position="right" placeholder="请输入排序"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="状态：" prop="is_show">
-              <el-switch v-model="merData.is_show" :active-value="1" :inactive-value="0" :width="55" active-text="开启" inactive-text="关闭" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="商品审核：" prop="is_examine">
-              <el-switch v-model="merData.is_examine" :active-value="1" :inactive-value="0" :width="50" active-text="是" inactive-text="否" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="备注：" prop="mark">
-              <el-input type="textarea" v-model="merData.mark" placeholder="请填写备注" class="selWidth" :maxlength="250" autosize :rows="5" resize="none" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="title">账号密码</div>
-        <el-row :gutter="24" class="mt20">
-          <el-col :span="24">
-            <el-form-item label="商户账号：" prop="supplier_account">
-              <el-input type="text" v-model="merData.supplier_account" :disabled="!isAdd" class="selWidth" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="登陆密码：" prop="supplier_password">
-              <el-input type="password" v-model="merData.supplier_password" :disabled="!isAdd" class="selWidth" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </div>
-    </el-tabs>
-  </el-form>
+  <div>
+    <!--表单-->
+    <el-form ref="supplierDataField" size="small" :rules="ruleValidate" :model="supplierData" label-width="130px" @submit.native.prevent>
+      <el-tabs v-loading="loading" type="border-card" v-model="activeName">
+        <div class="section">
+          <div class="title">邀请人</div>
+          <el-row :gutter="24" class="mt20">
+            <el-col :span="12">
+              <el-form-item label="选择邀请人：">
+                <el-button size="small" type="primary" @click="showSelectAgent(1)">{{ supplierData.inviteUser ? '变更邀请人' : '选择邀请人' }}</el-button>
+              </el-form-item>
+              <el-form-item label="">
+                <div class="user-content" v-if="supplierData.inviteUser">
+                  <div class="user-avatar">
+                    <img :src="supplierData.inviteUser.avatar || moren" />
+                  </div>
+                  <div class="user-info">
+                    <div class="nickname">{{ supplierData.inviteUser.nickname }}</div>
+                    <div class="agent-type-text">
+                      <el-tag type="info" effect="dark" size="small">{{ supplierData.inviteUser.uid }}</el-tag>
+                    </div>
+                  </div>
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">基础信息</div>
+          <el-row :gutter="24" class="mt20">
+            <el-col :span="12">
+              <el-form-item label="供应商名称：" prop="supplier_name">
+                <el-input v-model="supplierData.supplier_name" placeholder="请填写供应商名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="供应商地址：" prop="detailed_address">
+                <el-input v-model="supplierData.detailed_address" placeholder="请填写详细地址" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系人姓名：" prop="name">
+                <el-input type="text" placeholder="请填写联系人姓名" v-model="supplierData.name" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话：" prop="phone">
+                <el-input placeholder="请填写联系电话" v-model="supplierData.phone" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="供应商邮箱：" prop="email">
+                <el-input v-model="supplierData.email" placeholder="请填写邮箱地址" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="排序：" prop="sort">
+                <el-input-number v-model="supplierData.sort" controls-position="right" placeholder="请输入排序"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="状态：" prop="is_show">
+                <el-switch v-model="supplierData.is_show" :active-value="1" :inactive-value="0" :width="55" active-text="开启" inactive-text="关闭" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="商品审核：" prop="is_examine">
+                <el-switch v-model="supplierData.is_examine" :active-value="1" :inactive-value="0" :width="50" active-text="是" inactive-text="否" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="备注：" prop="mark">
+                <el-input type="textarea" v-model="supplierData.mark" placeholder="请填写备注" :maxlength="250" autosize :rows="5" resize="none" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">账号密码</div>
+          <el-row :gutter="24" class="mt20">
+            <el-col :span="12">
+              <el-form-item label="商户账号：" :prop="isAdd ? 'supplier_account' : ''">
+                <el-input type="text" v-model="supplierData.supplier_account" :disabled="!isAdd"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="登陆密码：" :prop="isAdd ? 'supplier_password' : ''">
+                <el-input type="password" v-model="supplierData.supplier_password" :disabled="!isAdd"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-tabs>
+    </el-form>
+    <!-- 邀请人选择器 -->
+    <el-dialog title="负责人选择" :visible.sync="selectAgentPopupVisible" width="80%" :before-close="closeSelectAgent" :append-to-body="true">
+      <el-card class="box-card">
+        <!--顶部搜索栏-->
+        <div slot="header" class="clearfix">
+          <div class="container">
+            <el-form inline size="small" label-width="80px">
+              <el-form-item label="">
+                <el-input v-model="agentTableFrom.uid" placeholder="请输入用户ID" class="selWidth" clearable />
+                <el-input v-model="agentTableFrom.contact_name" placeholder="请输入联系人姓名" class="selWidth" clearable />
+                <el-input v-model="agentTableFrom.contact_phone" placeholder="请输入联系人电话" class="selWidth" clearable />
+                <el-select v-model="agentTableFrom.agent_type" class="selWidth" >
+                  <el-option label="发起人" :value="1"></el-option>
+                  <el-option label="省公司" :value="2"></el-option>
+                  <el-option label="省合伙人(外勤)" :value="3"></el-option>
+                  <el-option label="省合伙人(内勤)" :value="4"></el-option>
+                  <el-option label="区县运营商" :value="5"></el-option>
+                  <!--<el-option label="区县合伙人" :value="6"></el-option>-->
+                  <!--<el-option label="餐厅" :value="7"></el-option>-->
+                  <!--<el-option label="配送商" :value="8"></el-option>-->
+                </el-select>
+              </el-form-item>
+            </el-form>
+            <el-button size="small" type="primary" @click="getAgentList(1)">搜索</el-button>
+          </div>
+        </div>
+        <!--表格信息-->
+        <el-table v-loading="selectAgentLoading" :data="agentTableData.data" style="width: 100%" size="mini">
+          <el-table-column label="负责人" min-width="300" align="center">
+            <template slot-scope="scope">
+              <div class="user-content">
+                <div class="user-avatar">
+                  <img :src="scope.row.user.avatar || moren" />
+                </div>
+                <div class="user-info">
+                  <div class="nickname">{{ scope.row.user.nickname }}</div>
+                  <div class="agent-type-text">
+                    <el-tag type="info" effect="dark" size="small">{{ scope.row.user.uid }}</el-tag>
+                    <el-tag v-if="Number(scope.row.agent_type) == 7 && scope.row.mer" type="success" effect="dark" size="small">{{ scope.row.mer.mer_name }}</el-tag>
+                    <el-tag v-if="Number(scope.row.agent_type) == 8 && Object.values(scope.row.merList).length > 0" type="success" effect="dark" size="small">
+                        {{ scope.row.merList[0].mer_name }}
+                        {{ Object.values(scope.row.merList).length > 1 ? '+'+Object.values(scope.row.merList).length : '' }}
+                      </el-tag>
+                  </div>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="代理身份" min-width="200" align="center">
+            <template slot-scope="scope">
+              <el-tag v-if="Number(scope.row.agent_type) == 1" type="info" effect="dark" size="small">发起人</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 2" type="info" effect="dark" size="small">省公司</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 3" type="info" effect="dark" size="small">省合伙人(外勤)</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 4" type="info" effect="dark" size="small">省合伙人(内勤)</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 5" type="info" effect="dark" size="small">区县运营商</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 6" type="info" effect="dark" size="small">区县合伙人</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 7" type="info" effect="dark" size="small">餐厅</el-tag>
+              <el-tag v-if="Number(scope.row.agent_type) == 8" type="info" effect="dark" size="small">配送商</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="联系人" min-width="200" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.contact_name }}<br />
+              {{ scope.row.contact_phone }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="150" align="center">
+            <template slot-scope="scope">
+              <el-button type="success" effect="dark" @click="selectedAgent(scope.row)">选择</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!--分页-->
+        <div class="block">
+          <el-pagination
+            :page-sizes="[20, 40, 60, 80]"
+            :page-size="agentTableFrom.limit"
+            :current-page="agentTableFrom.page"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="agentTableData.total"
+            @size-change="handleAgentSizeChange"
+            @current-change="pageAgentChange"
+          />
+        </div>
+      </el-card>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeSelectAgent">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import {  merchantUpdate } from "@/api/merchant";
 import {accountCreate} from "@/api/supplier";
+import {agentList} from "@/api/marketing";
 
 export default {
   props: {
-    merData: {
+    supplierData: {
       type: Object,
       default: {},
     },
@@ -85,6 +199,8 @@ export default {
   },
   data() {
     return {
+      moren: require("@/assets/images/f.png"),
+      // 代理信息
       loading: false,
       supplierId: '',
       direction: 'rtl',
@@ -108,6 +224,22 @@ export default {
           }
         ],
       },
+      // 用户选择弹框
+      selectAgentPopupVisible: false,
+      selectAgentLoading: true,
+      userListLoading: false,
+      agentTableFrom: {
+        page: 1,
+        limit: 20,
+        uid: '',
+        contact_name: '',
+        contact_phone: '',
+        agent_type: '',
+      },
+      agentTableData: {
+        data: [],
+        total: 0,
+      },
     };
   },
   filters: {},
@@ -115,37 +247,14 @@ export default {
   methods: {
     // 重置表单数据
     resetData(){
-      this.$refs.merDataField.resetFields();
+      this.$refs.supplierDataField.resetFields();
     },
-    /*提交信息*/
-    onSubmit(id){
-
-      console.log('onSubmit',id)
-
-      return false;
-
-      this.$refs['merDataField'].validate(valid => {
-        if (valid) {
-          this.loading = true;
-          merchantUpdate(id,this.merData)
-          .then(async res => {
-            this.$message.success(res.message);
-            this.loading = false;
-            this.$emit('success');
-          })
-          .catch(res => {
-            this.loading = false;
-            this.$message.error(res.message);
-          });
-        }
-      });
-    },
-    // 插件供应商账号
-    handleCreate(){
+    // 提交信息
+    submitInfo(){
       let _this = this;
-      _this.$refs['merDataField'].validate((valid) => {
+      _this.$refs['supplierDataField'].validate((valid) => {
         if (valid) {
-          accountCreate(_this.merData).then(async (res) => {
+          accountCreate(_this.supplierData).then(async (res) => {
             _this.$message.success(res.message);
             _this.$emit('success');
           }).catch((res) => {
@@ -153,91 +262,122 @@ export default {
           });
         }
       });
-    }
+    },
+    // 代理商选择器 - 弹框显示
+    showSelectAgent(){
+      this.getAgentList(1);
+      this.selectAgentPopupVisible = true;
+    },
+    // 代理商选择器 - 弹框关闭
+    closeSelectAgent() {
+      this.selectAgentPopupVisible = false;
+    },
+    // 代理商选择器 - 获取列表及分页
+    getAgentList(num){
+      let _this = this;
+      _this.selectAgentLoading = true;
+      _this.agentTableFrom.page = num ? num : _this.agentTableFrom.page;
+      agentList(_this.agentTableFrom)
+        .then((res) => {
+          _this.agentTableData.data = res.data.list;
+          _this.agentTableData.total = res.data.count;
+          _this.selectAgentLoading = false;
+        })
+        .catch((res) => {
+          _this.selectAgentLoading = false;
+          _this.$message.error(res.message);
+        });
+    },
+    pageAgentChange(page) {
+      this.agentTableFrom.page = page;
+      this.getAgentList('');
+    },
+    handleAgentSizeChange(val) {
+      this.agentTableFrom.limit = val;
+      this.getAgentList('');
+    },
+    // 代理商选择器 - 选中用户
+    selectedAgent(item){
+      this.supplierData.inviteUser = item.user || {};
+      this.supplierData.invite_uid = item.uid;
+      this.supplierData.invite_agent_id = item.id;
+      this.closeSelectAgent();
+      this.$forceUpdate();
+    },
   },
 };
 </script>
 
 <style lang="scss" scoped>
 .selWidth{
-  width: 100%;
+  margin-bottom: 10px!important;
 }
-.el-tabs--border-card {
-  box-shadow: none;
-  border-bottom: none;
-}
-.section {
-  padding: 20px 0 5px;
-  border-bottom: 1px dashed #eeeeee;
-  .title {
-    padding-left: 10px;
-    border-left: 3px solid #437FFD;
-    font-size: 15px;
-    line-height: 15px;
-    color: #303133;
-  }
-  .list {
-    display: flex;
-    flex-wrap: wrap;
-    list-style: none;
-    padding: 0;
-  }
-  .item {
-    flex: 0 0 calc(100% / 2);
-    display: flex;
-    margin-top: 16px;
-    font-size: 13px;
-    color: #606266;
+.user-content{
+  --user-content-height-: 80px;
 
-    &:nth-child(2n + 1) {
-      padding-right: 20px;
-      padding-left: 20px;
-    }
-    &:nth-child(2n) {
-     padding-right: 20px;
-    }
-  }
-  .value {
-    flex: 1;
-    image {
-      display: inline-block;
-      width: 40px;
-      height: 40px;
-      margin: 0 12px 12px 0;
-      vertical-align: middle;
-    }
-  }
-}
-.info-red{
-  color: red;
-  font-size: 12px;
-}
-/deep/.el-input-number.is-controls-right .el-input__inner{
- padding: 0 40px 0 10px;
-}
-/deep/.el-form-item__label{
-  font-weight: normal;
-  color: #282828;
-}
-.tab {
-  display: flex;
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
   align-items: center;
-  .el-image {
-    width: 36px;
-    height: 36px;
-    margin-right: 10px;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    max-width: calc(100% - var(--user-content-height-));
+    height: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      width: 100%;
+      height: 25px;
+      line-height: 25px;
+      text-align: left;
+      font-size: 15px;
+      font-weight: bold;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      align-items: center;
+      .user-id{
+        color: #fff;
+        background-color: #409eff;
+        border-color: #409eff;
+        height: 18px;
+        line-height: 20px;
+        font-size: 13px;
+        padding: 0 5px;
+        border-radius: 5px;
+        margin-left: 10px;
+        width: max-content!important;
+      }
+    }
+    .user-id{
+      width: 100%;
+      text-align: left;
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
   }
-}
-/deep/.el-drawer__body {
-  overflow: auto;
-}
-.gary {
-  color: #aaa;
-}
-.input-tips{
-  font-size: 12px;
-  margin-left: 180px;
-  line-height: 20px;
-  color: #9d9d9d;
 }
 </style>
diff --git a/src/views/supplier/list/handle/supplierInfo.vue b/src/views/supplier/list/handle/supplierInfo.vue
index edce92a..0be0692 100644
--- a/src/views/supplier/list/handle/supplierInfo.vue
+++ b/src/views/supplier/list/handle/supplierInfo.vue
@@ -1,310 +1,185 @@
 <template>
   <div>
-    <el-tabs type="border-card" v-model="activeName">
-      <el-tab-pane label="基本信息" name="detail">
-        <div class="section">
-          <div class="title">基础信息</div>
-          <ul class="list">
-            <li class="item">
-              <div>商户名称：</div>
-              <div class="value">
-                {{merData.mer_name}}
-              </div>
-            </li>
-            <li class="item">
-              <div>商户类型：</div>
-              <div class="value">{{merData.is_trader == 1 ? "自营" : "非自营"}}</div>
-            </li>
-            <li class="item">
-              <div>商户分类：</div>
-              <div v-if="merData.merchantCategory" class="value">
-                {{merData.merchantCategory.category_name}}
-                <span class="info info-red">(该分类下的商户手续费是{{merData.merchantCategory.commission_rate*100}}%)</span>
-              </div>
-            </li>
-            <li class="item">
-              <div>推荐商户：</div>
-              <div class="value">{{merData.is_best == 1 ? "是" : "否"}}</div>
-            </li>
-            <li v-if="merData.merchantType" class="item">
-              <div>店铺类型：</div>
-              <div class="value">{{merData.merchantType.type_name}}</div>
-            </li>
-            <li class="item">
-              <div>商户状态：</div>
-              <div class="value">{{merData.status == 1 ? "开启" : "关闭"}}</div>
-            </li>
-            <li class="item">
-              <div>排序：</div>
-              <div class="value">{{merData.sort}}</div>
-            </li>
-            <li class="item">
-              <div>更新时间：</div>
-              <div class="value">{{merData.update_time}}</div>
-            </li>
-            <li class="item">
-              <div>备注：</div>
-              <div class="value">{{merData.mark}}</div>
-            </li>
-            <li class="item">
-              <div>人均消费额：</div>
-              <div class="value">{{merData.avg_consumption}}</div>
-            </li>
-            <li class="item">
-              <div>商户标签：</div>
-              <div class="value">{{merData.mer_label}}</div>
-            </li>
-          </ul>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="经营信息" name="operate">
-        <div class="section">
-          <div class="title">费用信息</div>
-          <ul class="list">
-            <li class="item item100">
-              <div>商户手续费单独设置：</div>
-              <div class="value">
-                {{merData.commission_switch ? "开启" : "关闭"}}
-              </div>
-            </li>
-            <li v-if="merData.commission_switch" class="item item100">
-              <div>商户手续费：</div>
-              <div class="value">
-                {{ merData.commission_rate}}%
-                <span class="info info-red">(注：此处如未设置手续费，系统会自动读取商户分类下对应手续费；此处已设置，则优先以此处设置为准)</span>
-              </div>
-            </li>
-            <li class="item">
-              <div>店铺保证金：</div>
-              <div class="value">
-                {{merData.is_margin == 0 ? '无' : merData.ot_margin}}
-              </div>
-            </li>
-            <li v-if="merData.is_margin != 0" class="item">
-              <div>保证金支付状态：</div>
-              <div class="value">{{merData.is_margin == 1 ? '待缴' : merData.is_margin == 0 ? '无' : '已缴' }}
-                <span v-if="(merData.is_margin==10 && merData.margin-merData.ot_margin<0)" class="info-red">(需补缴)</span>
-              </div>
-            </li>
-            <li v-if="merData.is_margin != 0" class="item">
-              <div>保证金余额：</div>
-              <div class="value">{{merData.margin}}</div>
-            </li>
-          </ul>
-        </div>
-        <div class="section">
-          <div class="title">审核信息</div>
-          <ul class="list">
-            <li class="item">
-              <div>商品审核：</div>
-              <div class="value">{{merData.is_audit == 1 ? '需审核' : '免审核'}}</div>
-            </li>
-            <li class="item">
-              <div>直播间审核：</div>
-              <div class="value">{{merData.is_bro_room == 1 ? '需审核' : '免审核'}}</div>
-            </li>
-            <li class="item">
-              <div>直播间商品审核：</div>
-              <div class="value">{{merData.is_bro_goods == 1 ? '需审核' : '免审核'}}</div>
-            </li>
-          </ul>
-        </div>
-        <div class="section">
-          <div class="title">其他信息</div>
-          <ul class="list">
-            <li class="item item100">
-              <div>搜索商户关键字：</div>
-              <div class="value">{{merData.mer_keyword}}</div>
-            </li>
-            <li class="item item100">
-              <div>剩余商品采集数：</div>
-              <div class="value">{{merData.copy_product_num}}次</div>
-            </li>
-            <li class="item item100">
-              <div>商户资质：</div>
-              <div class="value">
-                <el-image
-                  v-for="(item, index) in merData.mer_certificate"
-                  :key="index"
-                  :src="item"
-                  @click="lookImg(item)"
-                  style="width: 36px;height: 36px;margin-right: 5px;"
-                  />
-              </div>
-            </li>
-          </ul>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="账号信息" name="account">
-        <div class="section">
-          <div class="title">登录账号</div>
-          <ul class="list">
-            <li class="item">
-              <div>商户账号：</div>
-              <div class="value">
-                {{merData.mer_account}}
-              </div>
-            </li>
-            <li class="item">
-              <div>登录密码：</div>
-              <div class="value">{{merData.mer_password}}</div>
-
-            </li>
-            <li class="item">
-              <div>联系人：</div>
-              <div class="value">{{merData.real_name}}</div>
-            </li>
-            <li class="item">
-              <div>联系电话：</div>
-              <div class="value">{{merData.mer_phone}}</div>
-            </li>
-            <!-- <li class="item">
-              <div>绑定手机号：</div>
-              <div class="value">{{merData.real_name}}</div>
-            </li>
-            <li class="item">
-              <div>绑定微信用户昵称/ID：</div>
-              <div class="value">{{merData.real_name}}</div>
-            </li>  -->
-          </ul>
-        </div>
-        <div v-if="merData.sub_mchid" class="section">
-          <div class="title">财务帐号</div>
-          <ul class="list">
-            <li class="item">
-              <div>微信分账商户号：</div>
-              <div class="value">{{merData.sub_mchid}}</div>
-            </li>
-          </ul>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="积分设置" name="integral">
-        <div class="section">
-          <div class="title">登录账号</div>
-          <ul class="list">
-            <li class="item">
-              <div>商户积分兑换平台积分比例：</div>
-              <div class="value">
-                1 : {{merData.mer_integral_platform_rate}}
-              </div>
-            </li>
-            <li class="item">
-              <div>平台积分转换商户积分比例：</div>
-              <div class="value">{{merData.mer_integral_merchant_rate}} : 1</div>
-            </li>
-          </ul>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-     <div class="images" v-show="false" v-viewer="{ movable: false }">
-      <img v-for="(src,index) in merData.mer_certificate" :src="src" :key="index" />
-    </div>
+    <el-form ref="supplierDataField" size="small" :model="supplierData" label-width="130px" @submit.native.prevent>
+      <el-tabs type="border-card" v-model="activeName">
+        <el-tab-pane label="基本信息" name="detail">
+          <div class="section">
+            <div class="title">邀请人</div>
+            <el-row :gutter="24" class="mt20">
+              <el-col :span="12">
+                <el-form-item label="邀请人：">
+                  <div class="user-content" v-if="supplierData.inviteUser">
+                    <div class="user-avatar">
+                      <img :src="supplierData.inviteUser.avatar || moren" />
+                    </div>
+                    <div class="user-info">
+                      <div class="nickname">{{ supplierData.inviteUser.nickname }}</div>
+                      <div class="agent-type-text">
+                        <el-tag type="info" effect="dark" size="small">{{ supplierData.inviteUser.uid }}</el-tag>
+                      </div>
+                    </div>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="title">基础信息</div>
+            <el-row :gutter="24" class="mt20">
+              <el-col :span="12">
+                <el-form-item label="供应商名称：">
+                  <el-input :value="supplierData.supplier_name" readonly disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="供应商地址：">
+                  <el-input :value="supplierData.detailed_address" readonly disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系人姓名：">
+                  <el-input type="text" :value="supplierData.name" readonly disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话：">
+                  <el-input :value="supplierData.phone" readonly disabled/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="供应商邮箱：">
+                  <el-input :value="supplierData.email" readonly disabled/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="排序：">
+                  <el-input :value="supplierData.sort" readonly disabled/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="状态：">
+                  <el-input :value="supplierData.is_show == 1 ? '开启' : '关闭'" readonly disabled/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="商品审核：">
+                  <el-input :value="supplierData.is_examine == 1 ? '需要审核' : '无需审核'" readonly disabled/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="备注：">
+                  <el-input type="textarea" :value="supplierData.mark" readonly disabled :maxlength="250" autosize :rows="5" resize="none" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="账号信息" name="account">
+          <div class="section">
+            <div class="title">账号密码</div>
+            <el-row :gutter="24" class="mt20">
+              <el-col :span="12">
+                <el-form-item label="商户账号：">
+                  <el-input type="text" :value="supplierData.supplier_account" readonly disabled/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="登陆密码：">
+                  <el-input type="password" :value="supplierData.supplier_password" readonly disabled/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-form>
   </div>
 </template>
 <script>
-
 export default {
   props: {
-    merData: {
+    supplierData: {
       type: Object,
       default: {},
     },
   },
   data() {
     return {
-      loading: true,
-      supplierId: '',
-      direction: 'rtl',
       activeName: 'detail',
     };
   },
-  filters: {
-  },
-  methods: {
-    lookImg(item) {
-      this.imageUrl = item;
-      const viewer = this.$el.querySelector('.images').$viewer;
-      viewer.show();
-      this.$nextTick(() => {
-        let i = this.merData.mer_certificate.findIndex((e) => e === item);
-        viewer.update().view(i);
-      });
-    },
-  },
+  filters: {},
+  methods: {},
 };
 </script>
 <style lang="scss" scoped>
-.el-tabs--border-card {
-  box-shadow: none;
-  border-bottom: none;
-}
-.section {
-  padding: 20px 0 5px;
-  border-bottom: 1px dashed #eeeeee;
-  .title {
-    padding-left: 10px;
-    border-left: 3px solid #437FFD;
-    font-size: 15px;
-    line-height: 15px;
-    color: #303133;
-  }
-  .list {
-    display: flex;
-    flex-wrap: wrap;
-    list-style: none;
-    padding: 0;
-    margin-top: 5px;
-  }
-  .item {
-    flex: 0 0 calc(100% / 2);
-    display: flex;
-    margin-top: 16px;
-    font-size: 13px;
-    color: #606266;
-    padding-right: 20px;
-    padding-left: 20px;
-    &.item100{
-     flex: 0 0 calc(100% / 1);
-     padding-right: 20px;
-     padding-left: 20px;
-    }
-    &:nth-child(2n + 1) {
-      padding-right: 20px;
-      padding-left: 20px;
-    }
-    // &:nth-child(2n) {
-    //  padding-right: 20px;
-    // }
-  }
-  .value {
-    flex: 1;
-    image {
-      display: inline-block;
-      width: 40px;
-      height: 40px;
-      margin: 0 12px 12px 0;
-      vertical-align: middle;
-    }
-  }
-}
-.info-red{
-  color: red;
-  font-size: 12px;
-}
-.tab {
-  display: flex;
-  align-items: center;
-  .el-image {
-    width: 36px;
-    height: 36px;
-    margin-right: 10px;
-  }
-}
-/deep/.el-drawer__body {
-  overflow: auto;
-}
-.gary {
-  color: #aaa;
+.selWidth{
+  margin-bottom: 10px!important;
 }
+.user-content{
+  --user-content-height-: 80px;
 
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    max-width: calc(100% - var(--user-content-height-));
+    height: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      width: 100%;
+      height: 25px;
+      line-height: 25px;
+      text-align: left;
+      font-size: 15px;
+      font-weight: bold;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      align-items: center;
+      .user-id{
+        color: #fff;
+        background-color: #409eff;
+        border-color: #409eff;
+        height: 18px;
+        line-height: 20px;
+        font-size: 13px;
+        padding: 0 5px;
+        border-radius: 5px;
+        margin-left: 10px;
+        width: max-content!important;
+      }
+    }
+    .user-id{
+      width: 100%;
+      text-align: left;
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
 </style>
diff --git a/src/views/supplier/list/index.vue b/src/views/supplier/list/index.vue
index 66fa300..229ec23 100644
--- a/src/views/supplier/list/index.vue
+++ b/src/views/supplier/list/index.vue
@@ -26,78 +26,55 @@
         <el-button size="small" type="primary" @click="getList(1)">搜索</el-button>
       </div>
       <!--列表-->
-      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="small" highlight-current-row class="switchTable">
-
-
-
-
-
-        <el-table-column prop="mer_id" label="ID" min-width="60" />
-        <el-table-column prop="mer_name" label="商户名称" min-width="150" />
-        <el-table-column prop="real_name" label="商户姓名" min-width="150" />
-        <el-table-column prop="status" label="推荐" min-width="100">
+      <el-table v-loading="listLoading" :data="tableData.data">
+        <el-table-column prop="id" label="ID" min-width="50" />
+        <el-table-column label="供应商名称" prop="supplier_name" min-width="150" align="center"/>
+        <el-table-column label="联系人" min-width="120" align="center">
           <template slot-scope="scope">
-            <el-switch
-              v-model="scope.row.is_best"
-              :active-value="1"
-              :inactive-value="0"
-              active-text="是"
-              inactive-text="否"
-              disabled
-              @click.native="onchangeIsShow(scope.row)"
-            />
+            {{ scope.row.name }}<br />
+            {{ scope.row.phone }}
           </template>
         </el-table-column>
-         <el-table-column prop="status" label="开启/关闭" min-width="100">
+        <el-table-column label="邀请人信息" min-width="280" align="center">
           <template slot-scope="scope">
-            <el-switch
-              v-model="scope.row.status"
-              :active-value="1"
-              :inactive-value="0"
-              active-text="开启"
-              inactive-text="关闭"
-              disabled
-              @click.native="onchangeIsClose(scope.row)"
-            />
+            <div class="user-content" v-if="scope.row.inviteUser">
+              <div class="user-avatar">
+                <img :src="scope.row.inviteUser.avatar || moren" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">
+                  {{ scope.row.inviteUser.nickname }}
+                  <div class="user-id">{{ scope.row.inviteUser.uid }}</div>
+                </div>
+                <div class="agent-type-text">
+                  <!--角色信息-->
+                  <el-tag v-if="Number(scope.row.agent_type) == 1" type="info" effect="dark" size="small">发起人</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 2" type="info" effect="dark" size="small">省公司</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 3" type="info" effect="dark" size="small">省合伙人(外勤)</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 4" type="info" effect="dark" size="small">省合伙人(内勤)</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 5" type="info" effect="dark" size="small">区县运营商</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 6" type="info" effect="dark" size="small">区县合伙人</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 7" type="info" effect="dark" size="small">餐厅</el-tag>
+                  <el-tag v-if="Number(scope.row.agent_type) == 8" type="info" effect="dark" size="small">配送商</el-tag>
+                </div>
+              </div>
+            </div>
           </template>
         </el-table-column>
-        <el-table-column prop="create_time" label="创建时间" min-width="150" />
-        <el-table-column prop="margin" label="保证金" min-width="150">
+        <el-table-column label="状态" min-width="60" align="center">
           <template slot-scope="scope">
-            <span>{{scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付'}}</span>
-
+            <el-tag v-if="scope.row.is_show == 1" type="success" effect="dark" size="small">开启</el-tag>
+            <el-tag v-else type="danger" effect="dark" size="small">关闭</el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="sort" label="排序" min-width="100" />
-        <el-table-column prop="mark" label="备注" min-width="200" />
-        <el-table-column label="操作" min-width="150" fixed="right" align="center">
+        <el-table-column label="创建时间" prop="add_time" min-width="150" align="center"/>
+        <el-table-column label="排序" prop="sort" min-width="50" align="center"/>
+        <el-table-column label="操作" min-width="200" fixed="right" align="center">
           <template slot-scope="scope">
-            <!-- <router-link
-              v-if="tableFrom.status === '1'"
-              :to="{path: roterPre+ '/merchant/list/reconciliation/' + scope.row.mer_id + '/1' }"
-            >
-              <el-button type="text" size="small" class="mr10">对账</el-button>
-            </router-link> -->
-            <el-button
-              v-if="tableFrom.status === '1'"
-              type="text"
-              size="small"
-              @click="onLogo(scope.row.mer_id)"
-            >登录</el-button>
-            <el-button type="text" size="small" @click="onEdit(scope.row.mer_id)">编辑</el-button>
-            <el-button type="text" size="small" @click="onDetails(scope.row.mer_id)">详情</el-button>
-            <el-button
-              v-if="tableFrom.status === '0'"
-              type="text"
-              size="small"
-              @click="handleDelete(scope.row.mer_id, scope.$index)"
-            >删除</el-button>
-            <!-- <el-button
-              v-if="tableFrom.status === '1'"
-              type="text"
-              size="small"
-              @click="onDeduct(scope.row.mer_id)"
-            >扣除保证金</el-button> -->
+            <!--<el-button v-if="tableFrom.status === '1'" type="text" size="small" @click="onLogo(scope.row.id)">登录</el-button>-->
+            <el-button type="text" size="small" @click="onEdit(scope.row.id)">编辑</el-button>
+            <el-button type="text" size="small" @click="onDetails(scope.row.id)">详情</el-button>
+            <!--<el-button v-if="tableFrom.status === '0'" type="text" size="small" @click="handleDelete(scope.row.id, scope.$index)">删除</el-button>-->
           </template>
         </el-table-column>
       </el-table>
@@ -129,6 +106,8 @@
 
 <script>
 import supplierDetail from './handle/supplierDetails.vue';
+import {supplierList} from "@/api/supplier";
+
 
 
 
@@ -151,7 +130,7 @@ import { fromList } from "@/libs/constants.js";
 import { roterPre } from "@/settings";
 import SettingMer from "@/libs/settingMer";
 import Cookies from "js-cookie";
-import {supplierList} from "@/api/supplier";
+
 export default {
   name: "SupplierList",
   components: { supplierDetail },
@@ -193,7 +172,6 @@ export default {
           title: "已关闭商户"
         }
       ],
-
       autoUpdate: true,
       supplierId: "",
       drawer: false,
@@ -201,10 +179,13 @@ export default {
     };
   },
   mounted() {
+    this.getList("");
+
+
+
     this.getHeadNum();
     this.getMerCategory();
     this.getStoreType();
-    this.getList("");
   },
   methods: {
     // 添加供应商
@@ -296,7 +277,7 @@ export default {
     onchangeIsShow(row) {
       const title = row.is_best === 0 ? "是否开启推荐商户" : "是否关闭推荐商户";
       this.$modalSure(title).then(() => {
-        merchantStatuseApi(row.mer_id, row.is_best === 1 ? 0 : 1)
+        merchantStatuseApi(row.id, row.is_best === 1 ? 0 : 1)
           .then(({ message }) => {
             this.$message.success(message);
             this.getList("");
@@ -308,7 +289,7 @@ export default {
     },
     // 开启关闭
     onchangeIsClose(row) {
-      merchantIsCloseApi(row.mer_id, row.status === 1 ? 0 : 1)
+      merchantIsCloseApi(row.id, row.status === 1 ? 0 : 1)
         .then(({ message }) => {
           this.$message.success(message);
           this.getList("");
@@ -324,7 +305,6 @@ export default {
       this.$refs.supplierDetail.isEdit = true;
       this.$refs.supplierDetail.getInfo(id);
       this.drawer = true;
-
     },
     // 详情
     onDetails(id) {
@@ -357,7 +337,74 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.user-content{
+  --user-content-height-: 80px;
 
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    max-width: calc(100% - var(--user-content-height-));
+    height: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      width: 100%;
+      height: 25px;
+      line-height: 25px;
+      text-align: left;
+      font-size: 15px;
+      font-weight: bold;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+      align-items: center;
+      .user-id{
+        color: #fff;
+        background-color: #409eff;
+        border-color: #409eff;
+        height: 18px;
+        line-height: 20px;
+        font-size: 13px;
+        padding: 0 5px;
+        border-radius: 5px;
+        margin-left: 10px;
+        width: max-content!important;
+      }
+    }
+    .user-id{
+      width: 100%;
+      text-align: left;
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
 
 
 </style>
diff --git a/src/views/supplier/list/record.vue b/src/views/supplier/list/record.vue
deleted file mode 100644
index b6db117..0000000
--- a/src/views/supplier/list/record.vue
+++ /dev/null
@@ -1,624 +0,0 @@
-<template>
-<div class="divBox">
-    <el-card class="box-card mb20">
-        <div slot="header" class="clearfix">
-            <router-link v-if="$route.params.type === '1'" :to="{path:roterPre+'/merchant/list'}">
-                <el-button size="mini" class="mr20 mb20" icon="el-icon-back">返回</el-button>
-            </router-link>
-            <router-link v-else :to="{path:roterPre+'/accounts/reconciliation'}">
-                <el-button size="mini" class="mr20 mb20" icon="el-icon-back">返回</el-button>
-            </router-link>
-            <div v-if="$route.params.type === '1'" class="filter-container">
-                <el-form :inline="true">
-                    <el-form-item label="使用状态：" class="mr20">
-                        <el-select v-model="tableFrom.status" placeholder="请选择评价状态" @change="init">
-                            <el-option label="全部" value="" />
-                            <el-option label="未对账" value="0" />
-                            <el-option label="已对账" value="1" />
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="时间选择：" class="mr10">
-                        <el-date-picker v-model="timeVal" type="daterange" align="right" unlink-panels format="yyyy 年 MM 月 dd 日" value-format="yyyy/MM/dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" @change="onchangeTime" />
-                    </el-form-item>
-                </el-form>
-            </div>
-            <el-button v-if="$route.params.type === '1'" size="small" type="primary" @click="onAdd(0)">商户对账</el-button>
-        </div>
-        <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row>
-            <el-table-column type="expand">
-                <template slot-scope="props">
-                    <el-form label-position="left" inline class="demo-table-expand demo-table-expands">
-                        <el-form-item label="收货人：">
-                            <span>{{ props.row.real_name | filterEmpty }}</span>
-                        </el-form-item>
-                        <el-form-item label="电话：">
-                            <span>{{ props.row.user_phone | filterEmpty }}</span>
-                        </el-form-item>
-                        <el-form-item label="地址：">
-                            <span>{{ props.row.user_address | filterEmpty }}</span>
-                        </el-form-item>
-                        <el-form-item label="商品总数：">
-                            <span>{{ props.row.total_num | filterEmpty }}</span>
-                        </el-form-item>
-                        <el-form-item label="支付状态：">
-                            <span>{{ props.row.pay_type | payTypeFilter }}</span>
-                        </el-form-item>
-                        <el-form-item label="支付时间：">
-                            <span>{{ props.row.pay_time | filterEmpty }}</span>
-                        </el-form-item>
-                        <el-form-item label="对账备注：">
-                            <span>{{ props.row.admin_mark }}</span>
-                        </el-form-item>
-                    </el-form>
-                </template>
-            </el-table-column>
-            <el-table-column v-if="$route.params.type === '1'" width="50">
-                <template slot="header" slot-scope="scope">
-                    <el-popover placement="top-start" width="100" trigger="hover" class="tabPop">
-                        <div>
-                            <span class="spBlock onHand" :class="{'check': chkName === 'dan'}" @click="onHandle('dan',scope.$index)">选中本页</span>
-                            <span class="spBlock onHand" :class="{'check': chkName === 'duo'}" @click="onHandle('duo')">选中全部</span>
-                        </div>
-                        <el-checkbox slot="reference" :value="(chkName === 'dan' && checkedPage.indexOf(tableFrom.page) > -1) || chkName === 'duo'" @change="changeType" />
-                    </el-popover>
-                </template>
-                <template slot-scope="scope">
-                    <el-checkbox :value="checkedIds.indexOf(scope.row.order_id) > -1 || (chkName === 'duo' && noChecked.indexOf(scope.row.order_id) === -1)" @change="(v)=>changeOne(v,scope.row)" />
-                </template>
-            </el-table-column>
-            <el-table-column prop="order_id" label="ID" width="60" />
-            <el-table-column label="是否对账" min-width="100">
-                <template slot-scope="scope">
-                    <span>{{ scope.row.reconciliation_id | reconciliationFilter }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column prop="order_sn" label="订单编号" min-width="190" />
-            <el-table-column label="商品信息" min-width="330">
-                <template slot-scope="scope">
-                    <div v-for="(val, i ) in scope.row.orderProduct" :key="i" class="tabBox acea-row row-middle">
-                        <div class="demo-image__preview">
-                            <el-image :src="val.cart_info.product.image" :preview-src-list="[val.cart_info.product.image]" />
-                        </div>
-                        <span class="tabBox_tit">{{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }}</span>
-                        <span class="tabBox_pice">{{ '￥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }}</span>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column label="商品总价" min-width="150">
-                <template slot-scope="scope">
-                    <span>{{ getTotal(scope.row.orderProduct) }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column prop="pay_price" label="实际支付" min-width="100" />
-            <el-table-column label="佣金金额" min-width="100">
-              <template slot-scope="scope">
-                <span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="total_postage" label="邮费" min-width="100" />
-          <el-table-column prop="order_rate" label="手续费" min-width="100" />
-            <el-table-column prop="create_time" label="下单时间" min-width="150" />
-            <el-table-column v-if="$route.params.type === '1'" label="操作" min-width="80" fixed="right" align="center">
-                <template slot-scope="scope">
-                    <el-button type="text" size="small" @click="addMark(scope.row.order_id)">添加备注</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="block mb20">
-            <el-pagination :page-sizes="[10, 20, 30, 40]" :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange" @current-change="pageChange" />
-        </div>
-    </el-card>
-    <el-card class="box-card">
-        <el-table v-loading="listLoading" :data="tableDataRefund.data" style="width: 100%" size="mini" class="table" highlight-current-row>
-            <el-table-column type="expand">
-                <template slot-scope="props">
-                    <el-form label-position="left" inline class="demo-table-expand">
-                        <el-form-item label="订单号：">
-                            <span>{{ props.row.order.order_sn }}</span>
-                        </el-form-item>
-                        <el-form-item label="退款商品总价：">
-                            <span>{{ getTotalRefund(props.row.refundProduct) }}</span>
-                        </el-form-item>
-                        <el-form-item label="退款商品总数：">
-                            <span>{{ props.row.refund_num }}</span>
-                        </el-form-item>
-                        <el-form-item label="申请退款时间：">
-                            <span>{{ props.row.create_time | filterEmpty }}</span>
-                        </el-form-item>
-                        <el-form-item label="对账备注：">
-                            <span>{{ props.row.admin_mark }}</span>
-                        </el-form-item>
-                    </el-form>
-                </template>
-            </el-table-column>
-            <el-table-column v-if="$route.params.type === '1'" width="50">
-                <template slot="header" slot-scope="scope">
-                    <el-popover placement="top-start" width="100" trigger="hover" class="tabPop">
-                        <div>
-                            <span class="spBlock onHand" :class="{'check': chkNameRefund === 'dan'}" @click="onHandleRefund('dan',scope.$index)">选中本页</span>
-                            <span class="spBlock onHand" :class="{'check': chkNameRefund === 'duo'}" @click="onHandleRefund('duo')">选中全部</span>
-                        </div>
-                        <el-checkbox slot="reference" :value="(chkNameRefund === 'dan' && checkedPage.indexOf(tableFrom.page) > -1) || chkNameRefund === 'duo'" @change="changeTypeRefund" />
-                    </el-popover>
-                </template>
-                <!--:disabled="isDisabled"-->
-                <template slot-scope="scope">
-                    <el-checkbox :value="refundCheckedIds.indexOf(scope.row.refund_order_id) > -1 || (chkNameRefund === 'duo' && refundNoChecked.indexOf(scope.row.refund_order_id) === -1)" @change="(v)=>changeOneRefund(v,scope.row)" />
-                </template>
-            </el-table-column>
-            <el-table-column prop="refund_order_id" label="ID" width="60" />
-            <el-table-column label="退款单号" min-width="170">
-                <template slot-scope="scope">
-                    <span style="display: block;" v-text="scope.row.refund_order_sn" />
-                    <span v-show="scope.row.is_del > 0" style="color: #ED4014;display: block;">用户已删除</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="是否对账" min-width="100">
-                <template slot-scope="scope">
-                    <span>{{ scope.row.reconciliation_id | reconciliationFilter }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column prop="user.nickname" label="用户信息" min-width="130" />
-            <el-table-column prop="refund_price" label="退款金额" min-width="130" />
-            <el-table-column prop="nickname" label="商品信息" min-width="330">
-                <template slot-scope="scope">
-                    <div v-for="(val, i ) in scope.row.refundProduct" :key="i" class="tabBox acea-row row-middle">
-                        <div class="demo-image__preview">
-                            <el-image :src="val.product.cart_info.product.image" :preview-src-list="[val.product.cart_info.product.image]" />
-                        </div>
-                        <span class="tabBox_tit">{{ val.product.cart_info.product.store_name + ' | ' }}{{ val.product.cart_info.productAttr.sku }}</span>
-                        <span class="tabBox_pice">{{ '￥'+ val.product.cart_info.productAttr.price + ' x '+ val.product.product_num }}</span>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column prop="serviceScore" label="订单状态" min-width="250">
-                <template slot-scope="scope">
-                    <span style="display: block">{{ scope.row.status | orderRefundFilter }}</span>
-                    <span style="display: block">退款原因：{{ scope.row.refund_message }}</span>
-                    <!--<p>备注说明：{{scope.row.mark}}</p>-->
-                    <span style="display: block">状态变更时间：{{ scope.row.status_time }}</span>
-                    <!--<p>备注凭证：{{}}</p>-->
-                </template>
-            </el-table-column>
-            <el-table-column v-if="$route.params.type === '1'" key="10" label="操作" min-width="80" fixed="right" align="center">
-
-                <template slot-scope="scope">
-                    <el-button type="text" size="small" @click="onOrderMark(scope.row.refund_order_id)">订单备注</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div class="block">
-            <el-pagination :page-sizes="[10, 20, 30, 40]" :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, sizes, prev, pager, next, jumper" :total="tableDataRefund.total" @size-change="handleSizeChangeRefund" @current-change="pageChangeRefund" />
-        </div>
-    </el-card>
-</div>
-</template>
-
-<script>
-
-import {
-    merOrderListApi,
-    refundOrderListApi,
-    orderMarkApi,
-    refundMarkApi,
-    reconciliationApi
-} from '@/api/merchant'
-import {
-    reconciliationOrderApi,
-    reconciliationRefundApi
-} from '@/api/accounts'
-import {
-    roterPre
-} from '@/settings'
-export default {
-    name: 'Record',
-    data() {
-        return {
-            roterPre: roterPre,
-            chkName: '',
-            chkNameRefund: '',
-            isIndeterminate: true,
-            resource: [],
-            visible: false,
-            timeVal: [],
-            pickerOptions: {
-                shortcuts: [{
-                    text: '最近一周',
-                    onClick(picker) {
-                        const end = new Date()
-                        const start = new Date()
-                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
-                        picker.$emit('pick', [start, end])
-                    }
-                }, {
-                    text: '最近一个月',
-                    onClick(picker) {
-                        const end = new Date()
-                        const start = new Date()
-                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
-                        picker.$emit('pick', [start, end])
-                    }
-                }, {
-                    text: '最近三个月',
-                    onClick(picker) {
-                        const end = new Date()
-                        const start = new Date()
-                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
-                        picker.$emit('pick', [start, end])
-                    }
-                }]
-            },
-            listLoading: true,
-            tableData: {
-                data: [],
-                total: 0
-            },
-            tableDataRefund: {
-                data: [],
-                total: 0
-            },
-            tableFrom: {
-                page: 1,
-                limit: 10,
-                date: '',
-                status: ''
-            },
-            ids: [],
-            idsRefund: [],
-            checkedPage: [],
-            checkedIds: [], // 订单当前页选中的数据
-            noChecked: [], // 订单全选状态下当前页不选中的数据
-            refundCheckedIds: [], // 退款单当前页选中的数据
-            refundNoChecked: [] // 退款单全选状态下当前页不选中的数据
-        }
-    },
-    mounted() {
-        this.init()
-    },
-    created() {
-        this.tempRoute = Object.assign({}, this.$route)
-    },
-    methods: {
-        isDisabled(row) {
-            if (row.status !== 3) {
-                return false
-            }
-            return true
-        },
-        init() {
-            this.tableFrom.page = 1
-            this.getList()
-            this.getRefundList()
-            if (this.$route.params.type === 0) {
-                this.setTagsViewTitle()
-            }
-        },
-        // 订单
-        onHandle(name) {
-            this.chkName = this.chkName === name ? '' : name
-            this.changeType(!(this.chkName === ''))
-        },
-        changeOne(v, order) {
-            if (v) {
-                if (this.chkName === 'duo') {
-                    const index = this.noChecked.indexOf(order.order_id)
-                    if (index > -1) this.noChecked.splice(index, 1)
-                } else {
-                    const index = this.checkedIds.indexOf(order.order_id)
-                    if (index === -1) this.checkedIds.push(order.order_id)
-                }
-            } else {
-                if (this.chkName === 'duo') {
-                    const index = this.noChecked.indexOf(order.order_id)
-                    if (index === -1) this.noChecked.push(order.order_id)
-                } else {
-                    const index = this.checkedIds.indexOf(order.order_id)
-                    if (index > -1) this.checkedIds.splice(index, 1)
-                }
-            }
-        },
-        changeType(v) {
-            if (v) {
-                if (!this.chkName) {
-                    this.chkName = 'dan'
-                }
-            } else {
-                this.chkName = ''
-            }
-            const index = this.checkedPage.indexOf(this.tableFrom.page)
-            if (this.chkName === 'dan') {
-                this.checkedPage.push(this.tableFrom.page)
-            } else if (index > -1) {
-                this.checkedPage.splice(index, 1)
-            }
-            this.syncCheckedId()
-        },
-        syncCheckedId() {
-            const ids = this.tableData.data.map(v => v.order_id)
-            if (this.chkName === 'duo') {
-                this.checkedIds = []
-            } else if (this.chkName === 'dan') {
-                ids.forEach(id => {
-                    const index = this.checkedIds.indexOf(id)
-                    if (index === -1) {
-                        this.checkedIds.push(id)
-                    }
-                })
-            } else {
-                ids.forEach(id => {
-                    const index = this.checkedIds.indexOf(id)
-                    if (index > -1) {
-                        this.checkedIds.splice(index, 1)
-                    }
-                })
-            }
-        },
-        // 退款订单
-        onHandleRefund(name) {
-            this.chkNameRefund = this.chkNameRefund === name ? '' : name
-            this.changeTypeRefund(!(this.chkNameRefund === ''))
-        },
-        changeOneRefund(v, order) {
-            if (v) {
-                if (this.chkNameRefund === 'duo') {
-                    const index = this.refundNoChecked.indexOf(order.refund_order_id)
-                    if (index > -1) this.refundNoChecked.splice(index, 1)
-                } else {
-                    const index = this.refundCheckedIds.indexOf(order.refund_order_id)
-                    if (index === -1) this.refundCheckedIds.push(order.refund_order_id)
-                }
-            } else {
-                if (this.chkNameRefund === 'duo') {
-                    const index = this.refundNoChecked.indexOf(order.refund_order_id)
-                    if (index === -1) this.refundNoChecked.push(order.refund_order_id)
-                } else {
-                    const index = this.refundCheckedIds.indexOf(order.refund_order_id)
-                    if (index > -1) this.refundCheckedIds.splice(index, 1)
-                }
-            }
-        },
-        changeTypeRefund(v) {
-            if (v) {
-                if (!this.chkNameRefund) {
-                    this.chkNameRefund = 'dan'
-                }
-            } else {
-                this.chkNameRefund = ''
-            }
-            const index = this.checkedPage.indexOf(this.tableFrom.page)
-            if (this.chkNameRefund === 'dan') {
-                this.checkedPage.push(this.tableFrom.page)
-            } else if (index > -1) {
-                this.checkedPage.splice(index, 1)
-            }
-            this.syncCheckedIdRefund()
-        },
-        syncCheckedIdRefund() {
-            const ids = this.tableDataRefund.data.map(v => v.refund_order_id)
-            if (this.chkNameRefund === 'duo') {
-                this.refundCheckedIds = []
-            } else if (this.chkNameRefund === 'dan') {
-                ids.forEach(id => {
-                    const index = this.refundCheckedIds.indexOf(id)
-                    if (index === -1) {
-                        this.refundCheckedIds.push(id)
-                    }
-                })
-            } else {
-                ids.forEach(id => {
-                    const index = this.refundCheckedIds.indexOf(id)
-                    if (index > -1) {
-                        this.refundCheckedIds.splice(index, 1)
-                    }
-                })
-            }
-        },
-        onAdd() {
-            // if (this.ids.length === 0 || this.idsRefund.length === 0) return this.$message.warning('请先选择对账单')
-            const datas = {
-                order_ids: this.checkedIds,
-                order_out_ids: this.noChecked,
-                order_type: this.chkName === 'duo' ? 1 : 0,
-                refund_order_ids: this.refundCheckedIds,
-                refund_out_ids: this.refundNoChecked,
-                refund_type: this.chkNameRefund === 'duo' ? 1 : 0,
-                date: this.tableFrom.date
-            }
-            this.$modalSure('发起商户对账吗').then(() => {
-                reconciliationApi(this.$route.params.id, datas, ).then(({
-                    message
-                }) => {
-                    this.$message.success(message)
-                    this.tableFrom.page = 1
-                    this.getList()
-                    this.getRefundList()
-                    this.chkName = ''
-                    this.chkNameRefund = ''
-                    this.refundCheckedIds = []
-                    this.checkedIds = []
-                    this.noChecked = []
-                    this.refundNoChecked = []
-                }).catch(({
-                    message
-                }) => {
-                    this.$message.error(message)
-                })
-            })
-        },
-        // 具体日期
-        onchangeTime(e) {
-            this.timeVal = e
-            this.tableFrom.date = this.timeVal ? this.timeVal.join('-') : ''
-            this.tableFrom.page = 1
-            this.getList()
-            this.getRefundList()
-        },
-        // 退款备注
-        onOrderMark(id) {
-            this.$modalForm(refundMarkApi(id)).then(() => this.getRefundList())
-        },
-        // 订单备注
-        addMark(id) {
-            this.$modalForm(orderMarkApi(id)).then(() => this.getList())
-        },
-        getTotalRefund(row) {
-            let sum = 0
-            for (let i = 0; i < row.length; i++) {
-                sum += row[i].product.cart_info.productAttr.price * row[i].refund_num
-            }
-            return sum
-        },
-        getTotal(row) {
-            let sum = 0
-            for (let i = 0; i < row.length; i++) {
-                sum += row[i].cart_info.productAttr.price * row[i].product_num
-            }
-            return sum
-        },
-        // 列表
-        getList() {
-            this.listLoading = true
-            this.$route.params.type === '1' ? merOrderListApi(this.$route.params.id, this.tableFrom).then(res => {
-                this.tableData.data = res.data.list
-                this.tableData.total = res.data.count
-                this.tableData.data.map((item) => {
-                    this.$set(item, {
-                        checked: false
-                    })
-                })
-                this.listLoading = false
-            }).catch(res => {
-                this.listLoading = false
-                this.$message.error(res.message)
-            }) : reconciliationOrderApi(this.$route.params.id, this.tableFrom).then(res => {
-                this.tableData.data = res.data.list
-                this.tableData.total = res.data.count
-                this.tableData.data.map((item) => {
-                    this.$set(item, {
-                        checked: false
-                    })
-                })
-                this.listLoading = false
-            }).catch(res => {
-                this.listLoading = false
-                this.$message.error(res.message)
-            })
-        },
-        pageChange(page) {
-            this.tableFrom.page = page
-            this.getList()
-        },
-        handleSizeChange(val) {
-            this.tableFrom.limit = val
-            this.chkName = ''
-            this.getList()
-        },
-        // 退款列表
-        getRefundList() {
-            this.listLoading = true
-            this.$route.params.type === '1' ? refundOrderListApi(this.$route.params.id, this.tableFrom).then(res => {
-                this.tableDataRefund.data = res.data.list
-                this.tableDataRefund.total = res.data.count
-                this.listLoading = false
-            }).catch(res => {
-                this.listLoading = false
-                this.$message.error(res.message)
-            }) : reconciliationRefundApi(this.$route.params.id, this.tableFrom).then(res => {
-                this.tableDataRefund.data = res.data.list
-                this.tableDataRefund.total = res.data.count
-                this.listLoading = false
-            }).catch(res => {
-                this.listLoading = false
-                this.$message.error(res.message)
-            })
-        },
-        pageChangeRefund(page) {
-            this.tableFrom.page = page
-            this.getRefundList()
-        },
-        handleSizeChangeRefund(val) {
-            this.tableFrom.limit = val
-            this.getRefundList()
-        },
-        setTagsViewTitle() {
-            const title = '查看订单'
-            const route = Object.assign({}, this.tempRoute, {
-                title: `${title}-${this.$route.params.id}`
-            })
-            this.$store.dispatch('tagsView/updateVisitedView', route)
-        }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-.spBlock {
-    cursor: pointer;
-}
-
-.check {
-    color: #00a2d4;
-}
-
-.tabPop {
-    /deep/ .el-popover {
-        width: 100px !important;
-    }
-}
-
-.fang {
-    display: inline-block;
-    position: relative;
-    border: 1px solid #DCDFE6;
-    border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 14px;
-    height: 14px;
-    background-color: #fff;
-    z-index: 1;
-    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
-    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
-}
-
-.el-table /deep/.DisabledSelection .cell .el-checkbox__inner {
-    margin-left: -30px;
-    position: relative;
-}
-
-.el-table /deep/.DisabledSelection .cell:before {
-    content: "全选";
-    position: absolute;
-    right: 11px;
-}
-
-.demo-table-expands {
-    /deep/ label {
-        width: 84px !important;
-        color: #99a9bf;
-    }
-}
-
-.selWidth {
-    width: 300px;
-}
-
-.el-dropdown-link {
-    cursor: pointer;
-    color: #409EFF;
-    font-size: 12px;
-}
-
-.el-icon-arrow-down {
-    font-size: 12px;
-}
-
-.tabBox_tit {
-    width: 60%;
-    font-size: 12px !important;
-    margin: 0 2px 0 10px;
-    letter-spacing: 1px;
-    padding: 5px 0;
-    box-sizing: border-box;
-}
-</style>