|
|
@@ -6,10 +6,12 @@
|
|
|
<span>工装信息</span>
|
|
|
</div>
|
|
|
<div class="message">
|
|
|
- <div class="list" v-for="(item, index) in message" :key="index">
|
|
|
+ <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>
|
|
|
+ <p class="content">{{ form.master_task[item.prop] }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -23,49 +25,142 @@
|
|
|
<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>
|
|
|
+ <p class="content">{{ form.master_task[item.prop] }}</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>
|
|
|
+ <el-form :rules="rules" :model="form" ref="form" label-position="top" label-width="100px" :inline="false" size="normal">
|
|
|
+ <el-form-item label="质控卡号:" prop="card">
|
|
|
+ <el-input v-model="form.card" placeholder="请输入内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" class="btn" icon="el-icon-success" @click="submitHandler">记录质控卡</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { submitNodeForm } from "@/api/bpmprocess/runDialogApi/index";
|
|
|
export default {
|
|
|
name: "RecordQuality",
|
|
|
-
|
|
|
+ props: ["formData", "row"],
|
|
|
data() {
|
|
|
return {
|
|
|
+ isEdit: false,
|
|
|
+ form: {
|
|
|
+ card: '',
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ card: [{ required: true, trigger: "change" }],
|
|
|
+ },
|
|
|
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" },
|
|
|
+ { title: "任务编号", prop: "taskNo" },
|
|
|
+ { title: "图号", prop: "mapNumber" },
|
|
|
+ { title: "投产数量", prop: "taskNumber" },
|
|
|
+ { title: "牌号", prop: "" },
|
|
|
+ { title: "状态", prop: "" },
|
|
|
+ { title: "标准", prop: "" },
|
|
|
+ { title: "物资名称", prop: "" },
|
|
|
+ { title: "材料/产品", prop: "" },
|
|
|
+ { title: "规格", prop: "" },
|
|
|
+ { title: "尺寸", prop: "" },
|
|
|
+ { title: "备注", prop: "" },
|
|
|
],
|
|
|
- input: "",
|
|
|
+ quality_control_card: "",
|
|
|
};
|
|
|
},
|
|
|
-
|
|
|
+ computed: {
|
|
|
+ myFormData() {
|
|
|
+ return this.formData;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ myFormData: {
|
|
|
+ handler(nval) {
|
|
|
+ this.form = nval.resultMap;
|
|
|
+ this.isEdit = this.form.taskKey && this.form.taskNodeKey;
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
mounted() {},
|
|
|
|
|
|
methods: {
|
|
|
- recordValue() {
|
|
|
- this.$emit("ZL1", this.message[0].content);
|
|
|
+ async submitHandler() {
|
|
|
+ console.log(this.row);
|
|
|
+ let res = await this.$refs.form?.validate();
|
|
|
+ if (res) {
|
|
|
+ let payLoad = {};
|
|
|
+ let { card } = this.form;
|
|
|
+ console.log(this.form);
|
|
|
+ if (this.isEdit) {
|
|
|
+ let { taskKey, taskNodeKey } = this.myFormData.resultMap;
|
|
|
+ payLoad.updateCommonEntityList = [
|
|
|
+ {
|
|
|
+ basicMap: {
|
|
|
+ tableName: "record_quality_control_card",
|
|
|
+ },
|
|
|
+ conditionMap: {
|
|
|
+ task_key: taskKey,
|
|
|
+ task_node_key: taskNodeKey,
|
|
|
+ },
|
|
|
+ commMap: {
|
|
|
+ quality_control_card: card,
|
|
|
+ task_id: this.row.bepTaskPlanKey,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ payLoad.insertCommonEntityList = [
|
|
|
+ {
|
|
|
+ basicMap: {
|
|
|
+ tableName: "record_quality_control_card",
|
|
|
+ },
|
|
|
+ addListMap: [
|
|
|
+ {
|
|
|
+ quality_control_card: card,
|
|
|
+ task_id: this.row.bepTaskPlanKey,
|
|
|
+ taskKey: this.row.benTaskProcessKey,
|
|
|
+ taskNodeKey: this.row.benTaskNodeKey,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ submitNodeForm(payLoad).then((response) => {
|
|
|
+ if (response.code == 200) {
|
|
|
+ this.$modal.msgSuccess("保存成功");
|
|
|
+ } else {
|
|
|
+ this.$modal.error("保存失败,请稍后再试");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async getFormData() {
|
|
|
+ let formData = {
|
|
|
+ flag: false,
|
|
|
+ msg: "",
|
|
|
+ };
|
|
|
+ try {
|
|
|
+ let valid = await this.$refs.form.validate();
|
|
|
+ if (valid) {
|
|
|
+ formData.flag = true;
|
|
|
+ formData.data = this.form;
|
|
|
+ return formData;
|
|
|
+ } else {
|
|
|
+ formData.msg = "表单校验异常,请规范填写表单数据";
|
|
|
+ return formData;
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ // console.log(error);
|
|
|
+ formData.msg = "表单校验异常,请规范填写表单数据";
|
|
|
+ return formData;
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
@@ -134,15 +229,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.card {
|
|
|
- .title {
|
|
|
- padding: 10px 0px;
|
|
|
- }
|
|
|
-}
|
|
|
-.submit {
|
|
|
- display: flex;
|
|
|
- flex-direction: row-reverse;
|
|
|
- padding: 10px 0px;
|
|
|
+.btn {
|
|
|
+ background: rgb(123,213,195);
|
|
|
+ border: rgb(123,213,195);
|
|
|
+ float: right;
|
|
|
border-bottom: #e2e1e1 solid 1px;
|
|
|
}
|
|
|
</style>
|
ZYZ