流程节点检验节点定制组件布局

zkqy-ui/src/views/bussiness/dialogCompments/GongYi/Inspect.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="form-wrap">
+    <div class="cardwrap">
+      <el-table :data="tableData" border>
+        <el-table-column prop="name" label="产品名称"> </el-table-column>
+        <el-table-column label="物理指标" align="center">
+          <el-table-column prop="intensity" label="强度" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.intensity"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="elongation" label="伸长率" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.elongation"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="titer" label="纤度" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.titer"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="oilContent" label="含油率" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.oilContent"></el-input> </template
+            >"
+          </el-table-column>
+          <el-table-column
+            prop="boilingWaterShrinkage"
+            width="120"
+            align="center"
+            label="沸水收缩率"
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.boilingWaterShrinkage"></el-input>
+            </template>
+          </el-table-column>
+        </el-table-column>
+        <el-table-column label="外观指标" align="center">
+          <el-table-column prop="fuzz" align="center" label="毛丝">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.fuzz"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="coilWire" align="center" label="圈丝">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.coilWire"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="arachnoidSilk" align="center" label="蛛网丝">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.arachnoidSilk"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="takeShapeBadness"
+            align="center"
+            label="成形不良"
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.takeShapeBadness"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="oilFree" align="center" label="无油">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.oilFree"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="chromaticAberrationWire"
+            align="center"
+            label="色差丝"
+          >
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.chromaticAberrationWire"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column prop="filaments" align="center" label="污丝">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.filaments"></el-input>
+            </template>
+          </el-table-column>
+        </el-table-column>
+      </el-table>
+      <div class="remark">
+        <span class="label">备注:</span>
+        <el-input
+          v-model="remark"
+          type="textarea"
+          placeholder="请输入备注"
+          size="normal"
+          clearable
+        ></el-input>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import getNodeSequence from "@/utils/bpmn/getNodeSequence";
+import { xmlStr2XmlObj } from "@/utils/bpmn/xml";
+export default {
+  name: "NodeShow",
+  props: ["formData", "row"],
+  components: {},
+  data() {
+    return {
+      remark: "",
+      tableData: [
+        {
+          // 物理指标
+          intensity: "", //强度
+          elongation: "", //伸长率
+          titer: "", //纤度
+          oilContent: "", //含油率
+          crimpRate: "", //卷缩率
+          boilingWaterShrinkage: "", //沸水收缩率
+          // 外观指标
+          fuzz: "", //毛丝
+          coilWire: "", //圈丝
+          arachnoidSilk: "", //蛛网丝
+          takeShapeBadness: "", //成型不良
+          oilFree: "", //无油
+          chromaticAberrationWire: "", //色差丝
+          filaments: "", //污丝
+        },
+      ],
+    };
+  },
+  watch: {
+    myFormData: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        console.log(val);
+      },
+    },
+  },
+  computed: {
+    myFormData() {
+      return this.formData;
+    },
+    myRow() {
+      return this.row;
+    },
+  },
+  methods: {
+    async getFormData() {
+      let formData = {
+        flag: false,
+        msg: "",
+      };
+
+      return {
+        flag: true,
+        data: this.resFormData,
+      };
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.remark {
+  display: flex;
+  margin-top: 10px;
+  .label {
+    display: block;
+    width: 100px;
+    text-align: center;
+  }
+}
+.form-wrap {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  .cardwrap {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-bottom: 20px;
+    .title-area {
+      display: flex;
+      align-items: center;
+      padding-bottom: 5px;
+      font-size: 16px;
+      border-bottom: 2px solid rgba(0, 0, 0, 0.404);
+      box-sizing: border-box;
+    }
+    .table-area {
+      padding-top: 10px;
+    }
+    .node-list {
+      display: flex;
+      flex-wrap: wrap;
+      padding-top: 10px;
+      .node {
+        width: 33.3333%;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        border-bottom: 1px dotted gray;
+        padding: 0 5px;
+        // &:hover {
+        //   border: 1px dotted rgb(0, 195, 255);
+        //   background-color: rgba(70, 194, 231, 0.63);
+        // }
+        .num {
+          color: #40c3a8;
+          font-size: 16px;
+          margin-right: 5px;
+        }
+        .title {
+          /* // color: #ececee34; */
+          font-size: 14px;
+          flex: 1;
+          /* // ma */
+        }
+        .time {
+          font-size: 12px;
+          color: rgba(48, 44, 44, 0.247);
+          margin-right: 10px;
+        }
+      }
+      .currentNode {
+        background-color: #7dec8f !important;
+      }
+    }
+  }
+}
+</style>

zkqy-ui/src/views/bussiness/processMange.vue

@@ -240,6 +240,7 @@ import QualityControlCardSubCardProcessing from "./dialogCompments/Mec/QualityCo
 import ScrapDisposition from "./dialogCompments/Mec/ScrapDisposition.vue";
 
 import QRCode from "./dialogCompments/Mec/QRCode.vue";
+import Inspect from "./dialogCompments/GongYi/Inspect.vue";
 
 export default {
   name: "processMange",
@@ -271,6 +272,7 @@ export default {
     QualityControlCardSubCardProcessing,
     ScrapDisposition,
     QRCode,
+    Inspect,
   },
   dicts: ["bpm_type", "task_process_state"],
   data() {