重新开通

src/common/api/manage/index.js

@@ -40,4 +40,7 @@ export function deleteData(ids) {
 
 export function getStatusSelect() {
   return axios.get('/sys/domain/getErpStatusList')
-}
\ No newline at end of file
+}
+export function reOpenErp(id) {
+  return axios.post(`/sys/domain/reopen/${id}`)
+}

src/views/saasManage/indexPage.vue

@@ -31,6 +31,8 @@
         <el-form-item label="状态">
           <el-select
             style="width: 160px"
+            clearable
+            filterable
             v-model="searchForm.status"
             placeholder="请选择">
             <el-option
@@ -116,13 +118,20 @@
           </template>
         </el-table-column>
         <el-table-column
-          label="公司名称"
+          label="客户名称"
           prop="companyName"
           header-align="center"
           align="center"
           width="180"
           :show-overflow-tooltip="true"></el-table-column>
         <el-table-column
+          label="客户编码"
+          prop="userMark"
+          header-align="center"
+          align="center"
+          width="180"
+          :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column
           label="负责人"
           prop="headName"
           header-align="center"
@@ -156,7 +165,11 @@
           align="center"
           prop="statusTxt"
           width="150"
-          :show-overflow-tooltip="true" />
+          :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            <el-tag plain :type="findStatus(scope.row.status)">{{ scope.row.statusTxt }}</el-tag>
+          </template>
+        </el-table-column>
 
         <el-table-column
           label="创建时间"
@@ -176,13 +189,22 @@
           label="操作"
           header-align="center"
           align="center"
-          width="55"
+          width="90"
           fixed="right">
           <template slot-scope="scope">
-            <i
-              class="el-icon-edit"
-              style="cursor: pointer"
-              @click="handleEdit(scope.row)"></i>
+            <div style="display:flex;align-items:center;justify-content: center;font-size: 17px">
+              <i
+                class="el-icon-edit"
+                style="cursor: pointer"
+                title="编辑"
+                @click="handleEdit(scope.row)"></i>
+              <i
+                class="el-icon-position"
+                v-if="scope.row.status===9"
+                title="重新开通"
+                style="cursor: pointer;color:#67C23A;margin-left: 6px"
+                @click="reOpen(scope.row)"></i>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -316,12 +338,36 @@ import {
   addManageData,
   updateManageData,
   getDataById,
-  deleteData
+  deleteData,
+  reOpenErp
 } from '@/common/api/manage/index'
+
 export default {
   name: 'saasManage',
   data() {
     return {
+      statusColor: [
+        {
+          key: 1,
+          value: 'success'
+        },
+        {
+          key: 2,
+          value: 'warning'
+        },
+        {
+          key: 3,
+          value: 'info'
+        },
+        {
+          key: 4,
+          value: 'info'
+        },
+        {
+          key: 9,
+          value: 'danger'
+        }
+      ],
       paymentPackages: [
         {
           id: 0,
@@ -396,10 +442,14 @@ export default {
   },
   async created() {
     this.cloneEditForm = JSON.parse(JSON.stringify(this.editForm))
-    this.getList()
-    this.getStatusList()
+    await this.getList()
+    await this.getStatusList()
   },
   methods: {
+    findStatus(status) {
+      const item = this.statusColor.find(el => el.key === status)
+      return item ? item.value : ''
+    },
     async getStatusList() {
       const { data } = await getStatusSelect()
       this.statusList = data
@@ -447,6 +497,26 @@ export default {
         this.$refs.form.clearValidate()
       })
     },
+    async reOpen(row) {
+      try {
+        await this.$confirm('确认重新开通？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+      } catch {
+        return
+      }
+      try {
+        const res = await reOpenErp(row.id)
+        if (res.code === 200) {
+          this.$message.success(res.message)
+         await this.getList()
+        }
+      } catch (e) {
+        console.error(e)
+      }
+    },
     async handleEdit(row) {
       this.editId = row.id
       const l = this.$loading({
@@ -568,16 +638,20 @@ export default {
     .el-table .el-table__cell {
       padding: 6px 0;
     }
+
     .el-input__inner {
       padding: 0 4px;
     }
+
     .el-input--small .el-input__inner {
       height: 30px;
       line-height: 30px;
     }
+
     .el-icon-time:before {
       content: '';
     }
+
     .el-dialog__footer {
       text-align: center;
 
@@ -585,9 +659,11 @@ export default {
         padding: 9px 50px;
       }
     }
+
     .el-dialog__body {
       padding: 10px 20px;
     }
+
     .el-icon-edit:before {
       color: #ff9800;
       font-weight: bold;