工作中心

src/api/technology/process.js

@@ -77,3 +77,12 @@ export function listBom(query) {
     params: query
   });
 }
+
+// 查询工作中心
+export function listFactory(query) {
+  return request({
+    url: '/technology/pro/process/selectSysFactoryList',
+    method: 'get',
+    params: query
+  });
+}

src/views/technology/process/index.vue

@@ -188,11 +188,6 @@
               <el-input-number :min="0" :step="1" v-model="form.workTime" placeholder="请输入工作时长" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="工作中心" prop="workCenter">
-              <el-input v-model="form.workCenter" type="input" placeholder="请输入工作中心" />
-                </el-form-item>
-          </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
@@ -222,6 +217,20 @@
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="工作中心" prop="workCenter">
+                <el-cascader
+                :options="factoryOptions"
+                :props="workCenter"
+                v-model="form.workCenter"
+                placeholder="请选择工作中心"
+                clearable
+                style="width:430px"
+                ></el-cascader>
+              </el-form-item>
+            </el-col>
+          </el-row>
         <!-- <el-row>
           <el-col :span="8">
             <el-form-item label="参数1温度" prop="param1">
@@ -273,10 +282,12 @@
 </template>
 
 <script>
-import { listProcess, getProcess, delProcess, addProcess, updateProcess ,listEquipment,getEquipment} from "@/api/technology/process";
+import { listProcess, getProcess, delProcess, addProcess, updateProcess ,listEquipment,getEquipment,listFactory} from "@/api/technology/process";
 import Processcontent from "./content.vue";
 import ItemSelect  from "./single.vue";
 import { Message } from 'element-ui'
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
   name: "Process",
@@ -284,6 +295,7 @@ export default {
   components: {Processcontent,ItemSelect},
   data() {
     return {
+      workCenter: { multiple: true,label:'factoryName',value:'factoryId',children:'children' },
       checkEquipment:null,
       //自动生成编码
       autoGenFlag:false,
@@ -305,6 +317,8 @@ export default {
       // 生产工序表格数据
       processList:[],
       equipmentList:[],
+      // 工厂模型树选项
+      factoryOptions: [],
       // 弹出层标题
       title: "",
       boundTitle:"",
@@ -312,10 +326,6 @@ export default {
       open: false,
       boundeEuipmentOpen:false,
       equipmentTypeName : undefined,
-      defaultProps: {
-        children: "children",
-        label: "label"
-      },
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -361,15 +371,24 @@ export default {
   created() {
     this.getList();
     this.getEquipmentList();
+    this.getTreeselect();
   },
   methods: {
     activated(){
     this.useTypeKey +=1
   },
-    handleEquipmentSelectionChange (val) {
-       this.equipmentList = val
-    },
-
+  handleEquipmentSelectionChange (val) {
+    this.equipmentList = val
+  },
+  //中山榄菊日化实业有限公司 A001
+  getTreeselect() {
+    listFactory().then(response => {
+      this.factoryOptions = [];
+      const data = { factoryId: 1, factoryName: '中山榄菊日化实业有限公司', children: [] };
+      data.children = this.handleTree(response.data, "factoryId", "parentId");
+      this.factoryOptions.push(data);
+    });
+  },
     /** 查询物料信息列表 */
 		getEquipmentList() {
 			this.loading = true;