个人中心转换状态样式,文件转换失败原因

layouts/components/NavBar.vue

@@ -209,6 +209,7 @@ export default {
     },
     handlerOpenLogin(type) {
       this.dialogVisiable = true
+      this.$store.commit('OPEN_LOGIN', true)
       this.$store.commit('SET_INTERFACE', type)
     },
     handlerCloseDialog() {

layouts/userCenter.vue

@@ -33,7 +33,17 @@
           </div>
           <div class="flex py-14px my-8px justify-between text-left">
             <div class="user-ticket">
-              <p class="text-18px text-[#333] leading-24px mb-6px"><span class="font-500 text-bg-$btn-color-primary text-18px leading-24px tracking-1px">{{userInfo?.points}}</span><span class="text-bg-$btn-color-primary text-14px leading-18px">张</span><span class="text-14px text-[rgba(0,0,0,0.8)] leading-18px">/{{userInfo?.totalPoints}}张</span></p>
+              <p class="text-18px text-[#333] leading-24px mb-6px">
+                <span class="font-500 text-bg-$btn-color-primary text-18px leading-24px tracking-1px">
+                  {{userInfo?.points}}
+                </span>
+                <span class="text-bg-$btn-color-primary text-14px leading-18px">
+                  张
+                </span>
+                <span class="text-14px text-[rgba(0,0,0,0.8)] leading-18px">
+                  /{{userInfo?.totalPoints}}张
+                </span>
+              </p>
               <p class="text-12px text-[#999] leading-17px">转换券</p>
             </div>
             <button class="btn-recharge" @click="handlerBuy('ticket')">充值</button>

pages/members/me/expenses.vue

@@ -40,7 +40,14 @@
         <template slot-scope="scope">
           <div class="box">
             <div class="bottom">
-              <el-tooltip class="item" effect="dark" :content="'转换时间：' + scope.row.createdAt" placement="bottom">
+              <el-tooltip class="item" effect="dark"  placement="bottom">
+                <div slot="content">
+                  {{'转换时间: ' +scope.row.createdAt}}
+                  <br/>
+                  <div v-if="scope.row.failReason">
+                    {{'失败原因: ' +scope.row.failReason}}
+                  </div>
+                </div>
                 <span v-html="scope.row.status" class="cursor-default"></span>
               </el-tooltip>
             </div>
@@ -116,6 +123,7 @@ export default {
       this.$axios.get(`/missionFile/page?page=${page}`).then((res) => {
         if(res.code === 200) {
           this.tableData = res.result.list
+          console.log(this.tableData)
           this.totalNum = res.result.total
           for (let i = 0; i < this.tableData.length; i++) {
             this.tableData[i].size = this.getfilesize(this.tableData[i].size)
@@ -153,11 +161,11 @@ export default {
         case 1:
           return '转档中'
         case 2:
-          return '<span style="color: green">转档成功</span>'
+          return '<span style="color: #0dd299">转档成功</span>'
         case 3:
-          return '<span style="color: red">转档失败</span>'
+          return '<span style="color: #9599b1">转档失败</span>'
         case 4:
-          return '<span style="color: green">转档成功</span>'
+          return '<span style="color: #0dd299">转档成功</span>'
       }
     },
     // 格式转换