| | |
| | | |
| | | <div class="orgTreeBox" id="org-tree-container"> |
| | | <vue3-tree-org |
| | | :data="deptList" |
| | | :data="deptTree" |
| | | :horizontal="false" |
| | | :props="treeProps" |
| | | :toolBar="tools" |
| | |
| | | <el-form-item label="文件状态:" prop="fileStatus"> |
| | | <el-input v-model.trim="dialogForm.fileStatus" placeholder="文件状态"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="发布号:" prop="grantNum"> |
| | | <el-input v-model.trim="dialogForm.grantNum" placeholder="发布号"></el-input> |
| | | <el-form-item label="发放号:" prop="grantNum"> |
| | | <el-input v-model.trim="dialogForm.grantNum" placeholder="发放号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="编制:" prop="fictionName"> |
| | | <el-select clearable v-model="dialogForm.fictionName" filterable placeholder="编制" style="width: 100%"> |
| | |
| | | children: [] |
| | | }, |
| | | treeProps: { |
| | | label: 'deptName' |
| | | label: 'label' |
| | | }, |
| | | tools: { |
| | | scale: false, restore: false, expand: false, zoom: false, fullscreen: false |
| | |
| | | executionDate: '' |
| | | }, |
| | | formRules: {}, |
| | | userList: [] |
| | | userList: [], |
| | | deptTree: { |
| | | id: 0, |
| | | label: "", |
| | | children: [] |
| | | } |
| | | }); |
| | | |
| | | const { |
| | |
| | | dialogVisible, |
| | | dialogForm, |
| | | formRules, |
| | | userList |
| | | userList, |
| | | deptTree |
| | | } = toRefs(data); |
| | | const userInfo = ref() |
| | | const formRef = ref() |
| | |
| | | if (res.code == 200) { |
| | | data.originDeptList = JSON.parse(JSON.stringify(res.data)) |
| | | data.deptList.deptName = val.companyName |
| | | data.deptTree.label = val.companyName |
| | | data.deptList.children = proxy.handleTree(res.data, "deptId") |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | |
| | | loading.value = false |
| | | return Promise.reject(new Error('该企业暂无质量数据')) |
| | | } |
| | | data.deptTree.children = res.data.treeSelects || [] |
| | | data.companyInfo.summaries = res.data.companySummaries ? res.data.companySummaries[0]?.companySummary : [] |
| | | data.companyInfo.policies = res.data.companyQualityPolicies ? res.data.companyQualityPolicies[0]?.policy : [] |
| | | const duties = transToTableData(res.data.sysFunctionalDistributions, data.originDeptList) |
| | |
| | | </script> |
| | | <style lang="scss"> |
| | | .orgTreeBox { |
| | | width: 700px; |
| | | height: 700px; |
| | | width: 1200px; |
| | | height: 1200px; |
| | | position: absolute; /* 或 fixed */ |
| | | left: -9999px; /* 移出可视区域 */ |
| | | pointer-events: none; /* 禁止交互 */ |