docs（expenses.vue）:个人中心，转换劵文件大小，消耗劵，状态ui调整

pages/members/me/expenses.vue

@@ -38,9 +38,17 @@
           <span v-html="scope.row.outFilename"></span>
         </template>
       </el-table-column>
-      <el-table-column prop="size" label="文件大小" ></el-table-column>
-      <el-table-column prop="price" label="消耗券数" ></el-table-column>
-      <el-table-column prop="status" label="状态" width="120px">
+      <el-table-column prop="size" label="文件大小" align="center">
+        <template slot-scope="scope">
+          <span v-html="scope.row.size"></span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="price" label="消耗券数" align="center">
+        <template slot-scope="scope">
+          <span v-html="scope.row.price"></span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="状态" width="120px" align="center">
         <template slot-scope="scope">
           <div class="box">
             <div class="bottom">
@@ -140,33 +148,46 @@ export default {
           this.tableData = res.result.list
           this.totalNum = res.result.total
           for (let i = 0; i < this.tableData.length; i++) {
-            this.tableData[i].size = this.getfilesize(this.tableData[i].size)
-            this.tableData[i].status = this.getFileStatus(this.tableData[i].status)
-            this.tableData[i].outFilename = this.getFileFileName(this.tableData[i].outFilename,this.tableData[i].statusName,this.tableData[i])
             this.$set(this.tableData[i], 'format', this.getFormat(this.tableData[i].inputType, this.tableData[i].outputType))
+            this.tableData[i].outFilename = this.getFileFileName(this.tableData[i].outFilename,this.tableData[i].statusName,this.tableData[i])
+            this.tableData[i].size = this.getfilesize(this.tableData[i].size,this.tableData[i].status)
+            this.tableData[i].price = this.getfilePrice(this.tableData[i].price,this.tableData[i].status)
+            this.tableData[i].status = this.getFileStatus(this.tableData[i].status)
           }
         }
       })
     },
     // 计算文件大小函数(保留两位小数),Size为字节大小
-    getfilesize (size) {
-      if (!size) return ""
+    getfilesize (size,status) {
+      if(status=== 3){
+        return `<span style="color: #9599b1">0KB</span>`
+      }
+      if (!size) {
+        return "0KB"
+      }
       const num = 1024.00 // byte
       if (size < num) {
         return size + "B"
       }
       if (size < Math.pow(num, 2)) {
-        return (size / num).toFixed(2) + "K"
+        return (size / num).toFixed(2) + "KB"
       }
       if (size < Math.pow(num, 3)) {
-        return (size / Math.pow(num, 2)).toFixed(2) + "M"
+        return (size / Math.pow(num, 2)).toFixed(2) + "MB"
       }
       if (size < Math.pow(num, 4)) {
-        return (size / Math.pow(num, 3)).toFixed(2) + "G"
+        return (size / Math.pow(num, 3)).toFixed(2) + "GB"
       }
       else {
-        return (size / Math.pow(num, 4)).toFixed(2) + "T"
+        return (size / Math.pow(num, 4)).toFixed(2) + "TB"
+      }
+    },
+    //计算文件消耗劵
+    getfilePrice(price,status){
+      if(status=== 3){
+        return `<span style="color: #9599b1">0</span>`
       }
+      return price
     },
     // 判断文件状态
     getFileStatus (status) {
@@ -186,8 +207,8 @@ export default {
     //文件转换失败,文件置灰
     getFileFileName(outFilename,statusName,item){
       let name = item.fileName
-      let num= name.lastIndexOf("pdf")
-      const outFilenames = name.slice(0,num)+item.outputType
+      let num= name.lastIndexOf(".")
+      const outFilenames = name.slice(0,num)+"."+item.outputType
       if(outFilename){
         if(statusName === "failed"){
           return `<span style="color: #9599b1" title="${outFilename}" class="style-ellipsis">${outFilename}</span>`
@@ -195,7 +216,7 @@ export default {
           return `<span style="color: #333" title="${outFilename}" class="style-ellipsis">${outFilename}</span>`
         }
       }else{
-        return `<span style="color: #9599b1" title="${outFilenames}" class="style-ellipsis">${outFilenames}></span>`
+        return `<span style="color: #9599b1" title="${outFilenames}" class="style-ellipsis">${outFilenames}</span>`
       }
     },
     // 格式转换