errorInfo

src/pages/modules/errormanage/ErrorInfo.vue

@@ -1,17 +1,44 @@
 <template>
 <div class="main-container">
-  <div class="box0">
+  <div class="right_side">
-    <div class="title">故障信息</div>
+    <div class="content_wrap">
+      <div class="title_wrap title_wrap2">
+        <h2>{{ $t('errorinfo.topinfo') }}</h2>
+      </div>
+      <div class="page_container page_container2">
+        <div class="grid_wrapper">
+          <table>
+            <tr>
+              <th>{{ $t('errorinfo.ordernumber') }}</th>
+              <th>{{ $t('errorinfo.errorname') }}</th>
+              <th>{{ $t('errorinfo.errortype') }}</th>
+              <th>{{ $t('errorinfo.errorcontent') }}</th>
+              <th>{{ $t('errorinfo.solution') }}</th>
+            </tr>
+            <tr v-for="(e, index) in dataList" :key="index">
+              <td>{{index + 1}}</td>
+              <td>{{e.error_name}}</td>
+              <td><span class="icon" :class="{bgyellow: e.errorcategory_name ==='一类', bgred: e.errorcategory_name ==='二类'}"></span>{{e.errorcategory_name}}</td>
+              <td>{{e.error_content}}</td>
+              <td>{{e.handing_method}}</td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- <div class="box0">
+    <div class="title">{{ $t('errorinfo.topinfo') }}</div>
   </div>
   <div class="tasklist">
     <div class="con1 grid_wrapper">
       <table>
         <tr class="t-head">
-          <th>序号</th>
+          <th>{{ $t('errorinfo.ordernumber') }}</th>
-          <th>故障名称</th>
+          <th>{{ $t('errorinfo.errorname') }}</th>
-          <th>故障类别</th>
+          <th>{{ $t('errorinfo.errortype') }}</th>
-          <th>故障内容</th>
+          <th>{{ $t('errorinfo.errorcontent') }}</th>
-          <th>处理办法</th>
+          <th>{{ $t('errorinfo.solution') }}</th>
         </tr>
         <tr v-for="(e,index) in dataList" :key="index">
           <td>{{index + 1}}</td>
@@ -22,7 +49,7 @@
         </tr>
       </table>
     </div>
-  </div>
+  </div> -->
 </div>
 </template>
 
@@ -103,6 +130,13 @@ export default {
   background center / 100% 100% url(../../../images/new/icon-error1.png) no-repeat
 .bgred
   background center / 100% 100% url(../../../images/new/icon-error2.png) no-repeat
+.bggreen
+  background center / 80% 80% url(../../../images/new/state_btn.png) no-repeat
+.title_wrap2
+  width 1715px
+  background center / 100% 100% url(../../../images/new/bg-title-l.png) no-repeat
+.page_container2
+  width 1715px
 .t-head
   height 80px
   line-height 80px
@@ -120,7 +154,6 @@ export default {
     padding-top 53px
 .con1
   width 1787px
-  // height 819px
   height 800px
   background center / 100% 100% url(../../../images/new/bg-con-l.png) no-repeat
   float left