工单核验单维护新增流程单查询功能

src/view/performance/09-workOrderVerification/index.vue

@@ -23,6 +23,7 @@
 								<el-button type="primary" class="bt" icon="plus" @click="handleShowAdd">新增</el-button>
 								<el-button type="primary" icon="copy-document" class="bt"@click="dialogMrhjtj = true">每日核检统计</el-button>
 								<el-button type="primary" icon="copy-document" class="bt" @click="showGdzjfptj">工单质检废品统计</el-button>
+								<el-button type="primary" icon="edit"   @click="gdlcdcxconlick"    class="bt" title="流程单查询">流程单查询</el-button>
 								<el-button type="primary" icon="delete" class="bt" @click="handleDelete">删除</el-button>
 							</el-form-item>
 						</el-form>
@@ -205,6 +206,43 @@
 						</el-table>
 					</el-dialog>
 
+					<!--流程单查询【弹窗】-->
+					<el-dialog v-model="gd_lcdlist" title="工单工序生产进程" style="width: 100%;height: 100%;margin: 0px;padding: 0px;">
+						<div style="width: 100%;height: 100%;">
+						<el-button type="" @click="gd_lcdCancel">退出</el-button>
+						</div>
+						<div style="width: 100%; height: 100%; display: flex; align-items: center;">
+						<el-form-item label="工单编号" style="margin-right: 20px; padding: 0;">
+							<el-input v-model="gd_lcdformData['gdbh']" @keyup.enter="gd_lcdProductValue"/>
+						</el-form-item>
+						<el-form-item label="" style="margin-right: 5px; padding: 0;">
+							<el-input v-model="gd_lcdformData['code']" disabled/>
+						</el-form-item>
+						<el-form-item label="" style="margin-right: 5px; padding: 0;">
+							<el-input v-model="gd_lcdformData['name']" disabled style="width: 500px"/>
+						</el-form-item>
+						</div>
+						<div style="width: 100%; height: 70vh; display: flex;">
+						<layout>
+							<layout-sider :resize-directions="['right']" :width="240" style="margin-right: 10px;height: 70vh;">
+							<div class="JKWTree-tree">
+								<el-tree :data="lcd_treeData" @node-click="lcd_handleNodeClick" default-expand-all></el-tree>
+							</div>
+							</layout-sider>
+							<layout-main>
+							<!-- 这里放右侧的内容 -->
+							<el-space wrap>
+								<!-- 右侧内容 -->
+								<template v-for="item in processList.total_process">
+								<el-button disabled :type="! processList.process.includes(item) ? 'danger' : 'info'" plain style="width: 50px">{{ item }}</el-button>
+								</template>
+							</el-space>
+							</layout-main>
+						</layout>
+						</div>
+          			</el-dialog>
+
+
 					<!-- 弹出选项框 工单 -->
 					<el-dialog v-model="dialogSelectVisible" title="选择" destroy-on-close width="1000px"
 						@keydown="selectGX($event)">
@@ -263,11 +301,8 @@
 		Refresh,
 		Download
 	} from '@element-plus/icons-vue'
-	import {
-		ref,
-		reactive,
-		nextTick
-	} from 'vue'
+	import {ref,reactive,nextTick} from 'vue'
+	import {getOrderProcessLeft,getOrderProcessRight} from "@/api/yunyin/yunying";
 	import {
 		getSide,
 		getTable,
@@ -283,6 +318,7 @@
 	import Meirihejiantongji from '@/view/performance/09-workOrderVerification/componets/meirihejiantongji.vue'
 	import Gongdanzhijianfeipintongji from '@/view/performance/09-workOrderVerification/componets/gongdanzhijianfeipintongji.vue'
 	import Shebeizhuangtai from '@/view/performance/09-workOrderVerification/componets/shebeizhuangtai.vue'
+	import Liuchengdanchaxun from '@/view/performance/09-workOrderVerification/componets/liuchengdanchaxun.vue'
 	import {
 		Layout,
 		LayoutContent,
@@ -456,6 +492,85 @@
 		}
 	}
 
+	// =========== 流程单查询 ===========
+const gd_lcdlist = ref(false);
+const gd_lcdformData = reactive({
+  gdbh: '',
+  code: '',
+  name: '',
+});
+// 流程单查询按钮
+const processList = ref([]);
+const gdlcdcxconlick = async () => {
+  if(currentRow.gdbh === '' || currentRow.gdbh === null || currentRow.gdbh === undefined){
+    ElMessage({type: 'warning',message: '请选择具体的工单，在进行操作'})
+    return false;
+  }else{
+    gd_lcdformData['gdbh'] = currentRow.gdbh;
+    _getOrderProcessLeft_list();
+    gd_lcdlist.value = true;
+    processList.value = []
+  }
+}
+//流程单查询回车
+const gd_lcdProductValue = async () => {
+  if(gd_lcdformData['gdbh'] == '' || gd_lcdformData['gdbh'] === null){
+    ElMessage({type: 'warning',message: '工单编号为空'})
+    return false;
+  }
+  _getOrderProcessLeft_list();
+}
+
+const lcd_treeData = ref([]);
+const _getOrderProcessLeft_list = async () => {
+  const order = gd_lcdformData['gdbh'];
+  try {
+    //5.1流程单查询-工单工序生产进程菜单栏
+    const getOrderProcessLeft_list = await getOrderProcessLeft({ order:order});
+    console.log(getOrderProcessLeft_list)
+    if(getOrderProcessLeft_list.data.Gd_info === null || getOrderProcessLeft_list.data.Gd_info === ''){
+      ElMessage({type: 'warning',message: '未查询到具体工单信息'})
+      lcd_treeData.value = [];
+      return false;
+    }
+    gd_lcdformData['code'] = getOrderProcessLeft_list.data.Gd_info['code'];
+    gd_lcdformData['name'] = getOrderProcessLeft_list.data.Gd_info['name'];
+    lcd_treeData.value = [{
+      label: order + '-' + getOrderProcessLeft_list.data.Gd_info['name'],
+      // label: getOrderProcessLeft_list.data.Gd_info['code'] + '-' + getOrderProcessLeft_list.data.Gd_info['name'],
+      value: undefined,
+      children: []
+    }]
+    const newData = [];
+    for (let key in getOrderProcessLeft_list.data.Gy_info) {
+      let temp = getOrderProcessLeft_list.data.Gy_info[key];
+      let concatenatedValue = `${temp.Gy0_yjno}-${temp.Gy0_gxh} ---> ${temp.Gy0_gxmc}`;
+      newData.push({ label: concatenatedValue,value: temp.Gy0_gxh });
+    }
+    lcd_treeData.value[0].children = newData;
+    //5.2流程单查询-获取工单工序生产进程右侧【接口】【进入页面默认显示第一个数据】
+    const getOrderProcessRight_list = await getOrderProcessRight({order: order, gxNo:newData[0].value});
+    processList.value = getOrderProcessRight_list.data
+  } catch (error) {
+    console.error(error);
+  }
+};
+//点击左侧获取工序显示右侧数据
+const lcd_handleNodeClick = async (node) => {
+  if (node.value === undefined || node.value === null){
+      return false;
+  }
+  const order = gd_lcdformData['gdbh'];
+  //5.2流程单查询-获取工单工序生产进程右侧【接口】
+  const getOrderProcessRight_list = await getOrderProcessRight({order:order, gxNo:node.value});
+  processList.value = getOrderProcessRight_list.data
+};
+
+// 流程单查询退出
+const gd_lcdCancel = async () => {
+  gd_lcdlist.value = false;
+}
+
 	// 搜索
 	function handleSearch() {
 		params.sys_id = ''
@@ -1028,6 +1143,7 @@
 	const dialogMrhjtj = ref(false)
 	const dialogGdzjfptj = ref(false)
 	const dialogSbyxgl = ref(false)
+	const dialoglcdcx = ref(false)
 	const value1 = ref('')
 	const table = ref(null)
 
@@ -1040,6 +1156,7 @@
 	const handleSelectChange = (row, column, event) => {
 		currentRow.value = row.UniqId
 		currentRow.gdbh = row.qczl_gdbh
+		console.log(currentRow.gdbh)
 	}
 
 	// 新增数据