init

src/views/cai/user/user-forbid-dialog.vue

@@ -9,18 +9,19 @@
       <el-form-item label="用户目前情况" prop="">
         <div>用户【{{userData.nickname}}】: <span v-html="userForbidMessage"/></div>
         <div v-if="userInfoData.lastLoginIp">最后登陆IP【{{userInfoData.lastLoginIp}}】: <span v-html="ipForbidMessage"/></div>
+        <div v-if="userInfoData.imei">设备号【{{userInfoData.imei}}】: <span v-html="imeiForbidMessage"/></div>
       </el-form-item>
-      <el-form-item label="封禁IP确认" v-if="ipShow">
+      <el-form-item label="封禁设备确认" v-if="form.type.includes(3)">
+        <el-input v-model="userInfoData.imei" disabled />
+      </el-form-item>
+      <el-form-item label="封禁IP确认" v-if="form.type.includes(5)">
         <el-input v-model="userInfoData.lastLoginIp" disabled />
       </el-form-item>
-      <el-form-item label="封禁设备确认" v-if="uuidShow">
-        <el-input v-model="userInfoData.mic" disabled />
-      </el-form-item>
       <el-form-item label="封禁类型" prop="type">
         <el-checkbox-group v-model="form.type" @change="typeChange">
           <el-checkbox :label="1">用户</el-checkbox>
-          <el-checkbox :label="2">设备</el-checkbox>
+          <el-checkbox :label="3">设备</el-checkbox>
-          <el-checkbox :label="3">登录IP</el-checkbox>
+          <el-checkbox :label="5">登录IP</el-checkbox>
         </el-checkbox-group>
       </el-form-item>
       <el-form-item label="封禁时长" prop="forbidTime">
@@ -29,7 +30,7 @@
               v-for="dict in forbidTimeList"
               :key="dict.value"
               :label="dict.value"
-          >{{dict.label}}</el-radio>
+          ><span :class="dict.value === 0 ? 'red-color' : ''">{{dict.label}}</span></el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="理由" prop="reason">
@@ -55,8 +56,8 @@ export default {
   },
   data () {
     return {
-      forbidTimeList,
       forbidTypeList,forbidStatusList,
+      forbidTimeList:[],
       open: false,
       title: '',
       form:{
@@ -69,8 +70,10 @@ export default {
       userInfoData:{},
       userForbid:{},
       ipUserForbid:{},
+      imeiUserForbid:{},
       userForbidMessage: '',
       ipForbidMessage: '',
+      imeiForbidMessage: '',
       // 表单校验
       rules: {
         type: [
@@ -89,6 +92,8 @@ export default {
     }
   },
   created() {
+    this.forbidTimeList = [{ value: 0, label: '解封' }]
+    this.forbidTimeList = this.forbidTimeList.concat(forbidTimeList)
   },
   methods: {
     init (userId) {
@@ -98,6 +103,7 @@ export default {
           this.userInfoData = res.data.userInfo
           this.userForbid = res.data.userForbid
           this.ipUserForbid = res.data.ipUserForbid
+          this.imeiUserForbid = res.data.imeiUserForbid
           if(this.userForbid){
             this.userForbidMessage = `<span style="color: red">`+this.userForbid.endTime+`</span><span style="color: burlywood">（`+res.data.userForbidBetween+` 后解封）</span>`
           }else{
@@ -108,6 +114,11 @@ export default {
           }else{
             this.ipForbidMessage = `<span style="color: #1ab394">正常</span>`
           }
+          if(this.imeiUserForbid){
+            this.imeiForbidMessage = `<span style="color: red">`+this.imeiUserForbid.endTime+`</span><span style="color: burlywood">（`+res.data.imeiForbidBetween+` 后解封）</span>`
+          }else{
+            this.imeiForbidMessage = `<span style="color: #1ab394">正常</span>`
+          }
 
         })
       })
@@ -120,8 +131,8 @@ export default {
       this.open = true;
     },
     typeChange(value){
-      this.ipShow = value.includes(3)
+      // this.ipShow = value.includes(3)
-      this.uuidShow = value.includes(2)
+      // this.uuidShow = value.includes(2)
     },
     // 表单提交
     submitForm () {
@@ -148,4 +159,7 @@ export default {
   align-items: center; /* 垂直居中 */
   //justify-content: center; /* 水平居中 */
 }
+.red-color{
+  color: red;
+}
 </style>