init

src/constant/statusMap.js

@@ -101,7 +101,8 @@ export const onlineStatusList = [
 ]
 
 export const auditStatusList = [
-  { value: 1, label: '审核中',listClass: listClass.info},
+  { value: 0, label: '待提交',listClass: listClass.info},
+  { value: 1, label: '审核中',listClass: listClass.warning},
   { value: 2, label: '审核通过',listClass: listClass.primary},
   { value: 3, label: '审核不通过',listClass: listClass.danger},
 ]
@@ -497,3 +498,11 @@ export const userFindTagList = [
   { value: 3, label: '谈恋爱' },
   { value: 4, label: '结婚' },
 ]
+
+
+export const userAuthStatusList = [
+  { value: 0, label: '待提交',listClass: listClass.info},
+  { value: 1, label: '审核中',listClass: listClass.warning},
+  { value: 2, label: '已认证',listClass: listClass.primary},
+  { value: 3, label: '审核不通过',listClass: listClass.danger},
+]

src/views/xq/userAuth/index.vue

@@ -1,148 +1,28 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="用户ID" prop="userId">
+      <el-form-item label="用户编号" prop="usercode">
         <el-input
-          v-model="queryParams.userId"
+            v-model="queryParams.usercode"
-          placeholder="请输入用户ID"
+            placeholder="请输入用户编号"
-          clearable
+            clearable
-          @keyup.enter.native="handleQuery"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="用户号" prop="usercode">
+      <el-form-item label="昵称" prop="nickname">
         <el-input
-          v-model="queryParams.usercode"
+            v-model="queryParams.nickname"
-          placeholder="请输入用户号"
+            placeholder="请输入昵称"
-          clearable
+            clearable
-          @keyup.enter.native="handleQuery"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="实名认证 0-待提交 1-审核中 2-审核通过" prop="cardNumAuth">
+      <el-form-item label="手机号" prop="mobile">
         <el-input
-          v-model="queryParams.cardNumAuth"
+            v-model="queryParams.mobile"
-          placeholder="请输入实名认证 0-待提交 1-审核中 2-审核通过"
+            placeholder="请输入手机号"
-          clearable
+            clearable
-          @keyup.enter.native="handleQuery"
+            @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="身份证ID" prop="cardNumId">
-        <el-input
-          v-model="queryParams.cardNumId"
-          placeholder="请输入身份证ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="身份证ID" prop="cardNumName">
-        <el-input
-          v-model="queryParams.cardNumName"
-          placeholder="请输入身份证ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="手机认证 0-待提交 1-审核中 2-审核通过" prop="phoneAuth">
-        <el-input
-          v-model="queryParams.phoneAuth"
-          placeholder="请输入手机认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="手机号" prop="phone">
-        <el-input
-          v-model="queryParams.phone"
-          placeholder="请输入手机号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="单身认证 0-待提交 1-审核中 2-审核通过" prop="singlePersonAuth">
-        <el-input
-          v-model="queryParams.singlePersonAuth"
-          placeholder="请输入单身认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="学历认证 0-待提交 1-审核中 2-审核通过" prop="educationAuth">
-        <el-input
-          v-model="queryParams.educationAuth"
-          placeholder="请输入学历认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="学历照片" prop="educationPic">
-        <el-input
-          v-model="queryParams.educationPic"
-          placeholder="请输入学历照片"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="工作认证 0-待提交 1-审核中 2-审核通过" prop="jobAuth">
-        <el-input
-          v-model="queryParams.jobAuth"
-          placeholder="请输入工作认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="工作照片" prop="jobPic">
-        <el-input
-          v-model="queryParams.jobPic"
-          placeholder="请输入工作照片"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="车辆认证 0-待提交 1-审核中 2-审核通过" prop="carAuth">
-        <el-input
-          v-model="queryParams.carAuth"
-          placeholder="请输入车辆认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="车辆照片" prop="carPic">
-        <el-input
-          v-model="queryParams.carPic"
-          placeholder="请输入车辆照片"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="房子认证 0-待提交 1-审核中 2-审核通过" prop="houseAuth">
-        <el-input
-          v-model="queryParams.houseAuth"
-          placeholder="请输入房子认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="房子照片" prop="housePic">
-        <el-input
-          v-model="queryParams.housePic"
-          placeholder="请输入房子照片"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="婚况认证 0-待提交 1-审核中 2-审核通过" prop="marriageAuth">
-        <el-input
-          v-model="queryParams.marriageAuth"
-          placeholder="请输入婚况认证 0-待提交 1-审核中 2-审核通过"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="婚况照片" prop="marriagePic">
-        <el-input
-          v-model="queryParams.marriagePic"
-          placeholder="请输入婚况照片"
-          clearable
-          @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item>
@@ -152,16 +32,6 @@
     </el-form>
 
     <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['xq:userAuth:add']"
-        >新增</el-button>
-      </el-col>
       <el-col :span="1.5">
         <el-button
           type="success"
@@ -173,54 +43,67 @@
           v-hasPermi="['xq:userAuth:edit']"
         >修改</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['xq:userAuth:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['xq:userAuth:export']"
-        >导出</el-button>
-      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="userAuthList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="" align="center" prop="id" v-if="true"/>
+      <el-table-column label="用户编号" align="center" prop="usercode" />
-      <el-table-column label="用户ID" align="center" prop="userId" />
+      <el-table-column label="昵称" align="center" prop="nickname" show-overflow-tooltip/>
-      <el-table-column label="用户号" align="center" prop="usercode" />
+      <el-table-column label="手机号" align="center" prop="mobile" width="100"/>
-      <el-table-column label="实名认证 0-待提交 1-审核中 2-审核通过" align="center" prop="cardNumAuth" />
+      <el-table-column label="头像" align="center" prop="avatar" >
-      <el-table-column label="身份证ID" align="center" prop="cardNumId" />
+        <template v-slot="scope">
-      <el-table-column label="身份证ID" align="center" prop="cardNumName" />
+          <image-avatar :src="scope.row.avatar"/>
-      <el-table-column label="手机认证 0-待提交 1-审核中 2-审核通过" align="center" prop="phoneAuth" />
+        </template>
-      <el-table-column label="手机号" align="center" prop="phone" />
+      </el-table-column>
-      <el-table-column label="单身认证 0-待提交 1-审核中 2-审核通过" align="center" prop="singlePersonAuth" />
+      <el-table-column label="实名认证" align="center" prop="cardNumAuth" >
-      <el-table-column label="学历认证 0-待提交 1-审核中 2-审核通过" align="center" prop="educationAuth" />
+        <template v-slot="scope">
-      <el-table-column label="学历照片" align="center" prop="educationPic" />
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.cardNumAuth" />
-      <el-table-column label="工作认证 0-待提交 1-审核中 2-审核通过" align="center" prop="jobAuth" />
+        </template>
-      <el-table-column label="工作认证类型" align="center" prop="jobAuthType" />
+      </el-table-column>
-      <el-table-column label="工作照片" align="center" prop="jobPic" />
+      <el-table-column label="手机认证" align="center" prop="phoneAuth">
-      <el-table-column label="车辆认证 0-待提交 1-审核中 2-审核通过" align="center" prop="carAuth" />
+        <template v-slot="scope">
-      <el-table-column label="车辆照片" align="center" prop="carPic" />
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.phoneAuth" />
-      <el-table-column label="房子认证 0-待提交 1-审核中 2-审核通过" align="center" prop="houseAuth" />
+        </template>
-      <el-table-column label="房子照片" align="center" prop="housePic" />
+      </el-table-column>
-      <el-table-column label="婚况认证 0-待提交 1-审核中 2-审核通过" align="center" prop="marriageAuth" />
+      <el-table-column label="单身认证" align="center" prop="singlePersonAuth" >
-      <el-table-column label="婚况照片" align="center" prop="marriagePic" />
+        <template v-slot="scope">
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.singlePersonAuth" />
+        </template>
+      </el-table-column>
+      <el-table-column label="学历认证" align="center" prop="educationAuth" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.educationAuth" />
+        </template>
+      </el-table-column>
+      <el-table-column label="工作认证" align="center" prop="jobAuth" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.jobAuth" />
+        </template>
+      </el-table-column>
+      <el-table-column label="车辆认证" align="center" prop="carAuth" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.carAuth" />
+        </template>
+      </el-table-column>
+      <el-table-column label="房子认证" align="center" prop="houseAuth" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.houseAuth" />
+        </template>
+      </el-table-column>
+      <el-table-column label="婚况认证" align="center" prop="marriageAuth" >
+        <template v-slot="scope">
+          <cai-dict-tag :options="userAuthStatusList" :value="scope.row.marriageAuth" />
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+        <template v-slot="scope">
+          <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-info"
+              @click="handleInfo(scope.row)"
+          >详情</el-button>
           <el-button
             size="mini"
             type="text"
@@ -228,13 +111,6 @@
             @click="handleUpdate(scope.row)"
             v-hasPermi="['xq:userAuth:edit']"
           >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['xq:userAuth:remove']"
-          >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -247,81 +123,18 @@
       @pagination="getList"
     />
 
-    <!-- 添加或修改用户认证管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="用户ID" prop="userId">
-          <el-input v-model="form.userId" placeholder="请输入用户ID" />
-        </el-form-item>
-        <el-form-item label="用户号" prop="usercode">
-          <el-input v-model="form.usercode" placeholder="请输入用户号" />
-        </el-form-item>
-        <el-form-item label="实名认证 0-待提交 1-审核中 2-审核通过" prop="cardNumAuth">
-          <el-input v-model="form.cardNumAuth" placeholder="请输入实名认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="身份证ID" prop="cardNumId">
-          <el-input v-model="form.cardNumId" placeholder="请输入身份证ID" />
-        </el-form-item>
-        <el-form-item label="身份证ID" prop="cardNumName">
-          <el-input v-model="form.cardNumName" placeholder="请输入身份证ID" />
-        </el-form-item>
-        <el-form-item label="手机认证 0-待提交 1-审核中 2-审核通过" prop="phoneAuth">
-          <el-input v-model="form.phoneAuth" placeholder="请输入手机认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model="form.phone" placeholder="请输入手机号" />
-        </el-form-item>
-        <el-form-item label="单身认证 0-待提交 1-审核中 2-审核通过" prop="singlePersonAuth">
-          <el-input v-model="form.singlePersonAuth" placeholder="请输入单身认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="学历认证 0-待提交 1-审核中 2-审核通过" prop="educationAuth">
-          <el-input v-model="form.educationAuth" placeholder="请输入学历认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="学历照片" prop="educationPic">
-          <el-input v-model="form.educationPic" placeholder="请输入学历照片" />
-        </el-form-item>
-        <el-form-item label="工作认证 0-待提交 1-审核中 2-审核通过" prop="jobAuth">
-          <el-input v-model="form.jobAuth" placeholder="请输入工作认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="工作照片" prop="jobPic">
-          <el-input v-model="form.jobPic" placeholder="请输入工作照片" />
-        </el-form-item>
-        <el-form-item label="车辆认证 0-待提交 1-审核中 2-审核通过" prop="carAuth">
-          <el-input v-model="form.carAuth" placeholder="请输入车辆认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="车辆照片" prop="carPic">
-          <el-input v-model="form.carPic" placeholder="请输入车辆照片" />
-        </el-form-item>
-        <el-form-item label="房子认证 0-待提交 1-审核中 2-审核通过" prop="houseAuth">
-          <el-input v-model="form.houseAuth" placeholder="请输入房子认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="房子照片" prop="housePic">
-          <el-input v-model="form.housePic" placeholder="请输入房子照片" />
-        </el-form-item>
-        <el-form-item label="婚况认证 0-待提交 1-审核中 2-审核通过" prop="marriageAuth">
-          <el-input v-model="form.marriageAuth" placeholder="请输入婚况认证 0-待提交 1-审核中 2-审核通过" />
-        </el-form-item>
-        <el-form-item label="婚况照片" prop="marriagePic">
-          <el-input v-model="form.marriagePic" placeholder="请输入婚况照片" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
-import { listUserAuth, getUserAuth, delUserAuth, addUserAuth, updateUserAuth } from "@/api/xq/userAuth";
+import { listUserAuth } from '@/api/xq/userAuth'
+import { userAuthStatusList } from '@/constant/statusMap'
 
 export default {
   name: "UserAuth",
   data() {
     return {
-      // 按钮loading
+      userAuthStatusList,
-      buttonLoading: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -336,102 +149,14 @@ export default {
       total: 0,
       // 用户认证管理表格数据
       userAuthList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        userId: undefined,
+        nickname: undefined,
         usercode: undefined,
-        cardNumAuth: undefined,
+        mobile: undefined,
-        cardNumId: undefined,
-        cardNumName: undefined,
-        phoneAuth: undefined,
-        phone: undefined,
-        singlePersonAuth: undefined,
-        educationAuth: undefined,
-        educationPic: undefined,
-        jobAuth: undefined,
-        jobAuthType: undefined,
-        jobPic: undefined,
-        carAuth: undefined,
-        carPic: undefined,
-        houseAuth: undefined,
-        housePic: undefined,
-        marriageAuth: undefined,
-        marriagePic: undefined,
       },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        id: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        userId: [
-          { required: true, message: "用户ID不能为空", trigger: "blur" }
-        ],
-        usercode: [
-          { required: true, message: "用户号不能为空", trigger: "blur" }
-        ],
-        cardNumAuth: [
-          { required: true, message: "实名认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        cardNumId: [
-          { required: true, message: "身份证ID不能为空", trigger: "blur" }
-        ],
-        cardNumName: [
-          { required: true, message: "身份证ID不能为空", trigger: "blur" }
-        ],
-        phoneAuth: [
-          { required: true, message: "手机认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        phone: [
-          { required: true, message: "手机号不能为空", trigger: "blur" }
-        ],
-        singlePersonAuth: [
-          { required: true, message: "单身认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        educationAuth: [
-          { required: true, message: "学历认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        educationPic: [
-          { required: true, message: "学历照片不能为空", trigger: "blur" }
-        ],
-        jobAuth: [
-          { required: true, message: "工作认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        jobAuthType: [
-          { required: true, message: "工作认证类型不能为空", trigger: "change" }
-        ],
-        jobPic: [
-          { required: true, message: "工作照片不能为空", trigger: "blur" }
-        ],
-        carAuth: [
-          { required: true, message: "车辆认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        carPic: [
-          { required: true, message: "车辆照片不能为空", trigger: "blur" }
-        ],
-        houseAuth: [
-          { required: true, message: "房子认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        housePic: [
-          { required: true, message: "房子照片不能为空", trigger: "blur" }
-        ],
-        marriageAuth: [
-          { required: true, message: "婚况认证 0-待提交 1-审核中 2-审核通过不能为空", trigger: "blur" }
-        ],
-        marriagePic: [
-          { required: true, message: "婚况照片不能为空", trigger: "blur" }
-        ],
-        createTime: [
-          { required: true, message: "创建时间不能为空", trigger: "blur" }
-        ],
-      }
     };
   },
   created() {
@@ -447,39 +172,6 @@ export default {
         this.loading = false;
       });
     },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: undefined,
-        userId: undefined,
-        usercode: undefined,
-        cardNumAuth: undefined,
-        cardNumId: undefined,
-        cardNumName: undefined,
-        phoneAuth: undefined,
-        phone: undefined,
-        singlePersonAuth: undefined,
-        educationAuth: undefined,
-        educationPic: undefined,
-        jobAuth: undefined,
-        jobAuthType: undefined,
-        jobPic: undefined,
-        carAuth: undefined,
-        carPic: undefined,
-        houseAuth: undefined,
-        housePic: undefined,
-        marriageAuth: undefined,
-        marriagePic: undefined,
-        createTime: undefined,
-        updateTime: undefined
-      };
-      this.resetForm("form");
-    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
@@ -496,70 +188,6 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加用户认证管理";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.loading = true;
-      this.reset();
-      const id = row.id || this.ids
-      getUserAuth(id).then(response => {
-        this.loading = false;
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改用户认证管理";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          this.buttonLoading = true;
-          if (this.form.id != null) {
-            updateUserAuth(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            }).finally(() => {
-              this.buttonLoading = false;
-            });
-          } else {
-            addUserAuth(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            }).finally(() => {
-              this.buttonLoading = false;
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除用户认证管理编号为"' + ids + '"的数据项？').then(() => {
-        this.loading = true;
-        return delUserAuth(ids);
-      }).then(() => {
-        this.loading = false;
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {
-      }).finally(() => {
-        this.loading = false;
-      });
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download('xq/userAuth/export', {
-        ...this.queryParams
-      }, `userAuth_${new Date().getTime()}.xlsx`)
-    }
   }
 };
 </script>

src/views/xq/userVip/index.vue

@@ -1,29 +1,29 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="用户ID" prop="userId">
+      <el-form-item label="用户编号" prop="usercode">
         <el-input
-          v-model="queryParams.userId"
+            v-model="queryParams.usercode"
-          placeholder="请输入用户ID"
+            placeholder="请输入用户编号"
-          clearable
+            clearable
-          @keyup.enter.native="handleQuery"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="用户号" prop="usercode">
+      <el-form-item label="昵称" prop="nickname">
         <el-input
-          v-model="queryParams.usercode"
+            v-model="queryParams.nickname"
-          placeholder="请输入用户号"
+            placeholder="请输入昵称"
-          clearable
+            clearable
-          @keyup.enter.native="handleQuery"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="会员到期时间" prop="vipTimeout">
+      <el-form-item label="手机号" prop="mobile">
-        <el-date-picker clearable
+        <el-input
-          v-model="queryParams.vipTimeout"
+            v-model="queryParams.mobile"
-          type="date"
+            placeholder="请输入手机号"
-          value-format="yyyy-MM-dd"
+            clearable
-          placeholder="请选择会员到期时间">
+            @keyup.enter.native="handleQuery"
-        </el-date-picker>
+        />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -42,38 +42,6 @@
           v-hasPermi="['xq:userVip:add']"
         >新增</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['xq:userVip:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['xq:userVip:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['xq:userVip:export']"
-        >导出</el-button>
-      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -83,14 +51,10 @@
       <el-table-column label="用户ID" align="center" prop="userId" />
       <el-table-column label="用户号" align="center" prop="usercode" />
       <el-table-column label="1-普通会员 2-黄金会员 3-钻石会员" align="center" prop="vipType" />
-      <el-table-column label="会员到期时间" align="center" prop="vipTimeout" width="180">
+      <el-table-column label="会员到期时间" align="center" prop="vipTimeout" width="180" />
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.vipTimeout, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
       <el-table-column label="1-正常 2-已过期 3-已取消" align="center" prop="vipStatus" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+        <template v-slot="scope">
           <el-button
             size="mini"
             type="text"