|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<!-- 筛选条件 -->
|
|
<!-- 筛选条件 -->
|
|
- <div class="screen-container" v-if="!!~[2].indexOf(userType)">
|
|
|
|
|
|
+ <div class="screen-container" v-if="!!~[2].indexOf(userType)">
|
|
<div class="top clearfix">
|
|
<div class="top clearfix">
|
|
<div class="title fl">条件筛选</div>
|
|
<div class="title fl">条件筛选</div>
|
|
</div>
|
|
</div>
|
|
@@ -31,11 +31,16 @@
|
|
<el-form-item label="状态" prop="state">
|
|
<el-form-item label="状态" prop="state">
|
|
<el-select v-model="screenForm.status" placeholder="全部">
|
|
<el-select v-model="screenForm.status" placeholder="全部">
|
|
<el-option label="全部" value=""></el-option>
|
|
<el-option label="全部" value=""></el-option>
|
|
- <el-option :label="item.label" :value="item.value" v-for="(item, index) in select_status" :key="index"></el-option>
|
|
|
|
|
|
+ <el-option
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ v-for="(item, index) in select_status"
|
|
|
|
+ :key="index"
|
|
|
|
+ ></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
-
|
|
|
|
|
|
+
|
|
<el-col :xs="24" :sm="12" :lg="18" class="tr">
|
|
<el-col :xs="24" :sm="12" :lg="18" class="tr">
|
|
<el-form-item label="">
|
|
<el-form-item label="">
|
|
<el-button size="small" @click="resetScreenForm">清空</el-button>
|
|
<el-button size="small" @click="resetScreenForm">清空</el-button>
|
|
@@ -56,17 +61,35 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="table">
|
|
<div class="table">
|
|
- <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
|
|
|
|
|
|
+ <el-table
|
|
|
|
+ v-loading="listLoading"
|
|
|
|
+ :data="dataList"
|
|
|
|
+ element-loading-text="Loading"
|
|
|
|
+ border
|
|
|
|
+ fit
|
|
|
|
+ highlight-current-row
|
|
|
|
+ stripe
|
|
|
|
+ >
|
|
<el-table-column align="center" label="操作" width="230" fixed="right">
|
|
<el-table-column align="center" label="操作" width="230" fixed="right">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" @click="toDetail(scope.row.adminUserId, 1)">详情</el-button>
|
|
<el-button type="text" @click="toDetail(scope.row.adminUserId, 1)">详情</el-button>
|
|
<el-button type="text" @click="toDetail(scope.row.adminUserId, 2)">商城配置</el-button>
|
|
<el-button type="text" @click="toDetail(scope.row.adminUserId, 2)">商城配置</el-button>
|
|
<template v-if="!!~[2].indexOf(userType)">
|
|
<template v-if="!!~[2].indexOf(userType)">
|
|
<el-button type="text" @click="toDetail(scope.row.adminUserId, 3)">微信配置</el-button>
|
|
<el-button type="text" @click="toDetail(scope.row.adminUserId, 3)">微信配置</el-button>
|
|
- <el-popconfirm v-if="scope.row.status" style="margin-left: 10px;" title="确定冻结吗?" @confirm="changeStatus(scope.row.adminUserId, 0)" >
|
|
|
|
|
|
+ <el-popconfirm
|
|
|
|
+ v-if="scope.row.status"
|
|
|
|
+ style="margin-left: 10px"
|
|
|
|
+ title="确定冻结吗?"
|
|
|
|
+ @confirm="changeStatus(scope.row.adminUserId, 0)"
|
|
|
|
+ >
|
|
<el-button slot="reference" type="text">冻结</el-button>
|
|
<el-button slot="reference" type="text">冻结</el-button>
|
|
</el-popconfirm>
|
|
</el-popconfirm>
|
|
- <el-popconfirm v-else style="margin-left: 10px;" title="确定恢复吗?" @confirm="changeStatus(scope.row.adminUserId, 1)" >
|
|
|
|
|
|
+ <el-popconfirm
|
|
|
|
+ v-else
|
|
|
|
+ style="margin-left: 10px"
|
|
|
|
+ title="确定恢复吗?"
|
|
|
|
+ @confirm="changeStatus(scope.row.adminUserId, 1)"
|
|
|
|
+ >
|
|
<el-button slot="reference" type="text">恢复</el-button>
|
|
<el-button slot="reference" type="text">恢复</el-button>
|
|
</el-popconfirm>
|
|
</el-popconfirm>
|
|
</template>
|
|
</template>
|
|
@@ -77,16 +100,58 @@
|
|
<el-button type="text" @click="toAccountList(scope.row)">查看</el-button>
|
|
<el-button type="text" @click="toAccountList(scope.row)">查看</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column align="center" label="商户昵称" prop="companyName" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="负责人" prop="linkName" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="角色" prop="roleName" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="联系电话" prop="linkPhone" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="到期时间" prop="expireTime" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="电子邮箱" prop="email" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
|
- <el-table-column align="center" label="地址" prop="address" min-width="200" show-overflow-tooltip></el-table-column>
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="商户昵称"
|
|
|
|
+ prop="companyName"
|
|
|
|
+ min-width="160"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="负责人"
|
|
|
|
+ prop="linkName"
|
|
|
|
+ min-width="100"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="角色"
|
|
|
|
+ prop="roleName"
|
|
|
|
+ min-width="160"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="联系电话"
|
|
|
|
+ prop="linkPhone"
|
|
|
|
+ min-width="160"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="到期时间"
|
|
|
|
+ prop="expireTime"
|
|
|
|
+ min-width="160"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="电子邮箱"
|
|
|
|
+ prop="email"
|
|
|
|
+ min-width="160"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ align="center"
|
|
|
|
+ label="地址"
|
|
|
|
+ prop="address"
|
|
|
|
+ min-width="200"
|
|
|
|
+ show-overflow-tooltip
|
|
|
|
+ ></el-table-column>
|
|
<el-table-column align="center" label="状态" class-name="status-col">
|
|
<el-table-column align="center" label="状态" class-name="status-col">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-tag :type="scope.row.status ? 'success':'danger'">{{ scope.row.status ? '正常':'冻结' }}</el-tag>
|
|
|
|
|
|
+ <el-tag :type="scope.row.status ? 'success' : 'danger'">{{ scope.row.status ? '正常' : '冻结' }}</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -101,7 +166,8 @@
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-sizes="[10, 20, 30, 50]"
|
|
:page-size="10"
|
|
:page-size="10"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
- :total="listTotal">
|
|
|
|
|
|
+ :total="listTotal"
|
|
|
|
+ >
|
|
</el-pagination>
|
|
</el-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -110,8 +176,8 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { COMMON_SELECT } from '@/utils/select_data'
|
|
import { COMMON_SELECT } from '@/utils/select_data'
|
|
-import {getList, changeAccountStatus} from "@/api/merchant";
|
|
|
|
-import {downloadFiles} from '@/utils/util'
|
|
|
|
|
|
+import { getList, changeAccountStatus } from '@/api/merchant'
|
|
|
|
+import { downloadFiles } from '@/utils/util'
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -121,86 +187,89 @@ export default {
|
|
listTotal: 0, // 列表总数
|
|
listTotal: 0, // 列表总数
|
|
dataList: null, // 列表数据
|
|
dataList: null, // 列表数据
|
|
listLoading: false, // 列表加载loading
|
|
listLoading: false, // 列表加载loading
|
|
- screenForm: { // 筛选表单数据
|
|
|
|
|
|
+ screenForm: {
|
|
|
|
+ // 筛选表单数据
|
|
account: '',
|
|
account: '',
|
|
nickname: '',
|
|
nickname: '',
|
|
phone: '',
|
|
phone: '',
|
|
email: '',
|
|
email: '',
|
|
- status: '',
|
|
|
|
|
|
+ status: ''
|
|
},
|
|
},
|
|
- select_status: [ // 筛选字段 - 状态
|
|
|
|
|
|
+ select_status: [
|
|
|
|
+ // 筛选字段 - 状态
|
|
{ label: '正常', value: true },
|
|
{ label: '正常', value: true },
|
|
{ label: '冻结', value: false }
|
|
{ label: '冻结', value: false }
|
|
- ],
|
|
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
userType() {
|
|
userType() {
|
|
return JSON.parse(localStorage.getItem('greemall_user')).type
|
|
return JSON.parse(localStorage.getItem('greemall_user')).type
|
|
- },
|
|
|
|
|
|
+ }
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- this.getListfun();
|
|
|
|
|
|
+ this.getListfun()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
// 查询列表
|
|
// 查询列表
|
|
getListfun() {
|
|
getListfun() {
|
|
- this.listLoading = true;
|
|
|
|
|
|
+ this.listLoading = true
|
|
getList({
|
|
getList({
|
|
pageNum: this.currentPage,
|
|
pageNum: this.currentPage,
|
|
pageSize: this.pageSize,
|
|
pageSize: this.pageSize,
|
|
...this.screenForm
|
|
...this.screenForm
|
|
- }).then((res) => {
|
|
|
|
- this.dataList = res.data.records;
|
|
|
|
- this.listTotal = res.data.total;
|
|
|
|
- this.listLoading = false;
|
|
|
|
|
|
+ }).then(res => {
|
|
|
|
+ this.dataList = res.data.records
|
|
|
|
+ this.listTotal = res.data.total
|
|
|
|
+ this.listLoading = false
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 提交筛选表单
|
|
// 提交筛选表单
|
|
submitScreenForm() {
|
|
submitScreenForm() {
|
|
- this.currentPage = 1;
|
|
|
|
- this.getListfun();
|
|
|
|
|
|
+ this.currentPage = 1
|
|
|
|
+ this.getListfun()
|
|
},
|
|
},
|
|
// 重置筛选表单
|
|
// 重置筛选表单
|
|
resetScreenForm() {
|
|
resetScreenForm() {
|
|
- this.$refs.screenForm.resetFields();
|
|
|
|
- this.currentPage = 1;
|
|
|
|
- this.getListfun();
|
|
|
|
|
|
+ this.$refs.screenForm.resetFields()
|
|
|
|
+ this.currentPage = 1
|
|
|
|
+ this.getListfun()
|
|
},
|
|
},
|
|
// 更改每页数量
|
|
// 更改每页数量
|
|
handleSizeChange(val) {
|
|
handleSizeChange(val) {
|
|
- this.pageSize = val;
|
|
|
|
- this.currentPage = 1;
|
|
|
|
- this.getListfun();
|
|
|
|
|
|
+ this.pageSize = val
|
|
|
|
+ this.currentPage = 1
|
|
|
|
+ this.getListfun()
|
|
},
|
|
},
|
|
// 更改当前页
|
|
// 更改当前页
|
|
handleCurrentChange(val) {
|
|
handleCurrentChange(val) {
|
|
- this.currentPage = val;
|
|
|
|
- this.getListfun();
|
|
|
|
|
|
+ this.currentPage = val
|
|
|
|
+ this.getListfun()
|
|
},
|
|
},
|
|
|
|
|
|
// 去开通账号
|
|
// 去开通账号
|
|
toCreate() {
|
|
toCreate() {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
- name:"settledManagement",
|
|
|
|
|
|
+ name: 'settledManagement',
|
|
query: {}
|
|
query: {}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
|
|
toAccountList(data) {
|
|
toAccountList(data) {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
- name:"account",
|
|
|
|
|
|
+ name: 'account',
|
|
query: {
|
|
query: {
|
|
- companyWechatId:data.companyWechatId
|
|
|
|
|
|
+ companyWechatId: data.companyWechatId
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
|
|
toDetail(id, type) {
|
|
toDetail(id, type) {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
- name:"tenantDetails",
|
|
|
|
|
|
+ name: 'tenantDetails',
|
|
query: {
|
|
query: {
|
|
- id, type
|
|
|
|
|
|
+ id,
|
|
|
|
+ type
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -208,9 +277,9 @@ export default {
|
|
// 操作 - 更改状态(type: 禁用0,启用1)
|
|
// 操作 - 更改状态(type: 禁用0,启用1)
|
|
changeStatus(id, type) {
|
|
changeStatus(id, type) {
|
|
type = type ? true : false
|
|
type = type ? true : false
|
|
- changeAccountStatus({adminUserId: id, status: type}).then(res => {
|
|
|
|
- this.getListfun();
|
|
|
|
- this.$successMsg();
|
|
|
|
|
|
+ changeAccountStatus({ adminUserId: id, status: type }).then(res => {
|
|
|
|
+ this.getListfun()
|
|
|
|
+ this.$successMsg()
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
|
|
@@ -221,14 +290,12 @@ export default {
|
|
nickName: this.screenForm.nickName,
|
|
nickName: this.screenForm.nickName,
|
|
linkPhone: this.screenForm.phone,
|
|
linkPhone: this.screenForm.phone,
|
|
email: this.screenForm.email,
|
|
email: this.screenForm.email,
|
|
- status: this.screenForm.status,
|
|
|
|
- };
|
|
|
|
- downloadFiles('admin/user/mch/export', screenData);
|
|
|
|
- },
|
|
|
|
|
|
+ status: this.screenForm.status
|
|
|
|
+ }
|
|
|
|
+ downloadFiles('admin/user/mch/export', screenData)
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
|
-
|
|
|
|
-</style>
|
|
|
|
|
|
+<style scoped></style>
|