拒绝原因展示问题

.env.development

@@ -1,8 +1,8 @@
 NODE_ENV = 'development'
 VUE_APP_TYPE= 'dev'
-VUE_APP_URL = 'http://10.144.62.235:9999'
+# VUE_APP_URL = 'http://10.144.62.235:9999'
 # VUE_APP_URL = 'https://mic.freerr.cn'
 # VUE_APP_URL = 'https://mic.cnbg.com.cn'
 # VUE_APP_URL = 'https://cnbg.yaoyi.net'
 # VUE_APP_URL = 'http://192.168.110.25:9999'
-# VUE_APP_URL = 'https://mic-t.cnbg.com.cn'
+VUE_APP_URL = 'https://mic-t.cnbg.com.cn'

src/views/admin/assignPoints/quota/taskAudit.vue

@@ -45,7 +45,10 @@
         <template slot="taskStatus" slot-scope="scope">
           <div style="line-height: 16px">
             <span>{{ getTaskStatusVal(scope.row.taskStatus) }}</span>
-            <el-tooltip class="item" effect="dark" :content="'拒绝原因：' + (scope.row.taskStatusInfo || '')" placement="top-start">
+            <el-tooltip class="item" effect="dark" placement="top-start">
+              <div slot="content">
+                <span class="reason">{{ getReason(scope.row) }}</span>
+              </div>
               <i v-if="scope.row.taskStatus === '4'" class="el-icon-question f16 ml2"></i>
             </el-tooltip>
           </div>
@@ -258,6 +261,12 @@ export default {
     }
   },
   methods: {
+    getReason(item) {
+      let str = item.checkState?.checkMsg || item.taskStatusInfo;
+
+      let reason = `拒绝原因： "${str}"`;
+      return reason;
+    },
     getTaskStatusVal(taskStatus) {
       taskStatus = String(taskStatus).trim();
       const curr = this.task_status_dict.find((item) => item.value == Number(taskStatus));
@@ -537,4 +546,7 @@ export default {
   border: 1px solid #f2f2f2;
   margin-bottom: 15px;
 }
+.reason {
+  white-space: pre;
+}
 </style>