feat: 客服许可续期任务 - 列表提示&详情优化

project/src/components/license/createTaskDrawer.vue

@@ -148,40 +148,47 @@ export default {
     },
     // 获取规则详情
     async handleGetDetail() {
-      const url = `${this.URL.BASEURL}${this.URL.license_renewalJobDetail}`
-      const params = {
-        rule_id: this.rule_id
-      }
-      const { data: res = {} } = await this.$axios.get(url, { params })
-      if (res && res.errno == 0) {
-        const { title = '', list = [] } = res.rst || {}
-        this.form.title = title
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.license_renewalJobDetail}`
+        const params = {
+          rule_id: this.rule_id
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          const { title = '', list = [] } = res.rst || {}
+          this.form.title = title
 
-        const account_list = []
-        list.forEach(l => {
-          const crtIdx = account_list.findIndex(a => a.corpid === l.corpid)
-          if (crtIdx === -1){
-            account_list.push({
-              corpid: l.corpid,
-              userOptions: [],
-              user_id_res: [l.user_id],
-              user_list: [],
-            })
-          } else {
-            account_list[crtIdx].user_id_res.push(l.user_id)
-          }
-        })
-        this.form.account_list = [...JSON.parse(JSON.stringify(account_list))]
-        this.form.account_list.forEach(async (a, aIdx) => {
-          await this.$nextTick()
-          this.onChangeCorpid(a.corpid, aIdx)
-        })
-        await this.$nextTick()
-        this.form.account_list.forEach(async (a, aIdx) => {
+          const account_list = []
+          list.forEach(l => {
+            const crtIdx = account_list.findIndex(a => a.corpid === l.corpid)
+            if (crtIdx === -1){
+              account_list.push({
+                corpid: l.corpid,
+                userOptions: [],
+                user_id_res: [l.user_id],
+                user_list: [],
+              })
+            } else {
+              account_list[crtIdx].user_id_res.push(l.user_id)
+            }
+          })
+          this.form.account_list = [...JSON.parse(JSON.stringify(account_list))]
+          this.form.account_list.forEach(async (a, aIdx) => {
+            await this.$nextTick()
+            this.onChangeCorpid(a.corpid, aIdx)
+          })
           await this.$nextTick()
-          this.onChangeUserIdRes(account_list[aIdx].user_id_res, a.corpid, aIdx)
-        })
-        this.handleGetUserDetailByReslist(list)
+          this.form.account_list.forEach(async (a, aIdx) => {
+            await this.$nextTick()
+            this.onChangeUserIdRes(account_list[aIdx].user_id_res, a.corpid, aIdx)
+          })
+          this.handleGetUserDetailByReslist(list)
+        }
+      } catch (error) {
+        console.log(error)
+      } finally {
+        this.loading = false
       }
     },
     async handleGetUserDetailByReslist(list) {
@@ -194,16 +201,23 @@ export default {
       });
     },
     async handleGetAllList () {
-      const url = `${this.URL.BASEURL}${this.URL.warn_djuserList}`
-      const params = {
-        is_active: this.isDetail ? '' : 1,
-        sys_group_id: this.$cookie.getCookie('isSuperManage') == 1 ? sessionStorage.getItem('company_session_defaultCorp_level_1').toString() : '',
-      }
-      const { data: res = {} } = await this.$axios.get(url, { params })
-      if (res && res.errno == 0) {
-        this.corpOptions = [...res.rst]
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.warn_djuserList}`
+        const params = {
+          is_active: this.isDetail ? '' : 1,
+          sys_group_id: this.$cookie.getCookie('isSuperManage') == 1 ? sessionStorage.getItem('company_session_defaultCorp_level_1').toString() : '',
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          this.corpOptions = [...res.rst]
+        }
+        return Promise.resolve()
+      } catch (error) {
+        console.log(error)
+      } finally {
+        this.loading = false
       }
-      return Promise.resolve()
     },
     onChangeCorpid(corpid, accountIdx) {
       this.form.account_list[accountIdx].corpid = corpid || ''

project/src/components/license/index.vue

@@ -1,5 +1,13 @@
 <template>
   <div v-loading="loading" class="operatorGroup-wrap">
+    <div class="self-hint">
+      <i class="el-icon-message-solid" />
+      <div>
+        <p>许可续期仅可为购买过许可的客服续期</p>
+        <p>在系统提交续期任务后,仍然需要通过购买许可流程发送申请邮件以及付款</p>
+        <p>取消任务仅可取消还未支付的订单，已经支付的不可以取消，只能走退款流程</p>
+      </div>
+    </div>
     <div class="screenBox">
       <div class="filter-wrap">
         <!-- 任务名称 -->