|
@@ -1,144 +1,156 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-form :model="form" ref="form" label-position="left" label-width="80px" align="left" size="normal">
|
|
|
+ <el-form
|
|
|
+ :model="form"
|
|
|
+ ref="form"
|
|
|
+ label-position="left"
|
|
|
+ label-width="80px"
|
|
|
+ align="left"
|
|
|
+ size="normal"
|
|
|
+ >
|
|
|
<el-form-item label="备注:" prop="remark">
|
|
|
<el-input v-model="form.remark"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" size="small" @click="submitHandler" icon="el-icon-success">记录数据</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="submitHandler"
|
|
|
+ icon="el-icon-success"
|
|
|
+ >记录数据</el-button
|
|
|
+ >
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {submitNodeForm} from "@/api/bpmprocess/runDialogApi";
|
|
|
- export default {
|
|
|
- name: "ScrapDisposition",
|
|
|
- props: ["formData", "row"],
|
|
|
- data() {
|
|
|
- return {
|
|
|
- //是否编辑
|
|
|
- isEdit:false,
|
|
|
- //表单数据
|
|
|
- form: {
|
|
|
- remark: '' //备注
|
|
|
- },
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- //计算属性值
|
|
|
- myFormData() {
|
|
|
- //父组件传递过来的值
|
|
|
- return this.formData;
|
|
|
+import { submitNodeForm } from "@/api/bpmprocess/runDialogApi";
|
|
|
+export default {
|
|
|
+ name: "ScrapDisposition",
|
|
|
+ props: ["formData", "row"],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ //是否编辑
|
|
|
+ isEdit: false,
|
|
|
+ //表单数据
|
|
|
+ form: {
|
|
|
+ remark: "", //备注
|
|
|
},
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ //计算属性值
|
|
|
+ myFormData() {
|
|
|
+ //父组件传递过来的值
|
|
|
+ return this.formData;
|
|
|
},
|
|
|
- watch: {
|
|
|
- //监听
|
|
|
- myFormData: {
|
|
|
- handler(nval) {
|
|
|
- console.log(nval)
|
|
|
- this.form = nval.resultMap;
|
|
|
- console.log(this.form);
|
|
|
- // 都不为空的话就是编辑
|
|
|
- this.isEdit = this.form.taskProcessKey && this.form.taskNodeKey
|
|
|
- },
|
|
|
- deep: true,
|
|
|
- immediate: true,
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ //监听
|
|
|
+ myFormData: {
|
|
|
+ handler(nval) {
|
|
|
+ console.log(nval);
|
|
|
+ this.form = nval.resultMap;
|
|
|
+ console.log(this.form);
|
|
|
+ // 都不为空的话就是编辑
|
|
|
+ this.isEdit = this.form.taskProcessKey && this.form.taskNodeKey;
|
|
|
},
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
},
|
|
|
- mounted() {
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
- //处理请求
|
|
|
- async submitHandler() {
|
|
|
- //获取父组件传递过来的数据
|
|
|
- console.log(this.row);
|
|
|
- //校验表单数据
|
|
|
- let res = await this.$refs.form?.validate();
|
|
|
- //校验通过
|
|
|
- if (res) {
|
|
|
- //放准备发给后端的数据
|
|
|
- let payLoad = {};
|
|
|
- let { remark } = this.form;
|
|
|
- //判断是否编辑
|
|
|
- if (this.isEdit) {
|
|
|
- //解析出我需要的那两个参数流程key 和节点key
|
|
|
- let { taskProcessKey, taskNodeKey } = this.myFormData.resultMap;
|
|
|
- //准备更新节点的数据
|
|
|
- payLoad.updateCommonEntityList = [
|
|
|
- {
|
|
|
- basicMap: {
|
|
|
- tableName: "product_obsolescence",
|
|
|
- },
|
|
|
- conditionMap: {
|
|
|
- task_process_key: taskProcessKey,
|
|
|
- task_node_key: taskNodeKey,
|
|
|
- },
|
|
|
- commMap: {
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ //处理请求
|
|
|
+ async submitHandler() {
|
|
|
+ //获取父组件传递过来的数据
|
|
|
+ console.log(this.row);
|
|
|
+ //校验表单数据
|
|
|
+ let res = await this.$refs.form?.validate();
|
|
|
+ //校验通过
|
|
|
+ if (res) {
|
|
|
+ //放准备发给后端的数据
|
|
|
+ let payLoad = {};
|
|
|
+ let { remark } = this.form;
|
|
|
+ //判断是否编辑
|
|
|
+ if (this.isEdit) {
|
|
|
+ //解析出我需要的那两个参数流程key 和节点key
|
|
|
+ let { taskProcessKey, taskNodeKey } = this.myFormData.resultMap;
|
|
|
+ //准备更新节点的数据
|
|
|
+ payLoad.updateCommonEntityList = [
|
|
|
+ {
|
|
|
+ basicMap: {
|
|
|
+ tableName: "product_obsolescence",
|
|
|
+ },
|
|
|
+ conditionMap: {
|
|
|
+ task_process_key: taskProcessKey,
|
|
|
+ task_node_key: taskNodeKey,
|
|
|
+ },
|
|
|
+ commMap: {
|
|
|
+ task_id: this.row.bepTaskPlanKey,
|
|
|
+ remark: remark,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ //插入节点数据总不能被数据
|
|
|
+ payLoad.insertCommonEntityList = [
|
|
|
+ {
|
|
|
+ basicMap: {
|
|
|
+ tableName: "product_obsolescence",
|
|
|
+ },
|
|
|
+ addListMap: [
|
|
|
+ {
|
|
|
task_id: this.row.bepTaskPlanKey,
|
|
|
remark: remark,
|
|
|
+ taskProcessKey: this.row.benTaskProcessKey,
|
|
|
+ taskNodeKey: this.row.benTaskNodeKey,
|
|
|
},
|
|
|
- },
|
|
|
- ];
|
|
|
- } else {
|
|
|
- //插入节点数据总不能被数据
|
|
|
- payLoad.insertCommonEntityList = [
|
|
|
- {
|
|
|
- basicMap: {
|
|
|
- tableName: "product_obsolescence",
|
|
|
- },
|
|
|
- addListMap: [
|
|
|
- {
|
|
|
- task_id: this.row.bepTaskPlanKey,
|
|
|
- remark: remark,
|
|
|
- taskProcessKey: 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;
|
|
|
+ //提交请求
|
|
|
+ submitNodeForm(payLoad).then((response) => {
|
|
|
+ if (response.code == 200) {
|
|
|
+ this.$modal.msgSuccess("保存成功");
|
|
|
} else {
|
|
|
- formData.msg = "表单校验异常,请规范填写表单数据";
|
|
|
- return formData;
|
|
|
+ this.$modal.error("保存失败,请稍后再试");
|
|
|
}
|
|
|
- } catch (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) {
|
|
|
+ formData.msg = "表单校验异常,请规范填写表单数据";
|
|
|
+ return formData;
|
|
|
+ }
|
|
|
},
|
|
|
- }
|
|
|
+ resetForm() {},
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- ::v-deep .el-button{
|
|
|
- background: rgb(123,213,195);
|
|
|
- border: rgb(123,213,195);
|
|
|
- float: right;
|
|
|
- }
|
|
|
+::v-deep .el-button {
|
|
|
+ background: rgb(123, 213, 195);
|
|
|
+ border: rgb(123, 213, 195);
|
|
|
+ float: right;
|
|
|
+}
|
|
|
</style>
|