From 76ee99161400343d3709edb25119fed5eb695e2d Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Mon, 22 Jan 2024 11:09:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E5=91=98=E5=B7=A5?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=20-=20=E7=94=A8=E6=88=B7=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA=E5=86=85=E5=AE=B9=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userList/index.vue | 51 ++++++++++---------------------
 1 file changed, 16 insertions(+), 35 deletions(-)

diff --git a/src/components/userList/index.vue b/src/components/userList/index.vue
index 87dc1f1..3dd904c 100644
--- a/src/components/userList/index.vue
+++ b/src/components/userList/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="divBox">
     <el-card class="box-card">
+      <!--顶部搜索-->
       <div slot="header" class="clearfix">
         <el-form inline size="small">
           <el-form-item>
@@ -9,59 +10,39 @@
             </el-input>
           </el-form-item>
           <el-form-item>
-            <span style="font-size: 12px;color: #C0C4CC;">注：将用户添加为客服时,请确保用户先关注本店铺</span>
+            <span style="font-size: 12px;color: #C0C4CC;">注：将用户添加为员工时,请确保用户先关注本店铺</span>
           </el-form-item>
         </el-form>
       </div>
-      <el-table
-        v-loading="loading"
-        :data="tableData.data"
-        style="width: 100%"
-        size="small"
-      >
-        <el-table-column label="" min-width="65">
+      <!--表单-->
+      <el-table v-loading="loading" :data="tableData.data" style="width: 100%" size="small">
+        <el-table-column label="选择" min-width="65" align="center">
           <template scope="scope">
-            <el-radio v-model="templateRadio" :label="scope.row.uid" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp</el-radio>
+            <el-radio v-model="templateRadio" :label="scope.row.uid" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;</el-radio>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="uid"
-          label="ID"
-          min-width="60"
-        />
-        <el-table-column
-          prop="nickname"
-          label="微信用户名称"
-          min-width="130"
-        />
-        <el-table-column label="客服头像" min-width="80">
+        <el-table-column prop="uid" label="ID" min-width="60" align="center"/>
+        <el-table-column prop="nickname" label="微信用户名称" min-width="130" align="center"/>
+        <el-table-column label="员工头像" min-width="80">
           <template slot-scope="scope">
             <div class="demo-image__preview">
-              <el-image
-                class="tabImage"
-                :src="scope.row.avatar ? scope.row.avatar : moren"
-                :preview-src-list="[scope.row.avatar || moren]"
-              />
+              <el-image class="tabImage" :src="scope.row.avatar ? scope.row.avatar : moren" :preview-src-list="[scope.row.avatar || moren]" />
             </div>
           </template>
         </el-table-column>
-        <el-table-column
-          label="用户类型"
-          min-width="130"
-        >
+        <el-table-column label="用户类型" min-width="130" align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.user_type | statusFilter }}</span>
           </template>
         </el-table-column>
-        <!--<el-table-column
-          label="性别"
-          min-width="80"
-        >
+        <el-table-column label="是否已成为员工" min-width="150" align="center">
           <template slot-scope="scope">
-            <span>{{ scope.row.sex | saxFilter }}</span>
+            <el-tag v-if="scope.row.is_store_service == 1" type="success" effect="dark">是</el-tag>
+            <el-tag v-else type="info" effect="dark">否</el-tag>
           </template>
-        </el-table-column>-->
+        </el-table-column>
       </el-table>
+      <!--分页-->
       <div class="block">
         <el-pagination
           :page-sizes="[20, 40, 60, 80]"