优化1

src/view/yunyin/shengchanguanli/gongdanziliao.vue

@@ -628,14 +628,17 @@ export default {
 </script>
 <script setup>
 // 全量引入格式化工具 请按需保留
-import $script from 'scriptjs'
-import $ from 'jquery';
-import LuckyExcel from 'luckyexcel';
+// import $script from 'scriptjs'
+// import $ from 'jquery';
+// import LuckyExcel from 'luckyexcel';
 import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ref, reactive, computed, nextTick, watch } from 'vue'
 import { useUserStore } from '@/pinia/modules/user'
 
+import {
+  DataList
+} from "@/api/yunyin/yunying";
 import PrintPage from './components/print.vue'
 import AddGongYi from './components/addGongYi.vue'
 defineOptions({name: 'Company'})
@@ -645,35 +648,22 @@ const _username = ref('')
 _username.value = userStore.userInfo.userName + '/' + userStore.userInfo.nickName
 
 // =========== 左侧树侧形结构 =========== 
-const treeData = ref({})
+const treeData = ref([])
 const tableData = reactive([])
 const _Gd_khdh = ref(null)
+const defaultProps = {  
+      children: 'children',  
+      label: 'label'  
+    };  
 const DataListdata = async () => {
   try {
-    // const dataa = await Datalist();
-    // console.log(dataa)
-    const data = 
-    [{
-      label : '客户编号',
-      children : [
-      {label : 'DC-1'},
-      {label : 'DC-2'},
-      {label : 'DC-3'},
-      {label : 'DC-4'},
-      {label : 'DC-5'},
-      {label : 'DC-6'},
-      {label : 'DC-7'},
-      {label : 'DC-8'},
-      {label : 'DC-9'},
-      {label : 'DC-10'},
-      {label : 'DC-11'},
-      {label : 'DC-12'},
-      {label : 'DC-13'},
-      {label : 'DC-14'},
-      {label : 'DC-15'}
-    ]
-    }];
-    treeData.value = data
+    const Datalists = await DataList();
+    console.log(Datalists.data)
+  Datalists.data.forEach(id => {  
+    treeData.value.push({  
+      label: id,
+    });  
+  }); 
   } catch (error) {
     console.error(error);
   }
@@ -682,6 +672,8 @@ DataListdata();
 
 //点击左侧树形获取编号
 const handleNodeClick = async (node) => {
+  console.log(node.label);
+
   // 取消所有节点的颜色
   const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
   allNodes.forEach(node => {
@@ -694,12 +686,12 @@ const handleNodeClick = async (node) => {
     clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
   }
   searchInfo.value = '';
-  if (node.label === '客户编号') {
-    // console.log('点击了客户编号')
-  }else{
-    _Gd_khdh.value = 'J0031';
+  // if (node.label === '客户编号') {
+  //   // console.log('点击了客户编号')
+  // }else{
+    _Gd_khdh.value = node.label;
     _WorkList_page();
-  } 
+  // } 
 };
 
 
@@ -1709,217 +1701,217 @@ const _cha_WorkList = async (node) => {
 };
 
 //=========技术附件========
-//点击技术附件按钮
-const jsfjClick = () => {
-  if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
-	  ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
-	}else{
-		jsfjdialogFormVisible.value = true
-		initJsfjformdata();
-		jsfjformdata.value.关联编号 = _Gd_gdbh.value
-	}
-}
-//技术附件弹窗
-const jsfjdialogFormVisible = ref(false)
-const jsfjformdata = ref({
-	sys_id: _username.value,
-	附件备注: '',
-	附件内容: '',
-	附件类型: '',
-	关联编号: '',
-});
-//技术附件弹窗取消
-const initJsfjformdata = () => {
-  jsfjformdata.value = {
-	sys_id: _username.value,
-	附件备注: '',
-	附件内容: '',
-	附件类型: '',
-	关联编号: '',
-  }
-}
-//技术附件弹窗取消
-const jsfjcloseDialog = () => {
-  jsfjdialogFormVisible.value = false
-}
-const uploadExcel = (event) =>{
-	const files = event.target.files;
-	let suffixArr = name.split("."), suffix = suffixArr[suffixArr.length-1];
-	// if(suffix!="xlsx"){
-	// 	alert("Currently  only supports the import of xlsx files");
-	// 	return;
-	// }
-	jsfjformdata.value.附件内容 = files[0]
-	jsfjformdata.value.附件类型 = 'XLSX'
-}
-//技术附件预览
-const yulan = (event) =>{
-	if(!jsfjformdata.value.附件内容) return
-	$.getScript('/luckysheet/plugins/js/plugin.js', () => {
-			$script('/luckysheet/luckysheet.umd.js', () => {
-			luckyexcelVisible.value = true
-			LuckyExcel.transformExcelToLucky(jsfjformdata.value.附件内容, function(exportJson, luckysheetfile){
-				if(exportJson.sheets==null || exportJson.sheets.length==0){
-					alert("Failed to read the content of the excel file, currently does not support xls files!");
-					return;
-				}
-				if(luckyExcel) luckyExcel.destroy();
-				luckysheet.create({
-					container: 'luckyexcel', //容器的ID
-					data: exportJson.sheets,
-					title: exportJson.info.name, // 工作簿名称
-					lang: "zh", // 设定表格语言 国际化设置，允许设置表格的语言，支持中文("zh")和英文("en")
-					showtoolbar: false, // 是否显示工具栏
-					showinfobar: false, // 是否显示顶部信息栏
-					allowEdit: false, // 是否允许前台编辑
-					enableAddRow: false, // 允许增加行
-					enableAddCol: false, // 允许增加列
-					userInfo: false, // 右上角的用户信息展示样式
-					showRowBar: false, // 是否显示行号区域
-					showColumnBar: false, // 是否显示列号区域
-					sheetFormulaBar: false, // 是否显示公式栏
-					enableAddBackTop: false,//返回头部按钮
-				});
-				luckyExcel = luckysheet;
-			})
-		})
-		})
-		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/css/pluginsCss.css'));
-		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/plugins.css'));
-		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/css/luckysheet.css'));
-		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/assets/iconfont/iconfont.css'));
-
-}
-const jsfj_del = (row) =>{
-	ElMessageBox.confirm('确定要删除吗?', '提示', {
-	    confirmButtonText: '确定',
-	    cancelButtonText: '取消',
-	    type: 'warning'
-	}).then(() => {
-		gdAnnexDel({'UniqId':row.UniqId,'gdbh':_Gd_gdbh.value}).then(response => {
-			 if(response.code==0){
-				 ElMessage({
-				   type: 'success',
-				   message: '删除成功',
-				 })
-
-				 let row = {
-					 '工单编号':_Gd_gdbh.value,
-					 '产品代号':_Gd_cpdh.value,
-					 '产品名称':_Gd_cpmc.value,
-				 }
-				 tableRowClick (row)
-			  }
-		   })
-	})
-
-}
-
-//技术附件弹窗确定
-const jsfjenterDialog = () => {
-	if(jsfjformdata.value.附件备注==''){
-		ElMessage({
-			type: 'error',
-			message: '请填写附件备注'
-		});
-		return;
-	}
-	if(jsfjformdata.value.附件内容==''){
-		ElMessage({
-			type: 'error',
-			message: '请上传文件'
-		});
-		return;
-	}
-	if(jsfjformdata.value.关联编号==''){
-		ElMessage({
-			type: 'error',
-			message: '请填写关联编号'
-		});
-		return;
-	}
-
-	let fr = new FileReader();
-	fr.readAsDataURL(jsfjformdata.value.附件内容);
-	fr.onload = function () {
-	  const restoredData = new FormData();
-	  restoredData.append('sys_id', jsfjformdata.value.sys_id);
-	  restoredData.append('附件备注', jsfjformdata.value.附件备注);
-	  restoredData.append('附件内容', fr.result);
-	  restoredData.append('附件类型', jsfjformdata.value.附件类型);
-	  restoredData.append('关联编号', jsfjformdata.value.关联编号);
-
-	   gdAnnexAdd(restoredData).then(response => {
-		 if(response.code==0){
-			 ElMessage({
-			   type: 'success',
-			   message: '新增成功',
-			 })
-			 jsfjdialogFormVisible.value = false
-			 let row = {
-				 '工单编号':_Gd_gdbh.value,
-				 '产品代号':_Gd_cpdh.value,
-				 '产品名称':_Gd_cpmc.value,
-			 }
-			 tableRowClick (row)
-		 }
-	   })
-	}
-}
-
-//技术资料excel展示
-const ExcelShow = (row) =>{
-	console.log("技术资料excel展示")
-	console.log(row)
-	if(!row.附件内容) return
-	$.getScript('/luckysheet/plugins/js/plugin.js', () => {
-		$script('/luckysheet/luckysheet.umd.js', () => {
-					function dataURLtoBlob(dataUrl) {
-					    const byteString = atob(dataUrl.split(',')[1]);
-					    const ab = new ArrayBuffer(byteString.length);
-					    const ia = new Uint8Array(ab);
-
-					    for (let i = 0; i < byteString.length; i++) {
-					        ia[i] = byteString.charCodeAt(i);
-					    }
-
-					    return new Blob([ab], { type: 'application/octet-stream' });
-					}
-
-					const blob = dataURLtoBlob(row.附件内容);
-					luckyexcelVisible.value = true
-					LuckyExcel.transformExcelToLucky(blob, function(exportJson, luckysheetfile){
-						if(exportJson.sheets==null || exportJson.sheets.length==0){
-							alert("Failed to read the content of the excel file, currently does not support xls files!");
-							return;
-						}
-						if(luckyExcel) luckyExcel.destroy();
-						luckysheet.create({
-							container: 'luckyexcel', //容器的ID
-							data: exportJson.sheets,
-							title: exportJson.info.name, // 工作簿名称
-							lang: "zh", // 设定表格语言 国际化设置，允许设置表格的语言，支持中文("zh")和英文("en")
-							showtoolbar: false, // 是否显示工具栏
-							showinfobar: false, // 是否显示顶部信息栏
-							allowEdit: false, // 是否允许前台编辑
-							enableAddRow: false, // 允许增加行
-							enableAddCol: false, // 允许增加列
-							userInfo: false, // 右上角的用户信息展示样式
-							showRowBar: false, // 是否显示行号区域
-							showColumnBar: false, // 是否显示列号区域
-							sheetFormulaBar: false, // 是否显示公式栏
-							enableAddBackTop: false,//返回头部按钮
-						});
-						luckyExcel = luckysheet;
-					})
-		})
-	})
-	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/css/pluginsCss.css'));
-	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/plugins.css'));
-	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/css/luckysheet.css'));
-	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/assets/iconfont/iconfont.css'));
-
-}
+// //点击技术附件按钮
+// const jsfjClick = () => {
+//   if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
+// 	  ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
+// 	}else{
+// 		jsfjdialogFormVisible.value = true
+// 		initJsfjformdata();
+// 		jsfjformdata.value.关联编号 = _Gd_gdbh.value
+// 	}
+// }
+// //技术附件弹窗
+// const jsfjdialogFormVisible = ref(false)
+// const jsfjformdata = ref({
+// 	sys_id: _username.value,
+// 	附件备注: '',
+// 	附件内容: '',
+// 	附件类型: '',
+// 	关联编号: '',
+// });
+// //技术附件弹窗取消
+// const initJsfjformdata = () => {
+//   jsfjformdata.value = {
+// 	sys_id: _username.value,
+// 	附件备注: '',
+// 	附件内容: '',
+// 	附件类型: '',
+// 	关联编号: '',
+//   }
+// }
+// //技术附件弹窗取消
+// const jsfjcloseDialog = () => {
+//   jsfjdialogFormVisible.value = false
+// }
+// const uploadExcel = (event) =>{
+// 	const files = event.target.files;
+// 	let suffixArr = name.split("."), suffix = suffixArr[suffixArr.length-1];
+// 	// if(suffix!="xlsx"){
+// 	// 	alert("Currently  only supports the import of xlsx files");
+// 	// 	return;
+// 	// }
+// 	jsfjformdata.value.附件内容 = files[0]
+// 	jsfjformdata.value.附件类型 = 'XLSX'
+// }
+// //技术附件预览
+// const yulan = (event) =>{
+// 	if(!jsfjformdata.value.附件内容) return
+// 	$.getScript('/luckysheet/plugins/js/plugin.js', () => {
+// 			$script('/luckysheet/luckysheet.umd.js', () => {
+// 			luckyexcelVisible.value = true
+// 			LuckyExcel.transformExcelToLucky(jsfjformdata.value.附件内容, function(exportJson, luckysheetfile){
+// 				if(exportJson.sheets==null || exportJson.sheets.length==0){
+// 					alert("Failed to read the content of the excel file, currently does not support xls files!");
+// 					return;
+// 				}
+// 				if(luckyExcel) luckyExcel.destroy();
+// 				luckysheet.create({
+// 					container: 'luckyexcel', //容器的ID
+// 					data: exportJson.sheets,
+// 					title: exportJson.info.name, // 工作簿名称
+// 					lang: "zh", // 设定表格语言 国际化设置，允许设置表格的语言，支持中文("zh")和英文("en")
+// 					showtoolbar: false, // 是否显示工具栏
+// 					showinfobar: false, // 是否显示顶部信息栏
+// 					allowEdit: false, // 是否允许前台编辑
+// 					enableAddRow: false, // 允许增加行
+// 					enableAddCol: false, // 允许增加列
+// 					userInfo: false, // 右上角的用户信息展示样式
+// 					showRowBar: false, // 是否显示行号区域
+// 					showColumnBar: false, // 是否显示列号区域
+// 					sheetFormulaBar: false, // 是否显示公式栏
+// 					enableAddBackTop: false,//返回头部按钮
+// 				});
+// 				luckyExcel = luckysheet;
+// 			})
+// 		})
+// 		})
+// 		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/css/pluginsCss.css'));
+// 		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/plugins.css'));
+// 		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/css/luckysheet.css'));
+// 		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/assets/iconfont/iconfont.css'));
+
+// }
+// const jsfj_del = (row) =>{
+// 	ElMessageBox.confirm('确定要删除吗?', '提示', {
+// 	    confirmButtonText: '确定',
+// 	    cancelButtonText: '取消',
+// 	    type: 'warning'
+// 	}).then(() => {
+// 		gdAnnexDel({'UniqId':row.UniqId,'gdbh':_Gd_gdbh.value}).then(response => {
+// 			 if(response.code==0){
+// 				 ElMessage({
+// 				   type: 'success',
+// 				   message: '删除成功',
+// 				 })
+
+// 				 let row = {
+// 					 '工单编号':_Gd_gdbh.value,
+// 					 '产品代号':_Gd_cpdh.value,
+// 					 '产品名称':_Gd_cpmc.value,
+// 				 }
+// 				 tableRowClick (row)
+// 			  }
+// 		   })
+// 	})
+
+// }
+
+// //技术附件弹窗确定
+// const jsfjenterDialog = () => {
+// 	if(jsfjformdata.value.附件备注==''){
+// 		ElMessage({
+// 			type: 'error',
+// 			message: '请填写附件备注'
+// 		});
+// 		return;
+// 	}
+// 	if(jsfjformdata.value.附件内容==''){
+// 		ElMessage({
+// 			type: 'error',
+// 			message: '请上传文件'
+// 		});
+// 		return;
+// 	}
+// 	if(jsfjformdata.value.关联编号==''){
+// 		ElMessage({
+// 			type: 'error',
+// 			message: '请填写关联编号'
+// 		});
+// 		return;
+// 	}
+
+// 	let fr = new FileReader();
+// 	fr.readAsDataURL(jsfjformdata.value.附件内容);
+// 	fr.onload = function () {
+// 	  const restoredData = new FormData();
+// 	  restoredData.append('sys_id', jsfjformdata.value.sys_id);
+// 	  restoredData.append('附件备注', jsfjformdata.value.附件备注);
+// 	  restoredData.append('附件内容', fr.result);
+// 	  restoredData.append('附件类型', jsfjformdata.value.附件类型);
+// 	  restoredData.append('关联编号', jsfjformdata.value.关联编号);
+
+// 	   gdAnnexAdd(restoredData).then(response => {
+// 		 if(response.code==0){
+// 			 ElMessage({
+// 			   type: 'success',
+// 			   message: '新增成功',
+// 			 })
+// 			 jsfjdialogFormVisible.value = false
+// 			 let row = {
+// 				 '工单编号':_Gd_gdbh.value,
+// 				 '产品代号':_Gd_cpdh.value,
+// 				 '产品名称':_Gd_cpmc.value,
+// 			 }
+// 			 tableRowClick (row)
+// 		 }
+// 	   })
+// 	}
+// }
+
+// //技术资料excel展示
+// const ExcelShow = (row) =>{
+// 	console.log("技术资料excel展示")
+// 	console.log(row)
+// 	if(!row.附件内容) return
+// 	$.getScript('/luckysheet/plugins/js/plugin.js', () => {
+// 		$script('/luckysheet/luckysheet.umd.js', () => {
+// 					function dataURLtoBlob(dataUrl) {
+// 					    const byteString = atob(dataUrl.split(',')[1]);
+// 					    const ab = new ArrayBuffer(byteString.length);
+// 					    const ia = new Uint8Array(ab);
+
+// 					    for (let i = 0; i < byteString.length; i++) {
+// 					        ia[i] = byteString.charCodeAt(i);
+// 					    }
+
+// 					    return new Blob([ab], { type: 'application/octet-stream' });
+// 					}
+
+// 					const blob = dataURLtoBlob(row.附件内容);
+// 					luckyexcelVisible.value = true
+// 					LuckyExcel.transformExcelToLucky(blob, function(exportJson, luckysheetfile){
+// 						if(exportJson.sheets==null || exportJson.sheets.length==0){
+// 							alert("Failed to read the content of the excel file, currently does not support xls files!");
+// 							return;
+// 						}
+// 						if(luckyExcel) luckyExcel.destroy();
+// 						luckysheet.create({
+// 							container: 'luckyexcel', //容器的ID
+// 							data: exportJson.sheets,
+// 							title: exportJson.info.name, // 工作簿名称
+// 							lang: "zh", // 设定表格语言 国际化设置，允许设置表格的语言，支持中文("zh")和英文("en")
+// 							showtoolbar: false, // 是否显示工具栏
+// 							showinfobar: false, // 是否显示顶部信息栏
+// 							allowEdit: false, // 是否允许前台编辑
+// 							enableAddRow: false, // 允许增加行
+// 							enableAddCol: false, // 允许增加列
+// 							userInfo: false, // 右上角的用户信息展示样式
+// 							showRowBar: false, // 是否显示行号区域
+// 							showColumnBar: false, // 是否显示列号区域
+// 							sheetFormulaBar: false, // 是否显示公式栏
+// 							enableAddBackTop: false,//返回头部按钮
+// 						});
+// 						luckyExcel = luckysheet;
+// 					})
+// 		})
+// 	})
+// 	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/css/pluginsCss.css'));
+// 	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/plugins.css'));
+// 	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/css/luckysheet.css'));
+// 	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/assets/iconfont/iconfont.css'));
+
+// }
 
 let luckyExcel = null