GY2//ZL1/ZL2组件布局

zkqy-ui/src/views/bussiness/components/TaskItem.vue

@@ -75,7 +75,7 @@ export default {
   flex: 1;
   box-sizing: border-box;
   background-color: #ebe6e6;
-  // margin-right: 15px;
+  /* // margin-right: 15px; */
   .task-title {
     font-size: 14px;
     font-weight: 600;

zkqy-ui/src/views/bussiness/components/taskList.vue

@@ -118,7 +118,7 @@ export default {
   }
   .card-list-wrap {
     margin: 5px 0 30px;
-    // height: 120px;
+    /* // height: 120px; */
     background: #fefefe;
     padding: 8px 5px;
     border-radius: 4px;
@@ -151,7 +151,7 @@ export default {
       height: 100%;
       overflow: hidden;
       display: flex;
-      // justify-content: space-around;\
+      /* // justify-content: space-around;\ */
       .card-item {
         margin-right: 15px;
         &:last-child {

zkqy-ui/src/views/bussiness/dialogCompments/GY2.vue

@@ -0,0 +1,95 @@
+<template>
+    <div class="form">
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+            <el-form-item label="产品重量" prop="weight">
+              <el-input v-model.number="ruleForm.weight" @input="handleInput"></el-input>
+            </el-form-item>
+            <el-form-item label="选择产品" prop="produce">
+              <el-select v-model="ruleForm.produce" placeholder="请选择产品">
+                <el-option label="产品1" value="chanpin1"></el-option>
+                <el-option label="产品2" value="chanpin2"></el-option>
+                <el-option label="产品3" value="chanpin3"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
+                <el-button @click="resetForm('ruleForm')">重置</el-button>
+              </el-form-item>
+        </el-form>
+
+    </div>
+</template>
+<script>
+export default {
+  name: "GY1",
+  props: [],
+  components: {},
+  data() {
+    return {
+        ruleForm: {
+            weight: '',
+            produce:''
+        },
+        rules: {
+            weight: [
+                { required: true, message: '请输入产品重量', trigger: 'blur' },
+                { type: 'number', message: '重量必须为数字值',trigger: 'blur' }
+            ],
+            produce: [
+                { required: true, message: '请选择产品', trigger: 'change' },
+            ]
+        }
+    }
+  },
+  methods:{
+    submitForm(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            alert('submit!');
+          } else {
+            console.log('error submit!!');
+            return false;
+          }
+        });
+      },
+      resetForm(formName) {
+        this.$refs[formName].resetFields();
+      },
+      handleInput() {
+        if (!/^[1-9]\d*$/.test(this.ruleForm.weight)) {
+            this.$message.error('请输入正整数！');
+        }
+      },
+      async getFormData() {
+        let formData = {
+          flag: false,
+          msg: "",
+        };
+        try {
+          let valid = await this.$refs.reluForm.validate();
+          if (valid) {
+            formData.flag = true;
+            formData.data = this.reluForm;
+            formData.msg = "表单校验成功";
+            return formData;
+          } else {
+            formData.msg = "表单校验异常,请规范填写表单数据";
+            return formData;
+          }
+        } catch (error) {
+          // console.log(error);
+          formData.msg = "表单校验异常,请规范填写表单数据";
+          return formData;
+        }
+      },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.form {
+  margin-top: 20px;
+  .el-input__inner {
+    width: 20px;
+  }
+}
+</style>

zkqy-ui/src/views/bussiness/dialogCompments/ZL/ZL1.vue

@@ -0,0 +1,151 @@
+<template>
+    <div class="record-card">
+        <div class="fixture">
+            <div class="title">
+                <i class="el-icon-c-scale-to-original"></i>
+                <span>工装信息</span>
+            </div>
+            <div class="message">
+                <div class="list" v-for="(item,index ) in message" :key="index">
+                   <div class="list-card">
+                    <p> {{ item.title }}</p>
+                    <p class="content"> {{ item.content }} </p>
+                   </div>
+                </div>
+            </div>
+        </div>
+        <div class="material">
+            <div class="title">
+                <i class="el-icon-c-scale-to-original"></i>
+                <span>物料需求信息</span>
+            </div>
+            <div class="message">
+                <div class="list" v-for="(item,index ) in message" :key="index">
+                   <div class="list-card">
+                    <p> {{ item.title }}</p>
+                    <p class="content"> {{ item.content }} </p>
+                   </div>
+                </div>
+            </div>
+        </div>
+        <div class="card">
+            <div class="title"><span>质控卡号</span></div>
+            <el-input v-model="input" placeholder="请输入内容"></el-input>
+        </div>
+        <div class="submit">
+            <el-button type="success" icon="el-icon-success">记录质控卡</el-button>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'ZL1',
+
+    data() {
+        return {
+            message: [
+                {title: '任务编号', content: 'task_50'},
+                {title: '图号', content: 'drawinng_50'},
+                {title: '投产数量', content: '1'},
+                {title: '牌号', content: '1'},
+                {title: '状态', content: '1'},
+                {title: '标准', content: '1'},
+                {title: '物资名称', content: '1'},
+                {title: '材料/产品', content: '1'},
+                {title: '规格', content: '1'},
+                {title: '尺寸', content: '1'},
+                {title: '备注', content: '1'},
+            ],
+            input: '',
+        };
+    },
+
+    mounted() {
+        
+    },
+
+    methods: {
+        recordValue() {
+            this.$emit('ZL1', this.message[0].content);
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.fixture {
+    border-top: #e2e1e1 solid 1px;
+    .title {
+        display: flex;
+        flex-direction: row;
+        padding: 10px 0px; 
+    }
+    .message {
+        display: flex;
+        /* height: 120px; */
+        width: 700px;
+        border: #f1f1f1 solid 3px;
+        padding-bottom: 5px;
+        flex-wrap: wrap;
+        .list {
+            height: 70px;
+            width: 110px;
+            padding: 10px;
+            display: flex;
+            flex-direction: row;
+            /* justify-content: center; */
+            flex-wrap: wrap;
+            p {
+                text-align: center;
+            }
+            .content {
+                font-weight: bold;
+            }
+        }
+    }
+}
+.material {
+    padding-top: 2px;
+    .title {
+        display: flex;
+        flex-direction: row;
+        padding: 10px 0px;
+    }
+    .message {
+        display: flex;
+        /* height: 120px; */
+        width: 700px;
+        border: #f1f1f1 solid 3px;
+        padding-bottom: 5px;
+        flex-wrap: wrap;
+        .list {
+            height: 70px;
+            width: 110px;
+            padding: 10px;
+            display: flex;
+            flex-direction: row;
+            /* justify-content: center; */
+            flex-wrap: wrap;
+            p {
+                text-align: center;
+            }
+            .content {
+                font-weight: bold;
+            }
+        }
+    }
+}
+.card {
+    .title {
+        padding: 10px 0px;
+    }
+}
+.submit {
+    display: flex;
+    flex-direction: row-reverse;
+    padding: 10px 0px;
+    border-bottom: #e2e1e1 solid 1px;
+
+}
+</style>

zkqy-ui/src/views/bussiness/dialogCompments/ZL/ZL2.vue

@@ -0,0 +1,47 @@
+<template>
+    <div class="add-table">
+        <el-button size="mini" type="primary" @click="addTableRow">新 增</el-button>
+        <el-button size="mini" type="success" @click="saveTableRow">保 存</el-button>
+        <el-table :data="tableData" border ref="addTableRowRef">
+          <el-table-column label="人员姓名">
+            <template slot-scope="scope">
+              <el-input v-model="scope.name"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="分配工时">
+            <template slot-scope="scope">
+              <el-input v-model="scope.time"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="120" align="center">
+            <template slot-scope="scope">
+                <el-input v-model="scope.do"></el-input>
+              </template>
+          </el-table-column>
+        </el-table>
+      </div>
+</template>
+<script>
+export default {
+    name: 'ZL2',
+    data() {
+        return {
+        tableData: [],
+        }
+    },
+    methods: {
+    addTableRow() {
+        let addObj = {
+            name: '',
+            time: '',
+            do: ''
+        };
+        
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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

@@ -148,6 +148,7 @@
             </template>
           </el-table-column>
         </el-table>
+
         <!--    分页    -->
         <pagination
           v-show="total > 0"
@@ -157,13 +158,14 @@
           @pagination="getList"
         />
       </div>
+       
       <div class="show-window">
         <!-- 运行节点弹窗 -->
         <el-dialog :title="nodeTitle" :visible.sync="open" width="50%">
           <!-- <el-form label-width="100px" :model="commonData">
             <h1>这里会引入当前节点需要处理的表单</h1>
           </el-form> -->
-          <k-form-build
+          <!-- <k-form-build
             v-if="formType == 'dragForm'"
             class="formBuild"
             ref="addFromRef"
@@ -180,12 +182,14 @@
             :tableCount="tableCount"
             :subTableName="subTableName"
             @addList="() => {}"
-          ></DialogTemplate>
-          <component
-            v-else-if="formType == 'designForm'"
-            :is="myForm"
-            ref="myFormRef"
-          ></component>
+          ></DialogTemplate> -->
+          <!-- <GY2
+          ref="myFormRef"
+          ></GY2> -->
+
+          <!-- <ZL1></ZL1> -->
+          <ZL2></ZL2>
+
           <span slot="footer" class="dialog-footer">
             <el-button @click="closeExecuteNode">取消</el-button>
             <el-button type="primary" @click="executeNode">运行</el-button>
@@ -207,12 +211,15 @@ import { triggerExceptionNode } from "@/api/bpmprocess/process";
 
 import getNodeSequence from "@/utils/bpmn/getNodeSequence";
 import GY1 from "./dialogCompments/GY1.vue";
+import GY2 from "./dialogCompments/GY2.vue";
+import ZL1 from "./dialogCompments/ZL/ZL1.vue";
+import ZL2 from "./dialogCompments/ZL/ZL2.vue";
 import { getForm } from "@/api/dragform/form";
 import DialogTemplate from "@/views/dialogTemplate/components/index.vue";
 export default {
   name: "processMange",
   props: [],
-  components: { GY1, DialogTemplate },
+  components: { GY1, GY2, ZL1, ZL2, DialogTemplate },
   dicts: ["bpm_type", "task_process_state"],
   data() {
     return {
@@ -537,9 +544,9 @@ export default {
   .col {
     background-color: #fff;
     border-right: 1px solid #ebedf2;
-    // margin-right: 3px;
+     /* margin-right: 3px; */
     .statistic-wrap {
-      // height: 70px;
+      /* // height: 70px; */
       box-sizing: border-box;
       display: flex;
       align-items: center;
@@ -582,8 +589,8 @@ export default {
       padding: 0px 20px 0px 20px;
       height: 70px;
 
-      .header {
-      }
+      /* .header {
+      } */
 
       .search-list {
         display: flex;

zkqy-ui/vue.config.js

@@ -37,7 +37,7 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.110.83:8080`,
+        target: `http://192.168.110.59:8080`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''