🐞 fix: 代码排版错误

src/views/work/resource/index.vue

@@ -16,26 +16,21 @@
               </tr>
             </thead>
             <tbody>
-            <tr v-if="dataList.length>0 " v-for="(item,index) in dataList" @click="getTechnologyInfo(index)">
+              <tr v-if="dataList.length > 0" v-for="(item, index) in dataList" @click="getTechnologyInfo(index)">
-              <td class="hxjx_table_btnColumn"
+                <td class="hxjx_table_btnColumn" :class="{ table_td_select: index === indexSelect && item.id != null }">
-                  :class="{table_td_select:index===indexSelect && item.id!=null}">
                   {{ index + 1 }}
                 </td>
-              <td class="hxjx_table_btnColumn"
+                <td class="hxjx_table_btnColumn" :class="{ table_td_select: index === indexSelect && item.id != null }">{{
-                  :class="{table_td_select:index===indexSelect && item.id!=null}"
+                  item.id }}
-              >{{ item.id }}
                 </td>
-              <td class="hxjx_table_btnColumn"
+                <td class="hxjx_table_btnColumn" :class="{ table_td_select: index === indexSelect && item.id != null }">{{
-                  :class="{table_td_select:index===indexSelect && item.id!=null}"
+                  item.specification }}
-              >{{ item.specification }}
                 </td>
-              <td class="hxjx_table_btnColumn"
+                <td class="hxjx_table_btnColumn" :class="{ table_td_select: index === indexSelect && item.id != null }">{{
-                  :class="{table_td_select:index===indexSelect && item.id!=null}"
+                  item.technology }}
-              >{{ item.technology }}
                 </td>
-              <td class="hxjx_table_btnColumn"
+                <td class="hxjx_table_btnColumn" :class="{ table_td_select: index === indexSelect && item.id != null }">{{
-                  :class="{table_td_select:index===indexSelect && item.id!=null}"
+                  item.diameter }}
-              >{{ item.diameter }}
                 </td>
               </tr>
             </tbody>
@@ -49,8 +44,7 @@
         <span>粗轧道次表:</span>
         <!-- 表1 -->
         <table class="table  table-hover table-bordered table-striped table-condensed text-nowrap"
-               style="vertical-align: middle;"
+          style="vertical-align: middle;">
-        >
           <thead>
             <tr>
               <th class="hxjx_table_th_width table_tdth" colspan="5" rowspan="2">
@@ -83,7 +77,7 @@
             </tr>
           </thead>
           <tbody id="hxjx-tbody-one">
-          <tr v-for="(item,index) in technologyInfoList">
+            <tr v-for="(item, index) in technologyInfoList">
               <td class="hxjx_table_btnColumn table_tdth">{{ item.step }}</td>
               <td class="hxjx_table_btnColumn table_tdth">{{ item.reduction }}</td>
               <td class="hxjx_table_btnColumn table_tdth">{{ item.thicknessFront }}</td>
@@ -109,8 +103,7 @@
         </table>
         <!-- 表2 -->
         <table class="table  table-hover table-bordered table-striped table-condensed text-nowrap"
-               style="vertical-align: middle;"
+          style="vertical-align: middle;">
-        >
           <thead>
             <tr>
               <th class="hxjx_table_th_width table_tdth" rowspan="2" style="vertical-align: middle;">道次</th>
@@ -127,7 +120,7 @@
             </tr>
           </thead>
           <tbody id="hxjx-tbody-two">
-          <tr v-for="(item,index) in technologyInfoListByFour">
+            <tr v-for="(item, index) in technologyInfoListByFour">
               <td class="hxjx_table_btnColumn table_tdth">{{ item.step }}</td>
               <td class="hxjx_table_btnColumn table_tdth" colspan="2">{{ item.setValue }}</td>
               <td class="hxjx_table_btnColumn table_tdth" colspan="2"></td>
@@ -158,8 +151,7 @@
         </table>
         <!-- 表3 -->
         <table class="table  table-hover table-bordered table-striped table-condensed text-nowrap"
-               style="vertical-align: middle;"
+          style="vertical-align: middle;">
-        >
           <thead>
             <tr>
               <th class="hxjx_table_th_width table_tdth" colspan="9">
@@ -174,21 +166,13 @@
     <!-- 按钮操作 -->
     <div style="display: flex;justify-content: center;">
 
-      <el-button style="margin-right: 0;"
+      <el-button style="margin-right: 0;" @click="success">确定
-                 @click="success"
-      >确定
       </el-button>
 
-      <el-button style="margin-left: 20px;"
+      <el-button style="margin-left: 20px;" @click="clear">初始化
-                 @click="clear"
-      >初始化
       </el-button>
 
-      <el-button style="margin-left: 20px;"
+      <el-button style="margin-left: 20px;" type="danger" @click="removeMaterial" :disabled="indexSelect !== 0">删除物料
-                 type="danger"
-                 @click="removeMaterial"
-                 :disabled="indexSelect!==0"
-      >删除物料
       </el-button>
     </div>
 
@@ -205,19 +189,18 @@
             <tbody>
               <tr>
                 <td class="hxjx_table_label_format hxjx_table_label" style="padding:0.25rem;">时间:</td>
-              <td class="hxjx_table_label_format hxjx_table_text" style="padding:0.25rem;">{{ messageData.createTime }}
+                <td class="hxjx_table_label_format hxjx_table_text" style="padding:0.25rem;">{{ messageData.createTime
+                  }}
                 </td>
                 <td class="hxjx_table_label_format hxjx_table_text_rule"
-                  style="padding:0.25rem;vertical-align: middle;"
+                  style="padding:0.25rem;vertical-align: middle;"></td>
-              ></td>
               </tr>
               <tr>
                 <td class="hxjx_table_label_format hxjx_table_label" style="padding:0.25rem;">故障名称:</td>
                 <td class="hxjx_table_label_format hxjx_table_text" style="padding:0.25rem;">{{ messageData.faultName }}
                 </td>
                 <td class="hxjx_table_label_format hxjx_table_text_rule"
-                  style="padding:0.25rem;vertical-align: middle;"
+                  style="padding:0.25rem;vertical-align: middle;"></td>
-              ></td>
               </tr>
               <tr>
                 <td class="hxjx_table_label_format hxjx_table_label" style="padding:0.25rem;">故障信息:</td>
@@ -225,8 +208,7 @@
                   {{ messageData.faultMessage }}
                 </td>
                 <td class="hxjx_table_label_format hxjx_table_text_rule"
-                  style="padding:0.25rem;vertical-align: middle;"
+                  style="padding:0.25rem;vertical-align: middle;"></td>
-              ></td>
               </tr>
             </tbody>
           </table>
@@ -237,8 +219,7 @@
             <td style="padding: 20px 0 0 0;text-align: right; border-top:0px solid #dc3545">
               <div class="btn-group btn-group-sm">
                 <a href="#" class="hxjx-button-ensure btn btn-danger btn-sm custom hxjx_foot_btn_custom"
-                   style="margin-right: 0;" @click="ensure"
+                  style="margin-right: 0;" @click="ensure">确定</a>
-                >确定</a>
               </div>
 
 
@@ -259,8 +240,8 @@ import {
   messageUpdate,
   updateResource
 } from '@/api/system/resource'
-import {getFaultMessage, newIP} from '@/api/system/common'
+import { getFaultMessage, newIP } from '@/api/system/common'
-import {deleteMaterial} from "../../../api/system/material";
+import { deleteMaterial } from "../../../api/system/material";
 
 export default {
   name: 'index',
@@ -326,7 +307,6 @@ export default {
           this.$modal.msgSuccess("删除成功");
         })
       }
-    }
     },
 
     // 选择材料
@@ -389,27 +369,20 @@ export default {
         alert('初始化成功')
       })
     }
+  },
 
-}
+  mounted() {
-,
-mounted()
-{
-
     clearInterval(this.intervalTime)
-
     this.getDataList()  // 接口方法
-
     this.intervalTime = setInterval(() => {
       newIP()
       this.getFault()
       this.getDataList()  // 接口方法
     }, 3000)
-}
+  },
-,
+  created() {
-created()
-{
 
-}
+  }
 }
 </script>
 
@@ -492,7 +465,8 @@ created()
   border: 1px solid #CCC;
 }
 
-#product .table td, #product .table th {
+#product .table td,
+#product .table th {
   padding: 0.5rem;
 }
 
@@ -501,7 +475,8 @@ created()
   color: #fff;
 }
 
-#rollingpass .table td, #rollingpass .table th {
+#rollingpass .table td,
+#rollingpass .table th {
   padding: 0;
 }
 
@@ -540,7 +515,8 @@ created()
   text-align: left;
 }
 
-.table td, .table th {
+.table td,
+.table th {
   padding: 0.5rem;
 }