1

src/views/base/dataComparison-main.vue

@@ -48,30 +48,44 @@
     <el-divider></el-divider>
     <div class="container">
       <ul class="flpul">
-        <li><div class="flptit">合同显示（全部合同信息)</div>
+        <li><div class="flptit">合同信息</div>
           <div class="second">
             <el-table :data="contractData" height="300" style="width: 100%" v-loading="loading" stripe>
-              <el-table-column prop="auditingId" label="审核信息编号"></el-table-column>
-              <el-table-column prop="opinion" label="审核意见"></el-table-column>
+              <el-table-column prop="auditingId" label="合同号" width="100px"></el-table-column>
+              <el-table-column prop="opinion" label="合同内容简述"></el-table-column>
             </el-table>
           </div>
         </li>
-        <li><div class="flptit">发票信息（全部发票信息）</div>
+        <li><div class="flptit">发票信息</div>
           <div class="second">
             <el-table :data="invoiceData" height="300" style="width: 100%" v-loading="loading" stripe>
-              <el-table-column prop="auditingId" label="审核信息编号"></el-table-column>
-              <el-table-column prop="opinion" label="审核意见"></el-table-column>
+              <el-table-column prop="auditingId" label="发票号" width="100px"></el-table-column>
+              <el-table-column prop="opinion" label="供应商"></el-table-column>
             </el-table>
           </div>
         </li>
       </ul>
       <div class="bxo">
         <div class="flptit">审批流程图</div>
-        <div class="second1" style="margin-left:30px;"></div>
+        <div class="second1" style="margin-left:30px;">
+          <el-steps :active="0" align-center>
+            <el-step title="步骤1" description="这是一段很长很长很长的描述性文字"></el-step>
+            <el-step title="步骤2" description="这是一段很长很长很长的描述性文字"></el-step>
+            <el-step title="步骤3" description="这是一段很长很长很长的描述性文字"></el-step>
+            <el-step title="步骤4" description="这是一段很长很长很长的描述性文字"></el-step>
+          </el-steps>
+        </div>
       </div>
       <div class="bxo">
         <div class="flptit">对比结果显示</div>
-        <div class="second fjjksdfjk" style="margin-left:30px;">供应商名称，需求方主体，物资名称及规格，单价，税率是否一致，发票总金额和与合同总金额对比;</div>
+        <div class="second fjjksdfjk" style="margin-left:30px;">
+          <el-table :data="contractData" height="300" style="width: 100%" v-loading="loading" stripe>
+              <el-table-column prop="auditingId" label="对比项"></el-table-column>
+              <el-table-column prop="opinion" label="合同值"></el-table-column>
+              <el-table-column prop="opinion" label="发票值"></el-table-column>
+              <el-table-column prop="opinion" label="对比结果"></el-table-column>
+            </el-table>
+        </div>
       </div>
     </div>
   </div>