转档记录状态提示

pages/converter.vue

@@ -72,13 +72,13 @@ class="mt-20px text-[#4D4D4D] text-16px font-600 inline-flex items-center leadin
                             <td class="file-details-cell text-[#999]">{{ getfilesize(item.size) }}</td>
                             <td class="file-details-cell points">{{ userInfo.subscriberType === 1 ? 0 : item.price }}</td>
                             <td class="file-details-cell select w-106px">
-                              <select v-if="item.status !== 6" v-model="item.output" class="transfer-select appearance-none" @change="changeOutput(item, index)">
-                                <option value="png">PNG</option>
-                                <option value="xlsx">XLSX</option>
-                                <option value="pptx">PPTX</option>
-                                <option value="docx">DOCX</option>
-                                <option value="txt">TXT</option>
-                                <option value="jpg">JPG</option>
+                              <select v-if="item.status !== 6" v-model="item.output" class="transfer-select appearance-none text-center min-w-90px" @change="changeOutput(item, index)">
+                                <option value="png" class="text-center">PNG</option>
+                                <option value="xlsx" class="text-center">XLSX</option>
+                                <option value="pptx" class="text-center">PPTX</option>
+                                <option value="docx" class="text-center">DOCX</option>
+                                <option value="txt" class="text-center">TXT</option>
+                                <option value="jpg" class="text-center">JPG</option>
                               </select>
                               <span v-else>{{ item.output }}</span>
                             </td>
@@ -902,7 +902,7 @@ export default {
     font-size: 14px;
     color: #ff4f4f;
     line-height: 22px;
-    padding-left: 30px;
+    // padding-left: 30px;
     border-radius: 2px;
     background: url(http://cn-file.17pdf.com/website/converter/ic_trans_xiala_nor.png) no-repeat 72px 6px;
   }

pages/members/me/expenses.vue

@@ -36,7 +36,17 @@
       <el-table-column prop="fileName" label="目标文件" ></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>
+      <el-table-column prop="status" label="状态" width="120px">
+        <template slot-scope="scope">
+          <div class="box">
+            <div class="bottom">
+              <el-tooltip class="item" effect="dark" :content="'转换时间：' + scope.row.createdAt" placement="bottom">
+                <span v-html="scope.row.status" class="cursor-default"></span>
+              </el-tooltip>
+            </div>
+        </div>
+        </template>
+      </el-table-column>
       <el-table-column prop="path" label="" width="50px">
         <template slot-scope="scope">
           <a v-if="scope.row.path" :href="scope.row.path" class="downloadBtn"></a>
@@ -54,6 +64,7 @@
       background
       layout="prev, pager, next"
       :total="totalNum"
+      :page-size="25"
       @current-change="handleCurrentChange">
     </el-pagination>
   </div>
@@ -139,11 +150,11 @@ export default {
         case 1:
           return '转档中'
         case 2:
-          return '转档成功'
+          return '<span style="color: green">转档成功</span>'
         case 3:
-          return '转档失败'
+          return '<span style="color: red">转档失败</span>'
         case 4:
-          return '转档成功'
+          return '<span style="color: green">转档成功</span>'
       }
     },
     // 格式转换