|
@@ -20,16 +20,22 @@
|
|
|
<div class="right_top">
|
|
<div class="right_top">
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
<div slot="header" class="clearfix">
|
|
|
- <span style="font-size: 18px">新建SOP</span>
|
|
|
|
|
|
|
+ <span style="font-size: 18px">{{ this.getSopTitle }}</span>
|
|
|
<span
|
|
<span
|
|
|
- style="float: right; padding: 1px 0; font-size: 22px"
|
|
|
|
|
|
|
+ style="
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ padding: 1px 0;
|
|
|
|
|
+ font-size: 22px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ "
|
|
|
type="text"
|
|
type="text"
|
|
|
|
|
+ @click="goBack"
|
|
|
>×</span
|
|
>×</span
|
|
|
>
|
|
>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="text item">
|
|
<div class="text item">
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="SOP新增" name="first">
|
|
|
|
|
|
|
+ <el-tab-pane :label="this.getSopTitle" name="first">
|
|
|
<!-- 新增作业票信息-->
|
|
<!-- 新增作业票信息-->
|
|
|
<el-form ref="form" :model="form" label-width="70px">
|
|
<el-form ref="form" :model="form" label-width="70px">
|
|
|
<el-form-item label="SOP名称" prop="sopName">
|
|
<el-form-item label="SOP名称" prop="sopName">
|
|
@@ -252,17 +258,35 @@ export default {
|
|
|
if (this.$route.query.sopId !== "null") {
|
|
if (this.$route.query.sopId !== "null") {
|
|
|
// console.log(this.$route.query.sopId, "接受路由参数");
|
|
// console.log(this.$route.query.sopId, "接受路由参数");
|
|
|
this.getSopInfo();
|
|
this.getSopInfo();
|
|
|
|
|
+ this.setSopTitle("编辑SOP");
|
|
|
} else {
|
|
} else {
|
|
|
this.setSelectSopPoints([]);
|
|
this.setSelectSopPoints([]);
|
|
|
this.setPointTableData([]);
|
|
this.setPointTableData([]);
|
|
|
|
|
+ this.setSopTitle("新增SOP");
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ computed: {
|
|
|
|
|
+ ...mapGetters("sopSelectPoints", ["getSopTitle"]),
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
+ beforeRouteEnter(to, from, next) {
|
|
|
|
|
+ // console.log(to.query.sopId, "进入路由");
|
|
|
|
|
+ if (to.query.sopId !== "null" || !to.query.sopId) {
|
|
|
|
|
+ // console.log(to.query.sopId, "编辑");
|
|
|
|
|
+ to.meta.title = "SOP管理-编辑SOP"; // 动态修改标题
|
|
|
|
|
+ } else {
|
|
|
|
|
+ // console.log(to.query.sopId, "新增");
|
|
|
|
|
+ to.meta.title = "SOP管理-新建SOP"; // 动态修改标题
|
|
|
|
|
+ }
|
|
|
|
|
+ next();
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
...mapActions("sopSelectPoints", [
|
|
...mapActions("sopSelectPoints", [
|
|
|
"setSelectSopPoints",
|
|
"setSelectSopPoints",
|
|
|
"setPointTableData",
|
|
"setPointTableData",
|
|
|
"setSopEdit",
|
|
"setSopEdit",
|
|
|
|
|
+ "setSopTitle",
|
|
|
]),
|
|
]),
|
|
|
handleClick(tab, event) {
|
|
handleClick(tab, event) {
|
|
|
// console.log(tab, event);
|
|
// console.log(tab, event);
|
|
@@ -353,7 +377,7 @@ export default {
|
|
|
updateIsSop(data).then((res) => {
|
|
updateIsSop(data).then((res) => {
|
|
|
console.log(res, "修改接口");
|
|
console.log(res, "修改接口");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
- this.$router.go(-1);
|
|
|
|
|
|
|
+ this.$router.push("/sop/sopm");
|
|
|
this.$message.success("SOP修改成功");
|
|
this.$message.success("SOP修改成功");
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
@@ -362,56 +386,13 @@ export default {
|
|
|
addinsertIsSop(data).then((res) => {
|
|
addinsertIsSop(data).then((res) => {
|
|
|
console.log(res, "新增接口");
|
|
console.log(res, "新增接口");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
- this.$router.go(-1);
|
|
|
|
|
|
|
+ this.$router.push("/sop/sopm");
|
|
|
this.$message.success("SOP新建成功");
|
|
this.$message.success("SOP新建成功");
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- // submit() {
|
|
|
|
|
- // // 确保 this.form.spoint 是一个数组
|
|
|
|
|
- // // if (!Array.isArray(this.form.spoint)) {
|
|
|
|
|
- // // this.form.spoint = [];
|
|
|
|
|
- // // }
|
|
|
|
|
-
|
|
|
|
|
- // const selectedpointIds = this.form.spoint.join(",");
|
|
|
|
|
- // const data = {
|
|
|
|
|
- // pointIds: selectedpointIds,
|
|
|
|
|
- // sopContent: this.form.sopContent,
|
|
|
|
|
- // sopCode: this.form.sopCode,
|
|
|
|
|
- // sopName: this.form.sopName,
|
|
|
|
|
- // sopType: this.form.sopType,
|
|
|
|
|
- // workareaId: this.points.value,
|
|
|
|
|
- // workshopId: this.emitWorkShop.value,
|
|
|
|
|
- // };
|
|
|
|
|
-
|
|
|
|
|
- // if (this.$route.query.sopId) {
|
|
|
|
|
- // // 确保 sopId 存在
|
|
|
|
|
- // if (!this.form.sopId) {
|
|
|
|
|
- // console.error("隔离点id不可为空!");
|
|
|
|
|
- // this.$message.error("隔离点id不可为空!"); // 假设你使用的是 Element UI 的消息提示
|
|
|
|
|
- // return;
|
|
|
|
|
- // }
|
|
|
|
|
-
|
|
|
|
|
- // data.sopId = this.form.sopId;
|
|
|
|
|
-
|
|
|
|
|
- // updateIsSop(data).then((res) => {
|
|
|
|
|
- // console.log(res, "修改接口");
|
|
|
|
|
- // if (res.code == 200) {
|
|
|
|
|
- // this.$router.go(-1);
|
|
|
|
|
- // }
|
|
|
|
|
- // });
|
|
|
|
|
- // } else {
|
|
|
|
|
- // addinsertIsSop(data).then((res) => {
|
|
|
|
|
- // console.log(res, "新增接口");
|
|
|
|
|
- // if (res.code == 200) {
|
|
|
|
|
- // this.$router.go(-1);
|
|
|
|
|
- // }
|
|
|
|
|
- // });
|
|
|
|
|
- // }
|
|
|
|
|
- // },
|
|
|
|
|
-
|
|
|
|
|
// 子组件选中的隔离点逆传递拿到的数据
|
|
// 子组件选中的隔离点逆传递拿到的数据
|
|
|
handleSelectPoint(points) {
|
|
handleSelectPoint(points) {
|
|
|
// console.log(points, "父组件接收逆向传递选中的隔离点");
|
|
// console.log(points, "父组件接收逆向传递选中的隔离点");
|
|
@@ -469,6 +450,10 @@ export default {
|
|
|
this.form.sopCode = null;
|
|
this.form.sopCode = null;
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ // 侧边X关闭
|
|
|
|
|
+ goBack() {
|
|
|
|
|
+ this.$router.push("/sop/sopm");
|
|
|
|
|
+ },
|
|
|
// methods结束
|
|
// methods结束
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|