wanma-benteng
/
new-storepc-view
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化：员工编辑 - 用户选择列表显示内容优化

This commit is contained in:
wuhui_zzw 2024-01-22 11:09:32 +08:00
parent f36ba10f22
commit 76ee991614
1 changed files with 16 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/userList/index.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<el-card class="box-card"> <el-card class="box-card">
<!--顶部搜索-->
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<el-form inline size="small"> <el-form inline size="small">
<el-form-item> <el-form-item>
@ -9,59 +10,39 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<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-item>
</el-form> </el-form>
</div> </div>
<el-table <!--表单-->
v-loading="loading" <el-table v-loading="loading" :data="tableData.data" style="width: 100%" size="small">
:data="tableData.data" <el-table-column label="选择" min-width="65" align="center">
style="width: 100%"
size="small"
>
<el-table-column label="" min-width="65">
<template scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="uid" label="ID" min-width="60" align="center"/>
prop="uid" <el-table-column prop="nickname" label="微信用户名称" min-width="130" align="center"/>
label="ID" <el-table-column label="员工头像" min-width="80">
min-width="60"
/>
<el-table-column
prop="nickname"
label="微信用户名称"
min-width="130"
/>
<el-table-column label="客服头像" min-width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
<el-image <el-image class="tabImage" :src="scope.row.avatar ? scope.row.avatar : moren" :preview-src-list="[scope.row.avatar || moren]" />
class="tabImage"
:src="scope.row.avatar ? scope.row.avatar : moren"
:preview-src-list="[scope.row.avatar || moren]"
/>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="用户类型" min-width="130" align="center">
label="用户类型"
min-width="130"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.user_type | statusFilter }}</span> <span>{{ scope.row.user_type | statusFilter }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!--<el-table-column <el-table-column label="是否已成为员工" min-width="150" align="center">
label="性别"
min-width="80"
>
<template slot-scope="scope"> <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> </template>
</el-table-column>--> </el-table-column>
</el-table> </el-table>
<!--分页-->
<div class="block"> <div class="block">
<el-pagination <el-pagination
:page-sizes="[20, 40, 60, 80]" :page-sizes="[20, 40, 60, 80]"