业务流程优化

itdmWeb/src/views/module-iTDM/itdmYeWu/itdmXqPingshen.vue

@@ -5,7 +5,7 @@
       <tr>
         <td class="title" style="width: 100px">技术线</td>
         <td class="content" style="width: 440px;">
-          <div style="width: 440px;">
+          <div>
             <el-checkbox-group v-model="tableData.checkList">
               <div class="jishuxian">
                 <el-checkbox label="气候环境"></el-checkbox>
@@ -13,8 +13,6 @@
                 <el-checkbox label="综合环境"></el-checkbox>
                 <el-checkbox label="可靠性试验"></el-checkbox>
                 <el-checkbox label="仿真计算"></el-checkbox>
-              </div>
-              <div class="jishuxian">
                 <el-checkbox label="模态试验"></el-checkbox>
                 <el-checkbox label="外场测试"></el-checkbox>
                 <el-checkbox label="课题研究"></el-checkbox>
@@ -27,24 +25,50 @@
           </div>
         </td>
         <td class="title white" style="width: 100px">产品线</td>
-        <td class="content" style="width: 450px">
-          <input v-model="tableData.shuruLeixing" style="text-align: center" />
+        <td class="content" style="width: 440px">
+          <el-checkbox-group v-model="tableData.checkList2">
+            <div class="jishuxian" style="justify-content: center;">
+              <el-checkbox label="检测试验"></el-checkbox>
+              <el-checkbox label="研制试验"></el-checkbox>
+            </div>
+          </el-checkbox-group>
         </td>
       </tr>
       <tr>
         <td class="title" style="width: 100px">试验分级</td>
-        <td class="content" style="width: 360px">
-          <div style="width: 440px"></div>
+        <td class="content" style="width: 440px">
+          <div style="display: flex;justify-content: center;color: red;align-items:center;">重要性系数：
+            <input v-model="tableData.factor"/>
+          </div>
         </td>
         <td class="title white" style="width: 100px">重要性标准</td>
         <td class="content" style="width: 450px">
-          <input v-model="tableData.shuruLeixing" style="text-align: center" />
+          <div class="jishuxian" style="justify-content: center;">气候试验：0.40　　力学试验：0.70　　力学/气候：0.55</div>
+          <div class="jishuxian" style="justify-content: center;">重要试验：1.00　　非标试验：1.00</div>
         </td>
       </tr>
       <tr>
         <td class="title" style="width: 100px">试验等级</td>
         <td class="content" style="width: 360px">
-          <div style="width: 440px"></div>
+          <div style="display: flex; align-items: flex-end">
+            <table>
+              <tr>
+                <td>序号</td>
+                <td>试验类型</td>
+                <td>实验内容</td>
+                <td>设备选择</td>
+                <td style="width: 60px">操作</td>
+              </tr>
+              <tr v-for="(item, index) in tableData.testDengji" :key="index">
+                <td>{{ index + 1 }}</td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.type" /></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.neirong" /></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.device" /></td>
+                <td><div class="delBtn" @click="delRow(index)" v-show="tableData.testDengji.length >= 2">删除</div></td>
+              </tr>
+            </table>
+            <div class="addRow" style="margin-right:1.1%" @click="addRow">添加</div>
+          </div>
         </td>
         <td class="title white" style="width: 100px">备注</td>
         <td class="content" style="width: 450px">
@@ -54,24 +78,55 @@
       <tr>
         <td class="title" style="width: 100px">三外需求</td>
         <td class="content" style="width: 360px" colspan="3">
-          <div style="width: 440px"></div>
+          <div style="display: flex; align-items: flex-end">
+            <table>
+              <tr>
+                <td>序号</td>
+                <td>类型</td>
+                <td>项目</td>
+                <td>单位</td>
+                <td>预算</td>
+                <td style="width: 60px">操作</td>
+              </tr>
+              <tr v-for="(item, index) in tableData.demandSanwai" :key="index">
+                <td>{{ index + 1 }}</td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.leixing" /></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.xiangmu" /></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.danwei" /></td>
+                <td><input style="max-width: 100px; text-align: center" v-model="item.yusuan" /></td>
+                <td><div class="delBtn" @click="delRow2(index)" v-show="tableData.demandSanwai.length >= 2">删除</div></td>
+              </tr>
+              <tr>
+                <td style="font-weight: bold;">合计</td>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td style="font-weight: bold;">{{ totalCleanPrice }}</td>
+              </tr>
+            </table>
+            <div class="addRow" style="margin-right:1.1%" @click="addRow2">添加</div>
+          </div>
         </td>
       </tr>
       <tr>
         <td class="title" style="width: 100px">评审结论</td>
         <td class="content" style="width: 360px">
-          <div style="width: 440px"></div>
+          <el-radio-group v-model="tableData.radio">
+            <el-radio :label="1">可以满足</el-radio>
+            <el-radio :label="2">部分满足</el-radio>
+            <el-radio :label="3">不能满足</el-radio>
+          </el-radio-group>
         </td>
         <td class="title white" style="width: 100px">主审人</td>
         <td class="content" style="width: 450px">
-          <input v-model="tableData.shuruLeixing" style="text-align: center" />
+          <!-- <input v-model="tableData.shuruLeixing" style="text-align: center" /> -->
         </td>
       </tr>
       <tr>
         <td class="title" style="width: 100px" colspan="2">项目流转</td>
         <td class="title white" style="width: 100px">工程技术部部长</td>
         <td class="content" style="width: 450px">
-          <input v-model="tableData.shuruLeixing" style="text-align: center" />
+          <!-- <input v-model="tableData.shuruLeixing" style="text-align: center" /> -->
         </td>
       </tr>
     </table>
@@ -84,16 +139,55 @@ export default {
     data() {
         return {
             tableData: {
-              cleanPrice: [
+              // 试验等级
+              testDengji: [
+                {
+                  total: 0,
+                },
+              ],
+              // 三外需求
+              demandSanwai: [
                 {
                   total: 0,
                 },
               ],
               // 技术线
-              checkList: ['气候环境','力学环境']
+              // checkList: ['气候环境','力学环境'],
+              checkList: [],
+              // 产品线
+              checkList2: [],
+              // 重要性系数
+              factor: '',
+              // 评审结论
+              radio: '',
             },
         }
     },
+    computed: {
+      totalCleanPrice() {
+        let total = 0
+        this.tableData.demandSanwai.forEach((item) => {
+          if (!isNaN(item.yusuan)) {
+            total += Number(item.yusuan)
+          }
+        })
+        return total.toFixed(2)
+      },
+    },
+    methods: {
+      addRow() {
+        this.tableData.testDengji.push({})
+      },
+      addRow2() {
+        this.tableData.demandSanwai.push({})
+      },
+      delRow(index) {
+        this.tableData.testDengji.splice(index, 1)
+      },
+      delRow2(index) {
+        this.tableData.demandSanwai.splice(index, 1)
+      },
+    }
 }
 </script>
 
@@ -166,13 +260,12 @@ input {
     border: 1px solid rgb(30, 53, 65);
 }
 .jishuxian{
-  border: 1px solid rgb(30, 53, 65);
-  /* width: 130%; */
   box-sizing: border-box;
   text-align: center;
   line-height: 30px;
   display: flex;
-  flex-wrap:wrap
+  flex-wrap:wrap;
+  padding-left: 3%;
   /* justify-content: center; */
 }
 </style>