290 行
14 KiB
HTML
可执行文件
290 行
14 KiB
HTML
可执行文件
<!--[1.9.13]-->
|
|
<link rel="stylesheet" type="text/css" href="/Public/css/component-permission.css?v=1.0.1"/>
|
|
<div id="agentList">
|
|
<div class="agent-search-box" style="margin-bottom:10px;">
|
|
<el-input v-model="keyword" style="width: 200px" size="small" placeholder="代理商名称/手机号"></el-input>
|
|
<template>
|
|
<el-select v-model="discountid" placeholder="请选择" size="small" style="margin:0 10px 0 10px">
|
|
<el-option v-for="(list,index) in group" :key="list.id" :label="list.name" :value="list.id">
|
|
</el-option>
|
|
</el-select>
|
|
</template>
|
|
<el-button size="small" type="primary" @click="handleCurrentChange(1)">查询</el-button>
|
|
<el-button size="small" v-if="operate.addAgent" type="primary" @click="agentSet(0)">添加</el-button>
|
|
</div>
|
|
<!-- 查询数据-->
|
|
<div style="max-width: calc(100vw - 208px);">
|
|
<el-table :data="allAgent" size="small" border style="width: calc(100vw - 208px);box-sizing: border-box;"
|
|
:header-cell-style="{background:'#F5F7FA',color:'#606266'}">
|
|
<el-table-column align="center" type="index" label="序号" width="50" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="name" label="代理商名称" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="phone" label="手机号码" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" label="状态" min-width="100">
|
|
<template slot-scope="scope" slot="header">
|
|
<el-tooltip class="item" effect="dark" content="开启为启用，关闭为禁用" placement="top-start">
|
|
<div>
|
|
<span>状态</span>
|
|
<el-button type="text" size="mini" icon="el-icon-question"></el-button>
|
|
</div>
|
|
</el-tooltip>
|
|
</template>
|
|
<template slot-scope="scope">
|
|
<el-switch v-model="scope.row.status" @change="changeStatus(scope.$index)"
|
|
inactive-value="2" active-value="1">
|
|
</el-switch>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" prop="groupname" label="折扣等级" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="money" label="余额" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="addtime" label="添加时间" min-width="140" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="begin_time" label="启用时间" min-width="140" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="end_time" label="过期时间" min-width="140" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="address" label="地址信息" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="bank_name" label="开户银行" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" prop="bank_card" label="银行卡号" min-width="100" show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" fixed="right" label="操作" width="200px" style="border-right: none;">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" v-if="operate.agent_plug"
|
|
@click="plugSet(scope.row)"
|
|
size="mini">插件
|
|
</el-button>
|
|
<el-button type="text" v-if="operate.pay_pattern"
|
|
@click="paySet(scope.row)"
|
|
size="mini">支付
|
|
</el-button>
|
|
<el-button type="text" v-if="operate.recharge"
|
|
@click="recharge(scope.row.id)"
|
|
size="mini">充值
|
|
</el-button>
|
|
<el-button type="text" v-if="operate.record"
|
|
@click="agentRecord(scope.row)"
|
|
size="mini">记录
|
|
</el-button>
|
|
<el-button v-if="operate.addAgent" type="text"
|
|
@click="agentSet(scope.row.id)"
|
|
size="mini">编辑
|
|
</el-button>
|
|
<el-button type="text" v-if="operate.resetPass"
|
|
@click="modifyPass(scope.row.id)"
|
|
size="mini">修改密码
|
|
</el-button>
|
|
<el-button type="text" v-if="operate.setRole"
|
|
@click="openPermission(scope.row.id)"
|
|
size="mini">权限</el-button>
|
|
<el-button v-if="operate.delAgent"
|
|
@click.native.prevent="del(scope.row.id)"
|
|
size="mini"
|
|
style="color: #999" type="text"
|
|
size="small">删除
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
:page-sizes="[10, 20, 30, 40]" :page-size="100" layout="total, sizes, prev, pager, next, jumper"
|
|
:total="len">
|
|
</el-pagination>
|
|
</div>
|
|
<!-- 权限 -->
|
|
<edit-next-role :show.sync="permissionDialogVisible" :id="permissionAgentId" :type="2"></edit-next-role>
|
|
</div>
|
|
<script src="/Public/js/component-permission.js?v=1.0.2"></script>
|
|
<script src="/Public/js/component-operator.js?v=1.0.1"></script>
|
|
<script>
|
|
var agentList = new Vue({
|
|
el: '#agentList',
|
|
data() {
|
|
return {
|
|
allAgent: [],
|
|
limit: 10,
|
|
currentPage: 1,
|
|
len: 0,
|
|
keyword: '',
|
|
group: {$group},
|
|
discountid: '',
|
|
operate: {},//操作权限
|
|
permissionDialogVisible: false, //权限设置窗口
|
|
permissionAgentId: '',//被编辑权限的代理商ID
|
|
}
|
|
},
|
|
methods: {
|
|
openPermission(id){
|
|
this.permissionAgentId = id;
|
|
this.permissionDialogVisible = true;
|
|
},
|
|
handleSizeChange(val) {
|
|
this.limit = val;
|
|
this.getAgent();
|
|
},
|
|
handleCurrentChange(val) {
|
|
this.currentPage = val;
|
|
this.getAgent();
|
|
},
|
|
getAgent() {
|
|
this.sendRequest("{:U('getAgent')}", {
|
|
data: {
|
|
keyword: this.keyword,
|
|
discountid: this.discountid,
|
|
page: this.currentPage,
|
|
limit: this.limit
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.allAgent = res.data;
|
|
this.len = parseInt(res.count);
|
|
} else {
|
|
this.allAgent = res.data;
|
|
this.len = parseInt(res.count);
|
|
this.$message.error(res.msg);
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//编辑、新增代理商
|
|
agentSet(id) {
|
|
MenuApp.pathData.push({
|
|
name: id ? '编辑代理商' : '新增代理商',
|
|
path: "{:U('addAgent')}?id=" + id,
|
|
onClose: () => {
|
|
this.getAgent();
|
|
}
|
|
})
|
|
},
|
|
//插件设置
|
|
plugSet(item) {
|
|
MenuApp.pathData.push({
|
|
name: '代理商-' + item.name + '-插件设置',
|
|
path: "{:U('agent_plug')}?id=" + item.id,
|
|
})
|
|
},
|
|
//消费记录
|
|
agentRecord(item) {
|
|
MenuApp.pathData.push({
|
|
name: '代理商-' + item.name + '-消费记录',
|
|
path: "{:U('record')}?id=" + item.id,
|
|
})
|
|
},
|
|
//支付设置
|
|
paySet(item) {
|
|
MenuApp.pathData.push({
|
|
name: '代理商-' + item.name + '-支付设置',
|
|
path: "{:U('pay_pattern')}?id=" + item.id,
|
|
})
|
|
},
|
|
//充值金额
|
|
recharge(id) {
|
|
this.$prompt('请输入金额', '提示', {
|
|
closeOnClickModal: false,
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
inputPattern: /^\d+$/,
|
|
title: '',
|
|
inputErrorMessage: '金额输入不正确'
|
|
}).then(({value}) => {
|
|
this.sendRequest("{:U('recharge')}", {
|
|
data: {
|
|
id: id,
|
|
money: value
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.$message.success(res.message);
|
|
} else {
|
|
this.$message.error(res.message);
|
|
}
|
|
},
|
|
})
|
|
}).catch(() => {
|
|
});
|
|
},
|
|
//修改密码
|
|
modifyPass(id) {
|
|
this.$prompt('请输入密码', '提示', {
|
|
closeOnClickModal: false,
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
title: '',
|
|
inputPattern: /^[a-zA-Z0-9.+*-/<>?!@#$%^&*():''"";]{1,}$/,
|
|
inputErrorMessage: '密码必须是字母，数字，符号'
|
|
}).then(({value}) => {
|
|
if (!value) {
|
|
return this.$message.warning('请输入密码');
|
|
}
|
|
if (value.length > 16) {
|
|
return this.$message.warning('密码不能大于16位');
|
|
}
|
|
this.sendRequest("{:U('newpass')}", {
|
|
data: {
|
|
newpass: value,
|
|
id: id,
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.$message.success(res.message);
|
|
} else {
|
|
this.$message.error(res.message);
|
|
}
|
|
},
|
|
})
|
|
}).catch(() => {
|
|
});
|
|
},
|
|
//启用/禁用
|
|
changeStatus(index) {
|
|
this.sendRequest("{:U('disableAgent')}", {
|
|
data: {
|
|
status: this.allAgent[index].status,
|
|
id: this.allAgent[index].id,
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.$message.success(res.message);
|
|
} else {
|
|
this.$message.error(res.message);
|
|
this.allAgent[index].status = this.allAgent[index].status == 1 ? '2' : '1';
|
|
}
|
|
},
|
|
})
|
|
},
|
|
//删除
|
|
del(id) {
|
|
this.$confirm('此操作将永久删除该代理商, 是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
this.sendRequest("{:U('delAgent')}", {
|
|
data: {
|
|
id: id
|
|
},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.$message.success(res.message);
|
|
this.getAgent();
|
|
} else {
|
|
this.$message.error(res.message);
|
|
}
|
|
},
|
|
})
|
|
}).catch(() => {
|
|
});
|
|
},
|
|
|
|
},
|
|
created() {
|
|
this.getAgent();
|
|
this.checkOperateAuth({
|
|
addAgent: '/index.php/Admin/Agent/addAgent', //添加修改代理商
|
|
agent_plug: '/index.php/Admin/Agent/agent_plug', //查看插件
|
|
pay_pattern: '/index.php/Admin/Agent/pay_pattern', //查看支付
|
|
record: '/index.php/Admin/Agent/record', //记录
|
|
recharge: '/index.php/Admin/Agent/recharge', //充值
|
|
resetPass: '/index.php/Admin/Agent/newpass', //修改密码
|
|
delAgent: '/index.php/Admin/Agent/delAgent', //删除代理商
|
|
setRole: '/index.php/Admin/AdminRoles/setAgentRole',//权限
|
|
}, (data) => {
|
|
this.operate = data;
|
|
})
|
|
}
|
|
})
|
|
</script> |