|
|
@@ -48,16 +48,16 @@
|
|
|
<!-- />-->
|
|
|
<!-- </el-select>-->
|
|
|
<!-- </el-form-item>-->
|
|
|
- <el-form-item label="工作区域" prop="workareaId">
|
|
|
- <el-select v-model="queryParams.workareaId" placeholder="请选择区域">
|
|
|
- <el-option
|
|
|
- v-for="dict in this.workareaList"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="作业区域" prop="workareaId">
|
|
|
+ <treeselect
|
|
|
+ style="width: 318px"
|
|
|
+ v-model="queryParams.workareaId"
|
|
|
+ :options="deptOptions"
|
|
|
+ :normalizer="normalizer"
|
|
|
+ placeholder="选择作业区域"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
+
|
|
|
<!-- <el-form-item label="上锁人" prop="teamCode">
|
|
|
<el-input
|
|
|
v-model="queryParams.teamCode"
|
|
|
@@ -218,7 +218,7 @@
|
|
|
/>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="工作区域" align="center" prop="workareaName">
|
|
|
+ <el-table-column label="作业区域" align="center" prop="workareaName">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="隔离点总数" align="center" prop="pointCount">
|
|
|
</el-table-column>
|
|
|
@@ -280,8 +280,13 @@ import {
|
|
|
} from "@/api/mes/spm/segregationPoint";
|
|
|
import { genCode } from "@/api/system/autocode/rule";
|
|
|
import { mapActions } from "vuex";
|
|
|
+
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import { listWorkarea } from '@/api/mes/wa/workarea'
|
|
|
export default {
|
|
|
name: "Team",
|
|
|
+ components: { Treeselect },
|
|
|
dicts: ["ticket_type", "ticket_status"],
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -303,13 +308,15 @@ export default {
|
|
|
total: 0,
|
|
|
// 班组表格数据
|
|
|
jobList: [],
|
|
|
+ // 部门树选项
|
|
|
+ deptOptions: [],
|
|
|
// 弹出层标题
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
// 车间数据
|
|
|
workshopList: [],
|
|
|
- // 工作区域数据
|
|
|
+ // 作业区域数据
|
|
|
workareaList: [],
|
|
|
// 查询参数
|
|
|
createTime: "",
|
|
|
@@ -403,8 +410,31 @@ export default {
|
|
|
this.total = response.data.total;
|
|
|
this.loading = false;
|
|
|
});
|
|
|
+ const data={
|
|
|
+ current:1,
|
|
|
+ size:-1
|
|
|
+ }
|
|
|
+ listWorkarea(data).then((response) => {
|
|
|
+ this.deptOptions = this.handleTree(
|
|
|
+ response.data.records,
|
|
|
+ "workareaId",
|
|
|
+ "parentId",
|
|
|
+ "children"
|
|
|
+ );
|
|
|
+ // console.log(this.deptOptions,'作业区域下拉树形结构');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 转换部门数据结构 */
|
|
|
+ normalizer(node) {
|
|
|
+ if (node.children && !node.children.length) {
|
|
|
+ delete node.children;
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ id: node.workareaId,
|
|
|
+ label: node.workareaName,
|
|
|
+ children: node.children,
|
|
|
+ };
|
|
|
},
|
|
|
-
|
|
|
// 获取车间数据
|
|
|
getworkShop() {
|
|
|
workshoplistAll().then((response) => {
|
|
|
@@ -419,14 +449,14 @@ export default {
|
|
|
console.log(this.workshopList[0].value, "数据拿到了吗");
|
|
|
});
|
|
|
},
|
|
|
- // 所属车间下拉改变工作区域内容
|
|
|
+ // 所属车间下拉改变作业区域内容
|
|
|
workShopChange() {
|
|
|
console.log("我被切换了内容");
|
|
|
this.queryParams.workareaId = "";
|
|
|
this.getworkArea();
|
|
|
console.log(this.workareaList, "数据拿到了吗");
|
|
|
},
|
|
|
- // 获取工作区域数据
|
|
|
+ // 获取作业区域数据
|
|
|
getworkArea() {
|
|
|
const workshopId = this.queryParams.workshopId;
|
|
|
// const workshopId = this.workshopList.map((workshop) => workshop.value);
|
|
|
@@ -434,7 +464,7 @@ export default {
|
|
|
console.log(workshopId, "workshopId");
|
|
|
if (workshopId) {
|
|
|
getIsWorkareaList(workshopId).then((response) => {
|
|
|
- // console.log(response, "获取工作区域数据");
|
|
|
+ // console.log(response, "获取作业区域数据");
|
|
|
this.workareaList = response.data.map((item) => {
|
|
|
return {
|
|
|
label: item.workareaName,
|