1

src/views/backStageManage/organization/personnel/components/personnel.vue

@@ -38,6 +38,13 @@
             <el-table-column prop="email" label="邮箱" align="center" show-overflow-tooltip></el-table-column>
             <el-table-column prop="mobile" label="联系方式" align="center" show-overflow-tooltip></el-table-column>
             <el-table-column prop="tenantName" label="所属租户" align="center" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="expitrTime" label="到期时间" align="center" show-overflow-tooltip></el-table-column>
+            <el-table-column label="剩余天数" align="center" show-overflow-tooltip>
+                <template slot-scope="scope">
+                    <div v-html="getRemainDays(scope.row.expitrTime)">
+                    </div>
+                </template>
+            </el-table-column>
             <el-table-column label="是否启用" align="center" show-overflow-tooltip>
                 <template slot-scope="scope">
                     <el-switch 
@@ -105,6 +112,30 @@ export default {
         this.getTenantList();
     },
     methods: {
+        //获取剩余天数
+        getRemainDays(endDate){
+            if(!endDate){
+                return ''
+            }
+            var endTime = new Date(endDate)
+            var now = new Date()
+            var dataTime = 24 * 60 * 60 * 1000
+            var remainDays
+            if(endTime<now){
+                remainDays = '已过期'
+            }else{
+                remainDays = Math.ceil((endTime - now) / dataTime)
+            }
+            var maxDay = 20
+            if(remainDays == '已过期' || remainDays<=maxDay){
+                if(remainDays == '已过期'){
+                    return `<span style="color:red">${remainDays}</span>`
+                }else{
+                    return `<span style="color:red">剩余${remainDays}天</span>`
+                }
+            }
+            return `剩余${remainDays}天`
+        },
         /** 查询部门列表 */
         getList() {
             this.loading = true;
@@ -161,21 +192,22 @@ export default {
                 id: row.id,
                 state: row.state
             }
+            var states = {
+                1:'启用',
+                0:'禁用'
+            }
             this.$api.updateState(params).then(response => {
-                    if (row.state == 1) {
-                        this.$message.success('启用成功')
-                    } else {
-                        this.$message.success('禁用成功')
-                    }
-                }).catch(error => {
-                    if (row.state == 1) {
-                        this.row.state = 0
-                        this.$message.success('启用失败')
-                    } else {
-                        this.row.state = 1
-                        this.$message.success('禁用失败')
-                    }
-                });
+                if(response.code == 200){
+                    this.$message.success(`${states[row.state]}成功`)
+                }  
+            }).catch(error => {
+                this.$message.error(`${states[row.state]}失败`)
+                if (row.state == 1) {
+                    this.$set(row,'state',0)
+                } else {
+                    this.$set(row,'state',1)
+                }
+            });
         },
 
         handleDelete(row) {