更改会员用户管理页面

src/views/system/consumer/index.vue

@@ -111,20 +111,46 @@
 
     <el-table v-loading="loading" :data="consumerList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="会员用户" align="center" prop="id" />
-      <el-table-column label="微信用户" align="center" prop="openId" />
+      <el-table-column label="用户账号" align="center" prop="account" />
       <el-table-column label="用户昵称" align="center" prop="nickName" />
+      <el-table-column label="用户头像" align="center" prop="avatar" width="100">
+        <template slot-scope="scope">
+          <image-preview :src="scope.row.avatar" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
       <el-table-column label="用户手机号" align="center" prop="phone" />
       <el-table-column label="会员级别" align="center" prop="level" />
+      <el-table-column label="会员角色类型" align="center" prop="roleType">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.wechat_role_type" :value="scope.row.roleType"/>
+        </template>
+      </el-table-column>
       <el-table-column label="会员性别" align="center" prop="gender">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.gender"/>
         </template>
       </el-table-column>
+      <el-table-column label="详细地址" align="center" prop="addres" />
       <el-table-column label="充值余额" align="center" prop="amount" />
       <el-table-column label="赠送余额" align="center" prop="freeAmount" />
       <el-table-column label="消费次数" align="center" prop="totalTimes" />
       <el-table-column label="总消费时长" align="center" prop="duration" />
+      <el-table-column label="账号状态" align="center" prop="status" >
+        <template slot-scope="scope">
+         <span v-if="scope.row.status === 1">
+            <!--判断显示不同的颜色 红色、绿色-->
+            <span style="color: green">正常</span>
+          </span>
+        <span v-else>
+            <span style="color: red">禁止</span>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column label="最后一次登录时间" align="center" prop="lastLoginTime" >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.lastLoginTime, '{y}-{m}-{d} {h}:{i}') }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -156,20 +182,33 @@
     <!-- 添加或修改会员用户对话框 -->
     <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="微信用户openId" prop="openId">
-          <el-input v-model="form.openId" placeholder="请输入微信用户openId" />
-        </el-form-item>
+<!--        <el-form-item label="微信用户openId" prop="openId">-->
+<!--          <el-input v-model="form.openId" placeholder="请输入微信用户openId" />-->
+<!--        </el-form-item>-->
         <el-form-item label="用户昵称" prop="nickName">
           <el-input v-model="form.nickName" placeholder="请输入用户昵称" />
         </el-form-item>
+        <el-form-item label="用户头像" prop="avatar" >
+          <image-upload v-model="form.avatar"/>
+        </el-form-item>
         <el-form-item label="用户手机号" prop="phone">
           <el-input v-model="form.phone" placeholder="请输入用户手机号" />
         </el-form-item>
         <el-form-item label="会员级别(会员类型)" prop="level">
           <el-input v-model="form.level" placeholder="请输入会员级别(会员类型)" />
         </el-form-item>
-        <el-form-item label="会员性别" prop="gender">
-          <el-input v-model="form.gender" placeholder="请输入会员性别" />
+        <el-form-item label="会员角色类型" prop="roleType">
+          <el-select v-model="form.couponType" placeholder="请选择优惠券类型">
+            <el-option
+              v-for="dict in dict.type.wechat_role_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="会员性别" prop="sex">
+          <el-input v-model="form.sex" placeholder="请输入会员性别" />
         </el-form-item>
         <el-form-item label="充值余额" prop="amount">
           <el-input v-model="form.amount" placeholder="请输入充值余额" />
@@ -197,7 +236,7 @@ import { listConsumer, getConsumer, delConsumer, addConsumer, updateConsumer } f
 
 export default {
   name: "Consumer",
-  dicts: ['sys_user_sex'],
+  dicts: ['sys_user_sex','wechat_role_type'],
   data() {
     return {
       // 遮罩层