|
@@ -1,69 +1,57 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <el-form-item label="昵称" prop="nickName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.nickName"
|
|
|
- placeholder="请输入昵称"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码" prop="password">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.password"
|
|
|
- placeholder="请输入密码"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机号" prop="mobile">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.mobile"
|
|
|
- placeholder="请输入手机号"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="微信OPENID" prop="openId">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.openId"
|
|
|
- placeholder="请输入微信OPENID"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证反面" prop="idCardBackUrl">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.idCardBackUrl"
|
|
|
- placeholder="请输入身份证反面"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证正面" prop="idCardFrontUrl">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.idCardFrontUrl"
|
|
|
- placeholder="请输入身份证正面"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="状态 1正常 0禁用" prop="status">
|
|
|
- <el-select v-model="queryParams.status" placeholder="请选择状态 1正常 0禁用" clearable size="small">
|
|
|
- <el-option label="请选择字典生成" value="" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="昵称" prop="nickName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.nickName"
|
|
|
+ placeholder="请输入昵称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="手机号" prop="mobile">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.mobile"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="微信OPENID" prop="openId">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.openId"
|
|
|
+ placeholder="请输入微信OPENID"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in statusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
@@ -122,7 +110,7 @@
|
|
|
<el-table-column label="微信OPENID" align="center" prop="openId" />
|
|
|
<el-table-column label="身份证反面" align="center" prop="idCardBackUrl" />
|
|
|
<el-table-column label="身份证正面" align="center" prop="idCardFrontUrl" />
|
|
|
- <el-table-column label="状态 1正常 0禁用" align="center" prop="status" />
|
|
|
+ <el-table-column label="状态" align="center" prop="status" :formatter="anchorStatusFormatter"/>
|
|
|
<el-table-column label="备注" align="center" prop="remark" />
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
@@ -168,14 +156,17 @@
|
|
|
<el-input v-model="form.openId" placeholder="请输入微信OPENID" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="身份证反面" prop="idCardBackUrl">
|
|
|
- <el-input v-model="form.idCardBackUrl" placeholder="请输入身份证反面" />
|
|
|
+ <ImageUpload v-model="form.idCardBackUrl" type="image" :limit=2 :width="150"
|
|
|
+ :height="150"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="身份证正面" prop="idCardFrontUrl">
|
|
|
- <el-input v-model="form.idCardFrontUrl" placeholder="请输入身份证正面" />
|
|
|
+ <ImageUpload v-model="form.idCardFrontUrl" type="image" :limit=1 :width="150"
|
|
|
+ :height="150"/>
|
|
|
+<!-- 示例图片-->
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="状态 1正常 0禁用">
|
|
|
+ <el-form-item label="状态">
|
|
|
<el-radio-group v-model="form.status">
|
|
|
- <el-radio label="1">请选择字典生成</el-radio>
|
|
|
+ <el-radio :label="item.dictValue" v-for="item in statusOptions" >{{item.dictLabel}}</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="备注" prop="remark">
|
|
@@ -197,6 +188,8 @@ export default {
|
|
|
name: "LiveAnchor",
|
|
|
data() {
|
|
|
return {
|
|
|
+ //字典
|
|
|
+ statusOptions: [],
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 导出遮罩层
|
|
@@ -238,6 +231,9 @@ export default {
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
+ this.getDicts("sys_live_anchor_status").then(response => {
|
|
|
+ this.statusOptions = response.data;
|
|
|
+ });
|
|
|
},
|
|
|
methods: {
|
|
|
/** 查询主播列表 */
|
|
@@ -249,6 +245,9 @@ export default {
|
|
|
this.loading = false;
|
|
|
});
|
|
|
},
|
|
|
+ anchorStatusFormatter(row, column) {
|
|
|
+ return this.selectDictLabel(this.statusOptions, row.status);
|
|
|
+ },
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
this.open = false;
|
|
@@ -357,3 +356,12 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
+<style >
|
|
|
+.el-form-item__label {
|
|
|
+ width: 120px !important;
|
|
|
+}
|
|
|
+.el-input {
|
|
|
+ width: 80% !important;
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|