From 2d5106b4076664d4464eed46525d9802ca38ee58 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期一, 07 七月 2025 13:57:15 +0800
Subject: [PATCH] 修改
---
src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue | 43 +++++++++++++++++++++++++++----------------
1 files changed, 27 insertions(+), 16 deletions(-)
diff --git a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue
index 8e3c3c3..39e50d1 100644
--- a/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue
+++ b/src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue
@@ -42,7 +42,8 @@
</template>
</el-table-column>
</el-table>
-
+<!-- <org-tree :data="companyInfo.deptList" />-->
+ <button @click="exportOrgChart">导出组织架构图</button>
<pagination
v-show="total > 0"
:total="total"
@@ -50,8 +51,6 @@
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
-
- <edit-dialog ref="dialogRef" @getList=getList></edit-dialog>
</div>
</template>
@@ -59,17 +58,10 @@
import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
import {ElMessage, ElMessageBox} from "element-plus";
import {delCompany, getCompany} from "@/api/onlineEducation/company";
-import {delUser, getUser} from "@/api/onlineEducation/user";
-import Cookies from "js-cookie";
-import editDialog from './components/editDialog.vue'
import {generateWordDocument} from './components/exportDoc.js'
-
-
-import {
- addIndustryTemp,
- delIndustryTemp,
- getIndustryTemp,
-} from "@/api/staffManage/staff";
+// import OrgTree from 'vue-org-tree'
+import html2canvas from 'html2canvas'
+import { saveAs } from 'file-saver'
import useUserStore from "@/store/modules/user";
import {
addStandardQuality,
@@ -77,8 +69,6 @@
getStandardDetail,
getStandardQuality
} from "@/api/standardSys/standardSys";
-import {getBasic} from "@/api/companyInfo/basicInfo";
-import {getCom} from "@/api/companyInfo/overview";
const userStore = useUserStore()
const { proxy } = getCurrentInstance();
@@ -126,7 +116,7 @@
]
});
-const { queryParams, total, dataList,companyList, isAdmin } = toRefs(data);
+const { queryParams, total, dataList,companyList, isAdmin, companyInfo } = toRefs(data);
const userInfo = ref()
onMounted(async ()=>{
if(userStore.roles.includes('admin')){
@@ -143,6 +133,27 @@
})
+const exportOrgChart=()=> {
+ const element = document.querySelector('.org-tree'); // 获取组织架构图的容器元素
+ html2canvas(element).then(canvas => {
+ // 创建一个图片元素
+ let img = new Image();
+ img.src = canvas.toDataURL('image/png');
+
+ // 创建并触发下载
+ img.onload = () => {
+ let w = img.width;
+ let h = img.height;
+ let canvas2 = document.createElement('canvas');
+ let ctx = canvas2.getContext('2d');
+ canvas2.width = w;
+ canvas2.height = h;
+ ctx.drawImage(img, 0, 0, w, h);
+ saveAs(canvas2.toDataURL('image/png'), '组织架构图.png');
+ };
+ });
+}
+
const getList = async () => {
loading.value = true
const res = await getStandardQuality(data.queryParams)
--
Gitblit v1.9.2