Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template master
commit 7165950ba2f23af6b3bb86ae7f85b25893673f38 2 parents 241445c + 9b87a08 12112 authored on 30 Mar 2022

Showing 31 changed files

• .env.development
• build/bin/oper.sh
• build/copyBaseAssets.js
• build/webpack.base.conf.js
• build/webpack.get-list.js
• build/webpack.get-module.js
• build/webpack.prod.conf.js
• doc/服务器操作.txt
• package.json
• project/hivuiBirt/App.vue
• project/hivuiBirt/components/vue-m-message/message.css
• project/hivuiBirt/components/vue-m-message/message.less
• project/hivuiBirt/funclib/AxiosUtil.js
• project/hivuiBirt/index.js
• project/hivuiBirt/lang/en.js
• project/hivuiBirt/lang/es.js
• project/hivuiBirt/lang/index.js
• project/hivuiBirt/lang/zh.js
• project/hivuiBirt/mixins/permission_assign.js
• project/hivuiBirt/mixins/permission_check.js
• project/hivuiBirt/mixins/permission_modify.js
• project/hivuiBirt/styles/index.css
• project/hivuiBirt/templates/compose/org-tree-edit.jsx
• project/hivuiBirt/templates/compose/tree-edit-filter.jsx
• project/hivuiBirt/templates/lookup/TreeSingleSelect.js
• project/hivuiBirt/templates/pages/TabTableDetail.js
• project/hivuiBirt/templates/pages/TabTableSave.js
• project/hivuiMain/store/modules/app.js
• project/hivuiMain/views/layout/components/Header.vue
• project/hivuiMain/views/layout/components/Main.vue
• project/hivuiMain/views/layout/components/Sidebar.vue

Ignore Space Show notes View .env.development

#193的用 192.168.4.106:7777 VITE_APP_BASE_API=http://e5.hieap.cn VITE_APP_SERVER='/e5' # 项目名/工号 VITE_APP_PN = mflm/0000221 VITE_APP_QUERYDATA = '/amrept-web/server/WebServiceWadl/[projectName]/cxfService/queryForm' VITE_APP_SAVEDATA = '/amrept-web/server/WebServiceWadl/[projectName]/cxfService/saveForm' VITE_APP_USERPATH = '' #193的用 192.168.4.106:7777 VITE_APP_BASE_API=http://e5.hieap.cn/ VITE_APP_SERVER='e5' # 项目名/工号 VITE_APP_PN = mflm/0000221 VITE_APP_QUERYDATA = '/amrept-web/server/WebServiceWadl/[projectName]/cxfService/queryForm' VITE_APP_SAVEDATA = '/amrept-web/server/WebServiceWadl/[projectName]/cxfService/saveForm' VITE_APP_USERPATH = ''

Ignore Space Show notes View build/bin/oper.sh

#!/bin/bash ## 权限问题，用 chmod u+x *.sh ## eg: oper.sh # 用户名 # 项目名 # 操作 (create , restart , start , kill , stop , del , build , sync) # 部署路径 (upload) # 同步内容 (node_modules , build , cli) cmdDir=$( cd $(dirname "$0") pwd ) username=$1 # 用户名 projectName=$2 # 项目名 cmd=$3 # 命令 port=$4 # 端口 domain_name=$5 # 域名 # *.pre2.hieap.cn==>http://192.168.4.192:8001 # *.pre.hieap.cn==>http://192.168.10.242:31167 # ip=`ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk '{print $2}'|tr -d "addr:"​` # tagIp193="192.168.4.193" # if [[ $ip == *$tagIp193* ]]; then # DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 # elif [[]];then # # 原192.168.4.192 内网 ,现在是 192.168.4.110 , docker 内ip 172.20.0.3 # DEV_BASE_API='http://e52.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 # else # # pass 环境 对外 # DEV_BASE_API='http://e5.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 # fi domain_193='192.168.4.106' domain_open2='open2.hieap.cn' domain_open='open.hieap.cn' if [[ $domain_name == *$domain_193* ]];then DEV_BASE_API='http://192.168.4.106:7777' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi if [[ $domain_name == *$domain_open2* ]];then # 原192.168.4.192 内网 ,现在是 192.168.4.110 , docker 内ip 172.20.0.3 DEV_BASE_API='http://e52.hieap.cn' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi if [[ $domain_name == *$domain_open* ]];then # pass 环境 对外 DEV_BASE_API='http://e5.hieap.cn' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi # tagIp192="192.168.4.192" nginxStr='' function getNginx(){ nginxStr='' # if [[ $ip == *$tagIp193* ]]; then # nginxStr='' # elif [[ $ip == *$tagIp192* ]]; then # # *.pre2.hieap.cn==>http://192.168.4.192:8001 # # 宿主机 4.110 ，docker 内ip 172.20.0.3 # # 内网用户ng 配置 # nginxStr='"'${projectName}'.'${username}'.pre2.hieap.cn" "'${1}'";' # else # # *.pre.hieap.cn==>http://192.168.10.242:32467 # # pass 下的 外网用户 ng 配置 # nginxStr='"'${projectName}'.'${username}'.pre.hieap.cn" "'${1}'";' # fi if [[ $domain_name == *$domain_193* ]];then nginxStr='' fi if [[ $domain_name == *$domain_open2* ]];then # *.pre2.hieap.cn==>http://192.168.4.192:8001 # 宿主机 4.110 ，docker 内ip 172.20.0.3 # 内网用户ng 配置 nginxStr='"'${projectName}'.'${username}'.pre2.hieap.cn" "'${1}'";' fi if [[ $domain_name == *$domain_open* ]];then # *.pre.hieap.cn==>http://192.168.10.242:32467 # pass 下的 外网用户 ng 配置 nginxStr='"'${projectName}'.'${username}'.pre.hieap.cn" "'${1}'";' fi } #BASH_SOURCE[0]用户所在的目录到脚本的路径 ## 获取eap5.0 路径 # eap5Dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )" eap5Dir="${cmdDir%/hiruntime*}" projectPath=${eap5Dir}/desktop/preview tmpPath=${eap5Dir}/hiruntime/project/desktop/project-template source='' source=$source'\t<% if(htmlWebpackPlugin.vite){%>\n\t<!--预览时 公共库-->' source=$source'\n\t<script src="\/'${projectName}'\/setting\/desktop\/development.js" type="text\/javascript"><\/script>' source=$source'\n\t<%}%>' source=$source'\n\t<% if(!htmlWebpackPlugin.vite){%>\n\t<!--发布时 公共库-->' source=$source'\n\t<script src="${serverPath}\/render\/'${username}'\/'${projectName}'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>' source=$source'\n\t<%}%>\n' viteStr='' viteStr=$viteStr'let socketHost = `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`;' viteStr=$viteStr'let socketHostSplit = socketHost.split(".");' viteStr=$viteStr'let reg=/^[0-9]*$/gi;' viteStr=$viteStr'if(reg.test(socketHostSplit[0])==false){socketHost = socketHost.substring(0,socketHost.indexOf(":"));}' case $cmd in "create") #创建 nrm del zhc nrm add zhc http://npm.hieap.cn/ nrm use zhc echo '正在创建桌面端应用...'$(date +%F%n%T) #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "创建项目命令参数不对：$*" echo "创建项目命令正确参数：用户名 项目名 create 桌面预览端口" exit 1 fi # source ${cmdDir}/var_env.sh # echo ${DEV_BASE_API} echo eap5Dir: ${eap5Dir} echo projectPath: ${projectPath} if [ ! -d "${projectPath}/${username}" ];then mkdir "${projectPath}/${username}" #创用户工作空间 fi if [ -d "${projectPath}/${username}/${projectName}" ];then echo "项目名已经存在！" exit 1 fi echo "<1>git正在拉取web端项目基础文件" git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${projectPath}/${username}/${projectName}/deploy" echo "<2>初始化node环境..." # rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ # cp这个命令在复制零碎文件的时候是很慢的 rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ cd ${projectPath}/${username}/${projectName}/deploy/ rm -rf ./build/bin rm -rf ./doc echo "<3>初始化相关配置..." ## 修改模板，重命项目名 mv project ${projectName} sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'/e5/render/${username}'#g' .env.production sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'${projectName}/${username}'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'${DEV_BASE_API}'#g' .env.development ## 替换 package.json 的 name 值 author值 ，打包时候输出静态地址是这个 sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).*#\1'"${username}"'",#g' package.json ## 替换 processes.json 的 args 值 sed -i '4s#\("name": \?"\).*#\1'"vite-${username}-${projectName}"'",#g' processes.json sed -i '7s#\("args": \?"\).*#\1'"--host --port ${port}"'",#g' processes.json cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/setting/desktop/appsetting/js/1.0.0 sed -i 's#\(projectName \?= \?\).*#\1"'"${projectName}"'";#g' appsetting.js echo "<4>配置Nginx环境" # /usr/local/nginx/conf/nginx.conf cd /usr/local/nginx/conf getNginx $port sed -i "/${projectName}.${username}.pre/d" nginx.conf sed -i "/map \$host \$proxy_port{/a ${nginxStr}" nginx.conf cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "<5>配置node_modules/vite环境" # node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client sed -i "s#const.*socketHost.*=.*#${viteStr}#g" client.js sed -i "s#case 'update':.*#case 'update':return;#g" client.js sed -i "s#case.*'full-reload':.*#case 'full-reload':return;#g" client.js echo "<6>正在启动服务..." cd ${projectPath}/${username}/${projectName}/deploy/ npm run pm2:start pm2 save echo "桌面端创建完毕！"$(date +%F%n%T) exit ;; "delete") #删除 #参数个数判断，至少3个 if [ $# -lt 3 ];then echo "删除项目命令参数不对：$*" echo "删除项目命令正确参数：用户名 项目名 delete" exit 1 fi if [ $username = "admin" -a $projectName = "systpl" ] ; then echo "系统模板，不可删除！" exit 1 fi curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi # 删除配nginx cd /usr/local/nginx/conf #删除 sed -i "/${projectName}.${username}.pre/d" nginx.conf # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload ### 删除用户项目 rm -rf ${projectPath}/${username}/${projectName} echo "用户：${username} 项目：${projectName} 删除成功！" pm2 save exit ;; "restart") #重启 echo "》》》正在重启服务..." curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi cd ${projectPath}/${username}/${projectName}/deploy/ npm run rm:vite npm run pm2:start pm2 save echo "已经重启服务！！" exit ;; "build") #编译 uploadPath=$4 modules=$5 #参数个数判断，至少3个 # if [ $# -lt 4 ];then # echo "编译项目命令参数不对：$*" # echo "编译项目命令正确参数：用户名 项目名 build 上传服务器路径 [指定编译模块]" # exit 1 # fi # 1)使用编译方案，判断 modules 是否为.json文件 # 2)读取文件 参数 $5 的json文件路径，并转对应变量 # data=$(cat /eap5.0/desktop/preview/0000206/jwjx/deploy/jwjx/deploy/desktop/JieWeiJiaXing/dpdst/1.0.0/deploy/JieWeiJiaXing.json | sed -r 's/",/"/' | egrep -v '^[{}]' | sed 's/"//g' | sed 's/:/=/1') # 3)#声明变量 将json文件中的key value 转为 变量 # declare $data # 4)使用变量 # echo $dtvs $appSetting $server # 模块 # modules=$dtvs ### 设置环境变量 # cd ${projectPath}/${username}/${projectName}/deploy/ # sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"${server}/render/${username}"'#g' .env.production # appsetting配置文件 # cd ${projectPath}/${username}/${projectName}/deploy/ # rm -rf "./dist/setting/desktop/appsetting.js" # rsync -auz "${appSetting}" "./dist/${username}/${projectName}/setting/desktop/" # $server 一般值是 /e5 ，然后用这个去替appsetting.js 文件里 "/e5 的字符 # var server = "/e5"; # var oauth = "/e5"; # var deployRoot="/e5/render" # cd "./dist/setting/desktop" # sed -i 's#\(server \?= \?\).*#\1'"\"${server}\""'#g' appsetting.js # sed -i 's#\(oauth \?= \?\).*#\1'"\"${server}\""'#g' appsetting.js # sed -i 's#\(deployRoot \?= \?\).*#\1'"\"${server}/render\""'#g' appsetting.js ### 用pm2管理，用pm2 重启指定的 rm -rf "${projectPath}/${username}/${projectName}/deploy/dist" cd "${projectPath}/${username}/${projectName}/deploy" #shell判断文件夹是否存在 #如果文件夹不存在，创建文件夹 if [ ! -d "${projectPath}/${username}/${projectName}/deploy/${projectName}" ]; then echo '当前用户'${username}'不存在项目'${projectName}'无法编译！' exit 1; fi buildFlag="building.txt" # touch filename if [ ! -f "$buildFlag" ];then touch "$buildFlag" else echo "已经处于编译状态，请等待..." exit 1; fi echo "【正在执行编译】..."$(date +%F%n%T) if [ ! $modules ]; then npm run build ### 编译所有的时候要考相关配置 cd "${projectPath}/${username}/${projectName}/deploy/" if [[ ! -d "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}/funclib/desklib" ]]; then mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}/funclib/desklib" fi rsync -auz "${projectPath}/${username}/${projectName}/deploy/${projectName}/funclib/desklib" "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}/funclib/" else npm run build:modules $modules fi rm -rf "$buildFlag" ## 删除之前打包文件 rm -rf "${username}_${projectName}.zip" mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${username}/${projectName}" rsync -auz "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" "${projectPath}/${username}/${projectName}/deploy/dist/${username}/" rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" cd "${projectPath}/${username}/${projectName}/deploy/dist" zip -q -r "${username}_${projectName}.zip" ./* rsync -auz "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}.zip" "${projectPath}/${username}/${projectName}/deploy/" rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}.zip" cd ${projectPath}/${username}/${projectName}/deploy/ if [ -z "$uploadPath" ]; then echo '未传服务器路径，请自行拷贝！' exit 1; fi if [[ ! -d "$uploadPath" ]]; then echo "编译命令： 上传文件夹不存在, 正在帮您创建目录..." mkdir -p "${uploadPath}" fi echo "正在拷到服务器目录：${uploadPath}" cp -fv "${username}_${projectName}.zip" "${uploadPath}" echo "******************************************************" echo "(‐^▽^‐) 编译打包成功！"$(date +%F%n%T) echo "******************************************************" ;; "sync") #同步环境 #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "同步项目命令参数不对：$*" echo "同步项目命令正确参数：用户名 项目名 sync 同步方式" exit 1 fi way=$4 if [ $way = 'sysfunc' ];then #同步系统功能 cd "${projectPath}/${username}/${projectName}/deploy" sysfuncFlagPath="zhcBirtPlatf_updating.txt" if [ ! -f "$sysfuncFlagPath" ];then touch "$sysfuncFlagPath" else echo "已经相关人员同步中，请稍候..." exit 1; fi echo "》》》同步系统功能..."$(date +%F%n%T) rm -rf ${projectPath}/${username}/${projectName}/__zhc-birt-platf git clone http://192.168.4.105:8080/gitbucket/git/js-team2/zhc-birt-platf.git ${projectPath}/${username}/${projectName}/__zhc-birt-platf/ rsync -auz ${projectPath}/${username}/${projectName}/__zhc-birt-platf/project/* ${eap5Dir}/hiruntime/workspace/${username}/${projectName}/ rm -rf ${projectPath}/${username}/${projectName}/__zhc-birt-platf echo "》》》系统功能已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf $sysfuncFlagPath exit fi if [ $way = 'nginx' ];then #nginx环境 #获取processes.json 的端口 portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json | sed 's/,/\n/g' | grep "args" | sed 's/:/\n/g' | sed '1d' | sed 's/"//g') portNum=`echo $portStr | tr -cd "[0-9]"` # echo $portNum if [ $portNum = '' ];then echo '取不到端口信息！' exit 1; fi cd /usr/local/nginx/conf #设置相关配置 返回到nginxStr getNginx $portNum #删除 sed -i "/${nginxStr}/d" nginx.conf echo '删除nginx相关配置！' #添加 sed -i "/map \$host \$proxy_port{/a ${nginxStr}" nginx.conf echo ${nginxStr} echo '添加nginx相关配置！' cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "》》》nginx环境已同步！" exit fi nrm del zhc nrm add zhc http://npm.hieap.cn/ nrm use zhc # 以下注释不能用，多人点击同步文件会缺失 # rm -rf ${eap5Dir}/hiruntime/project/desktop/project-template # rsync -auz ${eap5Dir}/hiruntime/project/desktop/__gittmp ${eap5Dir}/hiruntime/project/desktop/project-template # rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp case $way in "build") #同步打包环境 echo "》》》正在同步打包环境..."$(date +%F%n%T) rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ echo "》》》打包环境已同步！"$(date +%F%n%T) exit ;; "hiui") #同步hiui资源库 echo "》》》正在同步hi-ui库..."$(date +%F%n%T) cd "${tmpPath}/" hiuiFlagPath="${projectPath}/${username}/${projectName}/hi-ui-更新中" if [[ ! -d "${hiuiFlagPath}" ]]; then mkdir -p "${hiuiFlagPath}" else echo "已经相关人员同步中，请稍候..."; exit 1; fi npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-ui版本 并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "hiui已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf "${hiuiFlagPath}" ;; "taskcenter") #同步环境 echo "》》》正在同步任务中心..."$(date +%F%n%T) cd "${tmpPath}/" taskcenterFlagPath="${projectPath}/${username}/${projectName}/hi-taskcenter-更新中" if [[ ! -d "${taskcenterFlagPath}" ]]; then mkdir -p "${taskcenterFlagPath}" else echo "已经相关人员同步中，请稍候..."; exit 1; fi npm i zhc-flowchart -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/zhc-flowchart rsync -auz ${tmpPath}/node_modules/zhc-flowchart ${projectPath}/${username}/${projectName}/deploy/node_modules/ npm i hi-taskcenter -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-taskcenter版本 并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "任务中心已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf "${taskcenterFlagPath}" ;; "cli") #程序环境 echo "开始同步..."$(date +%F%n%T) if [[ ! -d "${eap5Dir}/hiruntime/project/desktop/__gittmp" ]]; then #可以更新 git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git ${eap5Dir}/hiruntime/project/desktop/__gittmp rsync -auz ${eap5Dir}/hiruntime/project/desktop/__gittmp/ ${tmpPath} else echo "已经相关人员同步中，请稍候..."; exit 1; fi rsync -auz ${tmpPath}/assets_platform ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/index.html ${projectPath}/${username}/${projectName}/deploy rsync -auz ${tmpPath}/template.html ${projectPath}/${username}/${projectName}/deploy/ echo "》》》静态共用库已同步！" rsync -auz ${tmpPath}/project/hivuiLogin ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html echo "》》》登录模板已同步！" rsync -auz ${tmpPath}/project/hivuiMain ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html echo "》》》主页模板已同步！" rsync -auz ${tmpPath}/project/hivuiBirt ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html echo "》》》报表模板同步！" cd "${tmpPath}/" npm i # npm rebuild rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ echo "》》》node环境已同步！" cd "${tmpPath}/" npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ echo "》》》hi-ui库已同步！" rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.env.development ${projectPath}/${username}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${projectPath}/${username}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${projectPath}/${username}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${projectPath}/${username}/${projectName}/deploy/vite.config.js echo "》》》已同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)..." # source ${cmdDir}/var_env.sh ### 设置环境变量 cd ${projectPath}/${username}/${projectName}/deploy/ sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'/e5/render/${username}'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'${DEV_BASE_API}'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'${projectName}/${username}'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'${projectName}/${username}'#g' ${projectPath}/${username}/${projectName}/deploy/.env.staging ### node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client # sed 's/要替换的内容/新的内容/' # 将所有的数字替换成内容 # sed 's/[0-9]/好的/g' testFile2.txt sed -i "s#const.*socketHost.*=.*#${viteStr}#g" client.js sed -i "s#case 'update':.*#case 'update':return;#g" client.js sed -i "s#case.*'full-reload':.*#case 'full-reload':return;#g" client.js echo "》》》程序环境已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp ;; esac rsync -auz ${tmpPath}/package.json ${projectPath}/${username}/${projectName}/deploy/package.json cd ${projectPath}/${username}/${projectName}/deploy/ ## 替换 package.json 的 name 值 sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).*#\1'"${username}"'",#g' package.json #获取processes.json 的端口 portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json | sed 's/,/\n/g' | grep "args" | sed 's/:/\n/g' | sed '1d' | sed 's/"//g') portNum=`echo $portStr | tr -cd "[0-9]"` # echo $portNum sed -i 's#\("dev": \?"\).*#\1'"vite --host --port ${portNum}"'",#g' package.json echo "》》》正在重启服务..."$(date +%F%n%T) pm2 stop "vite-${username}-${projectName}" pm2 delete "vite-${username}-${projectName}" npm run rm:vite npm run pm2:start pm2 save echo "》》》已经重启服务！！"$(date +%F%n%T) ;; esac #!/bin/bash ## 权限问题，用 chmod u+x *.sh ## eg: oper.sh # 用户名 # 项目名 # 操作 (create , restart , start , kill , stop , del , build , sync) # 部署路径 (upload) # 同步内容 (node_modules , build , cli) cmdDir=$( cd $(dirname "$0") pwd ) username=$1 # 用户名 projectName=$2 # 项目名 cmd=$3 # 命令 port=$4 # 端口 domain_name=$5 # 域名 # *.pre2.hieap.cn==>http://192.168.4.192:8001 # *.pre.hieap.cn==>http://192.168.10.242:31167 # ip=`ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk '{print $2}'|tr -d "addr:"​` # tagIp193="192.168.4.193" # if [[ $ip == *$tagIp193* ]]; then # DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 # elif [[]];then # # 原192.168.4.192 内网 ,现在是 192.168.4.110 , docker 内ip 172.20.0.3 # DEV_BASE_API='http://e52.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 # else # # pass 环境 对外 # DEV_BASE_API='http://e5.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 # fi domain_193='192.168.4.106' domain_open2='open2.hieap.cn' domain_open='open.hieap.cn' if [[ $domain_name == *$domain_193* ]];then DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi if [[ $domain_name == *$domain_open2* ]];then # 原192.168.4.192 内网 ,现在是 192.168.4.110 , docker 内ip 172.20.0.3 DEV_BASE_API='http://e52.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi if [[ $domain_name == *$domain_open* ]];then # pass 环境 对外 DEV_BASE_API='http://e5.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi # tagIp192="192.168.4.192" nginxStr='' function getNginx(){ nginxStr='' # if [[ $ip == *$tagIp193* ]]; then # nginxStr='' # elif [[ $ip == *$tagIp192* ]]; then # # *.pre2.hieap.cn==>http://192.168.4.192:8001 # # 宿主机 4.110 ，docker 内ip 172.20.0.3 # # 内网用户ng 配置 # nginxStr='"'${projectName}'.'${username}'.pre2.hieap.cn" "'${1}'";' # else # # *.pre.hieap.cn==>http://192.168.10.242:32467 # # pass 下的 外网用户 ng 配置 # nginxStr='"'${projectName}'.'${username}'.pre.hieap.cn" "'${1}'";' # fi if [[ $domain_name == *$domain_193* ]];then nginxStr='' fi if [[ $domain_name == *$domain_open2* ]];then # *.pre2.hieap.cn==>http://192.168.4.192:8001 # 宿主机 4.110 ，docker 内ip 172.20.0.3 # 内网用户ng 配置 nginxStr='"'${projectName}'.'${username}'.pre2.hieap.cn" "'${1}'";' fi if [[ $domain_name == *$domain_open* ]];then # *.pre.hieap.cn==>http://192.168.10.242:32467 # pass 下的 外网用户 ng 配置 nginxStr='"'${projectName}'.'${username}'.pre.hieap.cn" "'${1}'";' fi } #BASH_SOURCE[0]用户所在的目录到脚本的路径 ## 获取eap5.0 路径 # eap5Dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )" eap5Dir="${cmdDir%/hiruntime*}" projectPath=${eap5Dir}/desktop/preview tmpPath=${eap5Dir}/hiruntime/project/desktop/project-template source='' source=$source'\t<% if(htmlWebpackPlugin.vite){%>\n\t<!--预览时 公共库-->' source=$source'\n\t<script src="\/'${projectName}'\/setting\/desktop\/development.js" type="text\/javascript"><\/script>' source=$source'\n\t<%}%>' source=$source'\n\t<% if(!htmlWebpackPlugin.vite){%>\n\t<!--发布时 公共库-->' source=$source'\n\t<script src="${serverPath}\/render\/'${username}'\/'${projectName}'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>' source=$source'\n\t<%}%>\n' viteStr='' viteStr=$viteStr'let socketHost = `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`;' viteStr=$viteStr'let socketHostSplit = socketHost.split(".");' viteStr=$viteStr'let reg=/^[0-9]*$/gi;' viteStr=$viteStr'if(reg.test(socketHostSplit[0])==false){socketHost = socketHost.substring(0,socketHost.indexOf(":"));}' nrm del zhc nrm add zhc http://npm.hieap.cn/ nrm use zhc case $cmd in "create") #创建 echo '正在创建桌面端应用...'$(date +%F%n%T) #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "创建项目命令参数不对：$*" echo "创建项目命令正确参数：用户名 项目名 create 桌面预览端口" exit 1 fi # source ${cmdDir}/var_env.sh # echo ${DEV_BASE_API} echo eap5Dir: ${eap5Dir} echo projectPath: ${projectPath} if [ ! -d "${projectPath}/${username}" ];then mkdir "${projectPath}/${username}" #创用户工作空间 fi if [ -d "${projectPath}/${username}/${projectName}" ];then echo "项目名已经存在！" exit 1 fi echo "<1>git正在拉取web端项目基础文件" git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${projectPath}/${username}/${projectName}/deploy" echo "<2>初始化node环境..." # rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ # cp这个命令在复制零碎文件的时候是很慢的 rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ cd ${projectPath}/${username}/${projectName}/deploy/ rm -rf ./build/bin rm -rf ./doc echo "<3>初始化相关配置..." ## 修改模板，重命项目名 mv project ${projectName} sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"/e5/render/${username}"'#g' .env.production sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'"${DEV_BASE_API}"'#g' .env.development ## 替换 package.json 的 name 值 author值 ，打包时候输出静态地址是这个 sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).*#\1'"${username}"'",#g' package.json ## 替换 processes.json 的 args 值 sed -i '4s#\("name": \?"\).*#\1'"vite-${username}-${projectName}"'",#g' processes.json sed -i '7s#\("args": \?"\).*#\1'"--host --port ${port}"'",#g' processes.json cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/setting/desktop/appsetting/js/1.0.0 sed -i 's#\(projectName \?= \?\).*#\1"'"${projectName}"'";#g' appsetting.js echo "<4>配置Nginx环境" # /usr/local/nginx/conf/nginx.conf cd /usr/local/nginx/conf getNginx $port sed -i "/${projectName}.${username}.pre/d" nginx.conf sed -i "/map \$host \$proxy_port{/a ${nginxStr}" nginx.conf cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "<5>配置node_modules/vite环境" # node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client sed -i "s#const.*socketHost.*=.*#${viteStr}#g" client.js sed -i "s#case 'update':.*#case 'update':return;#g" client.js sed -i "s#case.*'full-reload':.*#case 'full-reload':return;#g" client.js echo "<6>正在启动服务..." cd ${projectPath}/${username}/${projectName}/deploy/ npm run pm2:start pm2 save echo "桌面端创建完毕！"$(date +%F%n%T) exit 1 ;; "delete") #删除 #参数个数判断，至少3个 if [ $# -lt 3 ];then echo "删除项目命令参数不对：$*" echo "删除项目命令正确参数：用户名 项目名 delete" exit 1 fi if [ $username = "admin" -a $projectName = "systpl" ] ; then echo "系统模板，不可删除！" exit 1 fi curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi # 删除配nginx cd /usr/local/nginx/conf #删除 sed -i "/${projectName}.${username}.pre/d" nginx.conf # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload ### 删除用户项目 rm -rf ${projectPath}/${username}/${projectName} echo "用户：${username} 项目：${projectName} 删除成功！" pm2 save exit 1 ;; "restart") #重启 echo "》》》正在重启服务..." curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi cd ${projectPath}/${username}/${projectName}/deploy/ npm run rm:vite npm run pm2:start pm2 save echo "已经重启服务！！" exit 1 ;; "build") #编译 uploadPath=$4 modules=$5 #参数个数判断，至少3个 # if [ $# -lt 4 ];then # echo "编译项目命令参数不对：$*" # echo "编译项目命令正确参数：用户名 项目名 build 上传服务器路径 [指定编译模块]" # exit 1 # fi # 1)使用编译方案，判断 modules 是否为.json文件 # 2)读取文件 参数 $5 的json文件路径，并转对应变量 # data=$(cat /eap5.0/desktop/preview/0000206/jwjx/deploy/jwjx/deploy/desktop/JieWeiJiaXing/dpdst/1.0.0/deploy/JieWeiJiaXing.json | sed -r 's/",/"/' | egrep -v '^[{}]' | sed 's/"//g' | sed 's/:/=/1') # 3)#声明变量 将json文件中的key value 转为 变量 # declare $data # 4)使用变量 # echo $dtvs $appSetting $server ### 用pm2管理，用pm2 重启指定的 rm -rf "${projectPath}/${username}/${projectName}/deploy/dist" cd "${projectPath}/${username}/${projectName}/deploy" buildFlag="building.txt" # touch filename if [ ! -f "$buildFlag" ];then touch "$buildFlag" else echo "已经处于编译状态，请等待..." exit 1; fi if [ ! $modules ]; then echo "正在执行编译所有模块..."$(date +%F%n%T) npm run build ### 编译所有的时候要考相关配置 cd "${projectPath}/${username}/${projectName}/deploy/" if [[ ! -d "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}/funclib/desklib" ]]; then mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}/funclib/desklib" fi rsync -auz "${projectPath}/${username}/${projectName}/deploy/${projectName}/funclib/desklib" "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}/funclib/" else echo "正在执行编译【指定模块】..."$(date +%F%n%T) npm run build:modules $modules fi rm -rf "$buildFlag" ## 删除之前打包文件 rm -rf "${username}_${projectName}.zip" cd "${projectPath}/${username}/${projectName}/deploy/dist" mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${username}/${projectName}" rsync -auz "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" "${projectPath}/${username}/${projectName}/deploy/dist/${username}/" rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" zip -q -r "${username}_${projectName}.zip" ./* rsync -auz "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}.zip" "${projectPath}/${username}/${projectName}/deploy/" rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}.zip" cd ${projectPath}/${username}/${projectName}/deploy/ if [ -z "$uploadPath" ]; then echo '未传服务器路径，请自行拷贝！' exit 1; fi if [[ ! -d "$uploadPath" ]]; then echo "编译命令： 上传文件夹不存在, 正在帮您创建目录..." mkdir -p "${uploadPath}" fi echo "正在拷到服务器目录：${uploadPath}" cp -fv "${username}_${projectName}.zip" "${uploadPath}" echo "(‐^▽^‐) 编译打包成功！"$(date +%F%n%T) ;; "sync") #同步环境 #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "同步项目命令参数不对：$*" echo "同步项目命令正确参数：用户名 项目名 sync 同步方式" exit 1 fi way=$4 if [ $way = 'sysfunc' ];then #同步系统功能 sysfuncFlagPath="${projectPath}/${username}/${projectName}/hc-birt-platf-更新中" if [[ ! -d "${sysfuncFlagPath}" ]]; then mkdir -p "${sysfuncFlagPath}" else echo "已经相关人员同步中，请稍候..."; exit 1; fi echo "》》》同步系统功能..."$(date +%F%n%T) git clone http://192.168.4.105:8080/gitbucket/git/js-team2/zhc-birt-platf.git ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf rm -rf ${eap5Dir}/hiruntime/project/desktop/zhc-birt-platf rsync -auz ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf/project/* ${eap5Dir}/hiruntime/workspace/${username}/${projectName}/ rm -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf echo "》》》系统功能已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf "${sysfuncFlagPath}" exit fi if [ $way = 'nginx' ];then #nginx环境 #获取processes.json 的端口 portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json | sed 's/,/\n/g' | grep "args" | sed 's/:/\n/g' | sed '1d' | sed 's/"//g') portNum=`echo $portStr | tr -cd "[0-9]"` # echo $portNum if [ $portNum = '' ];then echo '取不到端口信息！' exit 1; fi cd /usr/local/nginx/conf #设置相关配置 返回到nginxStr getNginx $portNum #删除 sed -i "/${nginxStr}/d" nginx.conf echo '删除nginx相关配置！' #添加 sed -i "/map \$host \$proxy_port{/a ${nginxStr}" nginx.conf echo ${nginxStr} echo '添加nginx相关配置！' cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "》》》nginx环境已同步！" exit 1; fi # 以下注释不能用，多人点击同步文件会缺失 # rm -rf ${eap5Dir}/hiruntime/project/desktop/project-template # rsync -auz ${eap5Dir}/hiruntime/project/desktop/__gittmp ${eap5Dir}/hiruntime/project/desktop/project-template # rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp case $way in "build") #同步打包环境 echo "》》》正在同步打包环境..."$(date +%F%n%T) rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ echo "》》》打包环境已同步！"$(date +%F%n%T) exit 1 ;; "hiui") #同步hiui资源库 echo "》》》正在同步hi-ui库..."$(date +%F%n%T) cd "${tmpPath}/" hiuiFlagPath="${projectPath}/${username}/${projectName}/hi-ui-更新中" if [[ ! -d "${hiuiFlagPath}" ]]; then mkdir -p "${hiuiFlagPath}" else echo "已经相关人员同步中，请稍候..."; exit 1; fi npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-ui版本 并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "hiui已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf "${hiuiFlagPath}" ;; "taskcenter") #同步环境 echo "》》》正在同步任务中心..."$(date +%F%n%T) cd "${tmpPath}/" taskcenterFlagPath="${projectPath}/${username}/${projectName}/hi-taskcenter-更新中" if [[ ! -d "${taskcenterFlagPath}" ]]; then mkdir -p "${taskcenterFlagPath}" else echo "已经相关人员同步中，请稍候..."; exit 1; fi npm i zhc-flowchart -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/zhc-flowchart rsync -auz ${tmpPath}/node_modules/zhc-flowchart ${projectPath}/${username}/${projectName}/deploy/node_modules/ npm i hi-taskcenter -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-taskcenter版本 并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "任务中心已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf "${taskcenterFlagPath}" ;; "cli") #程序环境 echo "开始同步..."$(date +%F%n%T) if [[ ! -d "${eap5Dir}/hiruntime/project/desktop/__gittmp" ]]; then #可以更新 git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git ${eap5Dir}/hiruntime/project/desktop/__gittmp rsync -auz ${eap5Dir}/hiruntime/project/desktop/__gittmp/ ${tmpPath} else echo "已经相关人员同步中，请稍候..."; exit 1; fi rsync -auz ${tmpPath}/assets_platform ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/index.html ${projectPath}/${username}/${projectName}/deploy rsync -auz ${tmpPath}/template.html ${projectPath}/${username}/${projectName}/deploy/ echo "》》》静态共用库已同步！" rsync -auz ${tmpPath}/project/hivuiLogin ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html echo "》》》登录模板已同步！" rsync -auz ${tmpPath}/project/hivuiMain ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html echo "》》》主页模板已同步！" rsync -auz ${tmpPath}/project/hivuiBirt ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt sed -i 's/<\/head>/'"${source}"'<\/head>/g' index.html echo "》》》报表模板同步！" cd "${tmpPath}/" npm i # npm rebuild rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ echo "》》》node环境已同步！" cd "${tmpPath}/" npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ echo "》》》hi-ui库已同步！" rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.env.development ${projectPath}/${username}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${projectPath}/${username}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${projectPath}/${username}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${projectPath}/${username}/${projectName}/deploy/vite.config.js echo "》》》已同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)..." # source ${cmdDir}/var_env.sh ### 设置环境变量 cd ${projectPath}/${username}/${projectName}/deploy/ sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"/e5/render/${username}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'"${DEV_BASE_API}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.staging ### node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client # sed 's/要替换的内容/新的内容/' # 将所有的数字替换成内容 # sed 's/[0-9]/好的/g' testFile2.txt sed -i "s#const.*socketHost.*=.*#${viteStr}#g" client.js sed -i "s#case 'update':.*#case 'update':return;#g" client.js sed -i "s#case.*'full-reload':.*#case 'full-reload':return;#g" client.js echo "》》》程序环境已同步！"$(date +%F%n%T) # 删除临时文件标识，以准备下次更新判断 rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp ;; esac rsync -auz ${tmpPath}/package.json ${projectPath}/${username}/${projectName}/deploy/package.json cd ${projectPath}/${username}/${projectName}/deploy/ ## 替换 package.json 的 name 值 sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).*#\1'"${username}"'",#g' package.json #获取processes.json 的端口 portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json | sed 's/,/\n/g' | grep "args" | sed 's/:/\n/g' | sed '1d' | sed 's/"//g') portNum=`echo $portStr | tr -cd "[0-9]"` # echo $portNum sed -i 's#\("dev": \?"\).*#\1'"vite --host --port ${portNum}"'",#g' package.json echo "》》》正在重启服务..."$(date +%F%n%T) pm2 stop "vite-${username}-${projectName}" pm2 delete "vite-${username}-${projectName}" npm run rm:vite npm run pm2:start pm2 save echo "》》》已经重启服务！！"$(date +%F%n%T) ;; esac

Ignore Space Show notes View build/copyBaseAssets.js

var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } var fileList=[ [resolve(`../assets_platform/eap`),resolve(`../dist/assets_platform/eap`)], [resolve(`../assets_platform/element-ui`),resolve(`../dist/assets_platform/element-ui`)], [resolve(`../assets_platform/vendor_dll`),resolve(`../dist/assets_platform/vendor_dll`)], [resolve(`../assets_platform/vue`),resolve(`../dist/assets_platform/vue`)], [resolve(`../assets_platform/vue-router`),resolve(`../dist/assets_platform/vue-router`)], [resolve(`../assets_platform/vuex`),resolve(`../dist/assets_platform/vuex`)], [resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`)], [resolve(`../${projectName}/funclib`),resolve(`../dist/${projectName}/funclib`)], ] for(var item of fileList){ fsextra.copy(item[0],item[1], function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 } var fsextra = require('fs-extra'); const path = require('path'); const packageConfig = require('../package.json'); const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; function resolve(dir){ return path.resolve(__dirname,dir) } var fileList=[ [resolve(`../assets_platform/element-ui`),resolve(`../dist/assets_platform/element-ui`)], [resolve(`../assets_platform/vue`),resolve(`../dist/assets_platform/vue`)], [resolve(`../assets_platform/vue-router`),resolve(`../dist/assets_platform/vue-router`)], [resolve(`../assets_platform/vuex`),resolve(`../dist/assets_platform/vuex`)], [resolve(`../${projectName}/setting`),resolve(`../dist/${projectName}/setting`)], [resolve(`../assets_platform/vendor_dll`),resolve(`../dist/assets_platform/vendor_dll`)], [resolve(`../assets_platform/eap`),resolve(`../dist/assets_platform/eap`)], [resolve(`../${projectName}/funclib`),resolve(`../dist/${projectName}/funclib`)], // [resolve(`../assets_platform/element-ui2.15.3`),resolve(`../dist/assets_platform/element-ui2.15.3`)], // [resolve(`../assets_platform/vue2.6.14`),resolve(`../dist/assets_platform/vue2.6.14`)], ] for(var item of fileList){ fsextra.copy(item[0],item[1], function (err) { if (err) return console.error(err) // console.error('success! setting') }) //拷贝目录 }

Ignore Space Show notes View build/webpack.base.conf.js

const path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------ const CleanWebpackPlugin = require('clean-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const webpack = require('webpack'); const threadLoader = require('thread-loader'); const packageConfig = require('../package.json'); const utils = require('./utils') const vueLoaderConfig = require('./vue-loader.conf') let evnConfig = require('./getEnvVar') // HappyPack // 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。 // 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。 // 引入 Happpack 可以在 package.json 找到你下载的 const HappyPack = require('happypack'); // 安装 OS 模块 这个主要是拿到当前电脑的CPU核数 const os = require('os'); /* 这个是设置共享线程池中的数量 size 控制设置数量 类型 只能是 整数类型 */ const cpus = os.cpus().length; const happyThreadPool = HappyPack.ThreadPool({ size: cpus>1?cpus-1:1 });// os.cpus().length 不能开最大 // const happyThreadPool = HappyPack.ThreadPool({ size: 1 });//os.cpus().length 不能开最大 let threadCfg = { loader: "thread-loader", // 有同样配置的 loader 会共享一个 worker 池(worker pool) options: { // 产生的 worker 的数量，默认是 cpu 的核心数 // workers: Math.floor(cpus / 2) || 1, // 一个 worker 进程中并行执行工作的数量 // 默认为 20 workerParallelJobs: 50, // 额外的 node.js 参数 // workerNodeArgs: ['--max-old-space-size', '1024'], // 闲置时定时删除 worker 进程 // 默认为 500ms // 可以设置为无穷大， 这样在监视模式(--watch)下可以保持 worker 持续存在 poolTimeout: 2000, // 池(pool)分配给 worker 的工作数量 // 默认为 200 // 降低这个数值会降低总体的效率，但是会提升工作分布更均一 poolParallelJobs: 50, // 池(pool)的名称 // 可以修改名称来创建其余选项都一样的池(pool) // name: "my-pool" } }; let projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; module.exports = { // entry: { // 'login': ['babel-polyfill', './project/hivuiLogin/index.js'], // 'main': ['babel-polyfill','./project/hivuiMain/index.js'] // }, // output: { // filename: '[name].[contenthash].js', // chunkFilename: '[name].[contenthash].js', // path: path.resolve(__dirname, 'dist') // }, resolve: { extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue'], alias: { 'vue$': 'vue/dist/vue.esm.js', 'vuex$': 'vuex/dist/vuex.esm.js', '@': path.resolve(__dirname, `${projectName}`), '@main': path.resolve(__dirname, `../${projectName}/hivuiMain`), // '@': path.resolve(__dirname, 'src'), '@birt':path.resolve(__dirname, `../${projectName}/hivuiBirt`), 'pinyin': 'js-pinyin', } }, externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', "element-ui": "ELEMENT", }, module: { rules: [ ...(utils.styleLoaders({ sourceMap: false, extract: process.env.NODE_ENV === 'production', usePostCSS: true })), { test: /\.(js|jsx|dtvevt?|babel|es6)$/, loader: 'happypack/loader?id=happy_js_jsx', // use:[threadCfg,'babel-loader'] // loader: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是 可选链操作符 }, { test: /\.(vue|dvue)$/, loader: 'vue-loader', // use:[{ // loader: "vue-loader", // options: vueLoaderConfig // }], }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径 可以替换成爱拍云上的路径 outputPath: "static/img/" //生成之后存放的路径 } }, { test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径 可以替换成爱拍云上的路径 outputPath: "static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../fonts/", //替换CSS引用的图片路径 可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 } } ] }, optimization: { minimizer: [ new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: true }), new OptimizeCSSAssetsPlugin({ cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }], }, canPrint: false }) ], runtimeChunk: { "name": "manifest" }, splitChunks: { cacheGroups: { default: false, vendors: false, vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' } } } }, plugins: [ new VueLoaderPlugin(), new HappyPack({ id: 'happy_js_jsx', verbose:false,//不输出日志 verboseWhenProfiling:true,//输出webpack日志 //共享进程池 threadPool: happyThreadPool, loaders: ['babel-loader'] }), new webpack.HashedModuleIdsPlugin(), new ProgressBarPlugin(), // new CleanWebpackPlugin(['dist']), //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new webpack.DllReferencePlugin({ context: path.resolve(__dirname), manifest: require('../assets_platform/vendor_dll/vendor-manifest.json') }), //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理] // new AddAssetHtmlPlugin([{ // filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'), // outputPath: 'js_dll/', // publicPath: 'js_dll/', // includeSourcemap: false, // hash: true, // }]), // new CopyWebpackPlugin([ // { // from: path.resolve(__dirname, 'assets_platform'), // to: path.resolve(__dirname, 'dist/assets_platform') // }, // // { // // from: path.resolve(__dirname, 'js_dll'), // // to: path.resolve(__dirname, 'dist') // // } // ]) ] }; const path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------ const CleanWebpackPlugin = require('clean-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const webpack = require('webpack'); const threadLoader = require('thread-loader'); const packageConfig = require('../package.json'); const utils = require('./utils') const vueLoaderConfig = require('./vue-loader.conf') let evnConfig = require('./getEnvVar') // HappyPack // 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。 // 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。 // 引入 Happpack 可以在 package.json 找到你下载的 const HappyPack = require('happypack'); // 安装 OS 模块 这个主要是拿到当前电脑的CPU核数 const os = require('os'); /* 这个是设置共享线程池中的数量 size 控制设置数量 类型 只能是 整数类型 */ const cpus = os.cpus().length; const happyThreadPool = HappyPack.ThreadPool({ size: cpus>1?cpus-1:1 });// os.cpus().length 不能开最大 // const happyThreadPool = HappyPack.ThreadPool({ size: 1 });//os.cpus().length 不能开最大 let threadCfg = { loader: "thread-loader", // 有同样配置的 loader 会共享一个 worker 池(worker pool) options: { // 产生的 worker 的数量，默认是 cpu 的核心数 // workers: Math.floor(cpus / 2) || 1, // 一个 worker 进程中并行执行工作的数量 // 默认为 20 workerParallelJobs: 50, // 额外的 node.js 参数 // workerNodeArgs: ['--max-old-space-size', '1024'], // 闲置时定时删除 worker 进程 // 默认为 500ms // 可以设置为无穷大， 这样在监视模式(--watch)下可以保持 worker 持续存在 poolTimeout: 2000, // 池(pool)分配给 worker 的工作数量 // 默认为 200 // 降低这个数值会降低总体的效率，但是会提升工作分布更均一 poolParallelJobs: 50, // 池(pool)的名称 // 可以修改名称来创建其余选项都一样的池(pool) // name: "my-pool" } }; let projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; module.exports = { // entry: { // 'login': ['babel-polyfill', './project/hivuiLogin/index.js'], // 'main': ['babel-polyfill','./project/hivuiMain/index.js'] // }, // output: { // filename: '[name].[contenthash].js', // chunkFilename: '[name].[contenthash].js', // path: path.resolve(__dirname, 'dist') // }, resolve: { extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue'], alias: { 'vue$': 'vue/dist/vue.esm.js', 'vuex$': 'vuex/dist/vuex.esm.js', '@': path.resolve(__dirname, `${projectName}`), '@main': path.resolve(__dirname, `../${projectName}/hivuiMain`), // '@': path.resolve(__dirname, 'src'), '@birt':path.resolve(__dirname, `../${projectName}/hivuiBirt`), 'pinyin': 'js-pinyin', } }, externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', "element-ui": "ELEMENT", }, module: { rules: [ ...(utils.styleLoaders({ sourceMap: false, extract: process.env.NODE_ENV === 'production', usePostCSS: true })), { test: /\.(js|jsx|dtvevt?|babel|es6)$/, loader: 'happypack/loader?id=happy_js_jsx', // use:[threadCfg,'babel-loader'] // loader: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是 可选链操作符 }, { test: /\.(vue|dvue)$/, loader: 'vue-loader', // use:[{ // loader: "vue-loader", // options: vueLoaderConfig // }], }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径 可以替换成爱拍云上的路径 outputPath: "static/img/" //生成之后存放的路径 } }, { test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径 可以替换成爱拍云上的路径 outputPath: "static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../fonts/", //替换CSS引用的图片路径 可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 } } ] }, optimization: { minimizer: [ new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: true }), new OptimizeCSSAssetsPlugin({ cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }], }, canPrint: false }) ], runtimeChunk: { "name": "manifest" }, splitChunks: { cacheGroups: { default: false, vendors: false, vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' } } } }, plugins: [ new VueLoaderPlugin(), new HappyPack({ id: 'happy_js_jsx', //共享进程池 threadPool: happyThreadPool, loaders: ['babel-loader'] }), new webpack.HashedModuleIdsPlugin(), new ProgressBarPlugin(), // new CleanWebpackPlugin(['dist']), //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new webpack.DllReferencePlugin({ context: path.resolve(__dirname), manifest: require('../assets_platform/vendor_dll/vendor-manifest.json') }), //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理] // new AddAssetHtmlPlugin([{ // filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'), // outputPath: 'js_dll/', // publicPath: 'js_dll/', // includeSourcemap: false, // hash: true, // }]), // new CopyWebpackPlugin([ // { // from: path.resolve(__dirname, 'assets_platform'), // to: path.resolve(__dirname, 'dist/assets_platform') // }, // // { // // from: path.resolve(__dirname, 'js_dll'), // // to: path.resolve(__dirname, 'dist') // // } // ]) ] };

Ignore Space Show notes View build/webpack.get-list.js

const path = require("path"); const glob = require('glob') // const fs = require("fs"); // const {Chalk} = require('chalk') const merge = require('webpack-merge'); const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin'); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const baseWebpackConfig = require('./webpack.base.conf'); const packageConfig = require('../package.json'); // console.log('---------------------webpack.get-list.js------------', process.env.NODE_ENV) // 用来记录当前打包的模块路径列表，判断进程参数 let argvs = (process.argv[2] || "").replace(/\s*$/g, "") let moduleList = []; if(argvs){ // console.log('指定模块编译：') moduleList=[]; let list = argvs.split(','); for(let i=0,l=list.length;i<l;i++){ // let checkPath = fs.existsSync(list[i]+'/package.json'); //如果目录存在 返回 true ，如果目录不存在 返回false // if (checkPath == false) continue; let pathList = glob.sync(list[i]+'/package.json');// 这个执行比较快 114.811ms if(pathList.length==0) continue moduleList.push(list[i]); } }else{ moduleList = require('./webpack.get-module').moduleList || []; } let evnConfig = require('./getEnvVar') let webpackList = []; //构建webpack 配置 for (let i = 0, l = moduleList.length; i < l; i++) { let MODULE = moduleList[i]; // console.log(i, MODULE); //添加每个模块的webpack 配置 let MODULE_NAME = MODULE.split('/').pop(); let entry = {}; let outputPath = path.resolve(__dirname, '../dist', MODULE) entry[MODULE_NAME] = ['babel-polyfill', `${MODULE}/index.js`];// @babel/polyfill let wpk = merge({ mode: 'production', // mode: 'development', // devtool: 'source-map', }, baseWebpackConfig, { entry: entry, output: { path: outputPath, filename: `static/js/[name].js`, // publicPath:'./' // publicPath: `/${evnConfig.VITE_APP_SERVER.replace(/"/gi,"")}/render/${packageConfig.author}/${MODULE.replace('./', '')}/` publicPath: `${evnConfig.VITE_APP_USERPATH.replace(/"/gi,"")}/${MODULE.replace('./', '')}/` } }); let htmlTemplate = `${MODULE}/index.html` // var checkPath = fs.existsSync(htmlTemplate); // //如果目录存在 返回 true ，如果目录不存在 返回false // if (checkPath == false) { // htmlTemplate = path.resolve(__dirname, './template.html') // } let pathList = glob.sync(htmlTemplate);// 这个执行比较快 114.811ms if(pathList.length==0) htmlTemplate = path.resolve(__dirname, './template.html'); wpk.plugins.push(new CleanWebpackPlugin([outputPath], { root: path.resolve(__dirname, '../'), //根目录 //其他配置按需求添加 verbose: false,//不提示删除 })); wpk.plugins.push( new MiniCssExtractPlugin({ filename: 'static/css/[name].[contenthash].css', chunkFilename: `static/css/[name].[contenthash].css` }) ); wpk.plugins.push( new HtmlWebpackPlugin({ filename: path.resolve(__dirname, '../dist', MODULE, 'index.html'), template: htmlTemplate,//如果html 不存在考虑用全局根目录下 inject: true, minify: { removeComments: true,//去除注释 collapseWhitespace: true,//是否去除空格 removeAttributeQuotes: true//去除空属性 }, compile: true })) webpackList.push(wpk); } module.exports = webpackList;// [webpackList[4]] ////[webpackList[3]];//27 const path = require("path"); const fs = require("fs"); // const {Chalk} = require('chalk') const merge = require('webpack-merge'); const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin'); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const baseWebpackConfig = require('./webpack.base.conf'); const packageConfig = require('../package.json'); // console.log('---------------------webpack.get-list.js------------', process.env.NODE_ENV) // 用来记录当前打包的模块路径列表，判断进程参数 let argvs = (process.argv[2] || "").replace(/\s*$/g, "") let moduleList = require('./webpack.get-module').moduleList || []; if(argvs){ // console.log('指定模块编译：') moduleList = argvs.split(',') } let evnConfig = require('./getEnvVar') let webpackList = []; //构建webpack 配置 for (let i = 0, l = moduleList.length; i < l; i++) { let MODULE = moduleList[i]; // console.log(i, MODULE); //添加每个模块的webpack 配置 let MODULE_NAME = MODULE.split('/').pop(); let entry = {}; let outputPath = path.resolve(__dirname, '../dist', MODULE) entry[MODULE_NAME] = ['babel-polyfill', `${MODULE}/index.js`];// @babel/polyfill let wpk = merge({ mode: 'production', // mode: 'development', // devtool: 'source-map', }, baseWebpackConfig, { entry: entry, output: { path: outputPath, filename: `static/js/[name].js`, // publicPath:'./' // publicPath: `/${evnConfig.VITE_APP_SERVER.replace(/"/gi,"")}/render/${packageConfig.author}/${MODULE.replace('./', '')}/` publicPath: `${evnConfig.VITE_APP_USERPATH.replace(/"/gi,"")}/${MODULE.replace('./', '')}/` } }); let htmlTemplate = `${MODULE}/index.html` var checkPath = fs.existsSync(htmlTemplate); //如果目录存在 返回 true ，如果目录不存在 返回false if (checkPath == false) { htmlTemplate = path.resolve(__dirname, './template.html') } wpk.plugins.push(new CleanWebpackPlugin([outputPath], { root: path.resolve(__dirname, '../'), //根目录 //其他配置按需求添加 })); wpk.plugins.push( new MiniCssExtractPlugin({ filename: 'static/css/[name].[contenthash].css', chunkFilename: `static/css/[name].[contenthash].css` }) ); wpk.plugins.push( new HtmlWebpackPlugin({ filename: path.resolve(__dirname, '../dist', MODULE, 'index.html'), template: htmlTemplate,//如果html 不存在考虑用全局根目录下 inject: true, minify: { removeComments: true,//去除注释 collapseWhitespace: true,//是否去除空格 removeAttributeQuotes: true//去除空属性 }, compile: true })) webpackList.push(wpk); } module.exports = webpackList;// [webpackList[4]] ////[webpackList[3]];//27

Ignore Space Show notes View build/webpack.get-module.js

// const fs = require("fs"); // var {Chalk} = require('chalk') var glob = require('glob') const packageConfig = require('../package.json') const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; // 获取所有的moduleList var moduleList = [] // console.time() moduleList = glob.sync(`./${projectName}/!(dist|node_modules|build)/**/package.json`);// 这个执行比较快 114.811ms for(let i=0,l=moduleList.length;i<l;i++){ moduleList[i]= moduleList[i].replace(/\/package\.json/gi,'') } exports.moduleList = moduleList const fs = require("fs"); // var {Chalk} = require('chalk') var glob = require('glob') debugger const packageConfig = require('../package.json') const projectName = packageConfig.name == 'hi-vui-template' ? 'project' : packageConfig.name; // 获取所有的moduleList var moduleList = [] // console.time() moduleList = glob.sync(`./${projectName}/!(dist|node_modules|build)/**/package.json`);// 这个执行比较快 114.811ms for(let i=0,l=moduleList.length;i<l;i++){ moduleList[i]= moduleList[i].replace(/\/package\.json/gi,'') } exports.moduleList = moduleList

Ignore Space Show notes View build/webpack.prod.conf.js

// 多进程 编译所有 //parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度 // const os = require('os'); // const cpus = os.cpus().length; // console.log(cpus, ' Math.floor(cpus/2)||1', Math.floor(cpus / 2) || 1) const chalk = require('chalk') let webpack = require('webpack') let argvs = (process.argv[2] || "").replace(/\s*$/g, ""); let moduleList = argvs != "" ? argvs.split(',') : []; let isAllBuild = moduleList.length==0; let startTime = new Date().valueOf(); let webpackList = require('./webpack.get-list.js'); let moduleCount = webpackList.length; // 秒数转化为时分秒 function formatSeconds(value) { // 秒 let second = parseInt(value) // 分 let minute = 0 // 小时 let hour = 0 // 天 // let day = 0 // 如果秒数大于60，将秒数转换成整数 if (second > 60) { // 获取分钟，除以60取整数，得到整数分钟 minute = parseInt(second / 60) // 获取秒数，秒数取佘，得到整数秒数 second = parseInt(second % 60) // 如果分钟大于60，将分钟转换成小时 if (minute > 60) { // 获取小时，获取分钟除以60，得到整数小时 hour = parseInt(minute / 60) // 获取小时后取佘的分，获取分钟除以60取佘的分 minute = parseInt(minute % 60) // 如果小时大于24，将小时转换成天 // if (hour > 23) { // // 获取天数，获取小时除以24，得到整天数 // day = parseInt(hour / 24) // // 获取天数后取余的小时，获取小时除以24取余的小时 // hour = parseInt(hour % 24) // } } } let result = '' + parseInt(second) + '秒' if (minute > 0) { result = '' + parseInt(minute) + '分' + result } if (hour > 0) { result = '' + parseInt(hour) + '小时' + result } // if (day > 0) { // result = '' + parseInt(day) + '天' + result // } return result } let timerCtl = setInterval(function () { console.log(chalk.green(`正在编译中，目前已消耗 ${formatSeconds((new Date().valueOf() - startTime) / 1000)} ...`)) }, 1000 * 60 * 5); //----------- 【一般编译，按参数，一个接一个的】 --------------- function DoWebpackBuild(list, start, total, step = 200) { let wpkCfg, isEndAll = false; if (list == null || list.length == 0) { console.log(chalk.yellow(`没有模块可编译！`)); clearInterval(timerCtl); return; } wpkCfg = list.slice(start, start + step); if (wpkCfg == null || wpkCfg.length == 0) { isEndAll = true; clearInterval(timerCtl); console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}`)); return; } console.log('****************************************************************\n'); console.log(`【进度 ${start+1}/${total} 】,正在编译${start+1} - ${total < step ? total : start + step}之间的模块...\n`); console.log('****************************************************************\n'); let cmper = webpack(wpkCfg); let cmperStep = 5,cmperTotal=5; cmper.apply(new webpack.ProgressPlugin({ handler(percentage, message, ...args) { // console.log(args.length,'...args', args[0],'\n', args[1],'\n', args[2]) let t = (new Date().valueOf() - startTime) / 1000; if(t>cmperTotal){ cmperTotal+=cmperStep; // console.log(` 进度 : ${(percentage*100).toFixed(2)} %`)//,message console.log(`{"progress":${percentage.toFixed(4)},"message":""}`); } console.log(`{"progress":${percentage.toFixed(4)},"message":""}`); }, })); cmper.run((err, stats) => { //这个回调一定要写，不然打包不出来 if (err || stats.hasErrors()) {//编译错误不在 err 对象内，而是需要使用 stats.hasErrors() 单独处理 let info = {}; try { info = stats.toJson(); } catch (e) { info = { errors: [] }; console.log('stats.toJson()', err, stats) } // console.error(info.errors); for (let i = 0, l = info.errors.length; i < l; i++) { // console.log(chalk.red(info.errors[i].message)); // console.error(info.errors[i].message) console.error(info.errors[i]) } } // 处理完成 if (isEndAll) { cmperTotal = 10; clearInterval(timerCtl); console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`)); } else { DoWebpackBuild(list, start + step, total); } }) } if (isAllBuild) { //-------- 【用parallel-webpack，全部编译情况下】 ------------ /* moduleList = require('./webpack.get-module').moduleList || []; console.log(`=========进入全模块编译状态(${moduleList.length})模块...=============`) var run = require('parallel-webpack').run; run( require.resolve('./webpack.get-list.js'), { watch: false, maxRetries: 1, stats: false, // defaults to false maxConcurrentWorkers: 1,// use 2 workers cup个数 argv: [argvs] }, ()=>{ //多打包时，如果其中一个模块出错，不知道是哪个模块 console.log('\n--------编译完成------- \n'); }); */ console.log(`【编译所有 共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`) DoWebpackBuild(webpackList, 0, moduleCount);//, 0, len //以上两种时间上差不多 20s } else { console.log(`【按需编译 共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`) DoWebpackBuild(webpackList, 0, moduleCount)//, 0, len } // 多进程 编译所有 //parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度 // const os = require('os'); // const cpus = os.cpus().length; // console.log(cpus, ' Math.floor(cpus/2)||1', Math.floor(cpus / 2) || 1) const chalk = require('chalk') let webpack = require('webpack') let argvs = (process.argv[2] || "").replace(/\s*$/g, ""); let moduleList = argvs != "" ? argvs.split(',') : []; let len = moduleList.length; let startTime = new Date().valueOf(); //----------- 【一般编译，按参数，一个接一个的】 --------------- function DoWebpackBuild(list, i, l) { let wpkCfg, step = 1, isAll = false; if (i == null && l == null) { //------------ 【webpack 一口气编译指定的所有功能】 -------------- isAll = true; wpkCfg = list; } else { wpkCfg = list[i]; if (wpkCfg == null) { console.log(chalk.green(`消耗 ${(new Date().valueOf() - startTime) / 1000} 秒`)); return; } console.log(chalk.yellow(`进度 ${i + 1}/${l} ,正在编译${wpkCfg.output.path}\n`)); } webpack(wpkCfg, (err, stats) => { //这个回调一定要写，不然打包不出来 if (err || stats.hasErrors()) {//编译错误不在 err 对象内，而是需要使用 stats.hasErrors() 单独处理 let info = {}; try { info = stats.toJson(); } catch (e) { info = { errors: [] }; console.log('stats.toJson()', err, stats) } // console.error(info.errors); for (let i = 0, l = info.errors.length; i < l; i++) { // console.log(chalk.red(info.errors[i].message)); // console.error(info.errors[i].message) console.error(info.errors[i]) } } // 处理完成 if (isAll) { console.log(chalk.green(`消耗 ${(new Date().valueOf() - startTime) / 1000} 秒`)); } isAll == false && DoWebpackBuild(list, i + step, l); }); } if (len == 0) { //-------- 【用parallel-webpack，全部编译情况下】 ------------ /* moduleList = require('./webpack.get-module').moduleList || []; console.log(`=========进入全模块编译状态(${moduleList.length})模块...=============`) var run = require('parallel-webpack').run; run( require.resolve('./webpack.get-list.js'), { watch: false, maxRetries: 1, stats: false, // defaults to false maxConcurrentWorkers: 1,// use 2 workers cup个数 argv: [argvs] }, ()=>{ //多打包时，如果其中一个模块出错，不知道是哪个模块 console.log('\n--------编译完成------- \n'); }); */ let webpackList = require('./webpack.get-list.js'); len = webpackList.length; console.log(`【编译所有】共${len}个=====================\n`) DoWebpackBuild(webpackList);//, 0, len //以上两种时间上差不多 20s } else { let webpackList = require('./webpack.get-list.js'); len = webpackList.length; console.log(`【按需编译】共${len}个=====================\n`) DoWebpackBuild(webpackList)//, 0, len }

Ignore Space Show notes View doc/服务器操作.txt

# nginx 目录 /usr/local/nginx/sbin # 4.110 进入docker docker exec -it eap-hirun-dev /bin/bash docker restart 24850dc4b328 # 启动配置好的pm2 pm2 resurrect # pm2 路径 dump.pm2 cd /root/.pm2/ ----------------------------------------------------- 方法一：查看进程列表（条件过滤） ps -ef | grep nginx 方法二：直接查看进程pid ps -C nginx -o pid 方法三：通过端口判断 netstat -anp | grep :80 方法四：使用lsof命令来查看80端口是否有程序在运行 lsof -i:80 1、查看nginx 是否启动 ps -ef | grep nginx 2、主程序的 nginx 配指定端口启动 8001 查看 ip 映射情况 3、 --------------------------- 跨服务拷贝 rsync -auvz --exclude "backups" --exclude "history" /eap5.0/desktop/preview/0000221/cms/deploy/dist/0000221/cms root@192.168.4.193:/opt/eap5/cms/hiruntime/static/render/0000221/ ----------------------------- 杀死所有node 进程 ps -ef|grep node|grep -v grep|cut -c 9-15|xargs kill -9 # nginx 目录 /usr/local/nginx/sbin # 4.110 进入docker docker exec -it eap-hirun-dev /bin/bash # 启动配置好的pm2 pm2 resurrect # pm2 路径 dump.pm2 cd /root/.pm2/ ----------------------------------------------------- 方法一：查看进程列表（条件过滤） ps -ef | grep nginx 方法二：直接查看进程pid ps -C nginx -o pid 方法三：通过端口判断 netstat -anp | grep :80 方法四：使用lsof命令来查看80端口是否有程序在运行 lsof -i:80 1、查看nginx 是否启动 ps -ef | grep nginx 2、主程序的 nginx 配指定端口启动 8001 查看 ip 映射情况 3、 --------------------------- 跨服务拷贝 rsync -auvz --exclude "backups" --exclude "history" /eap5.0/desktop/preview/0000221/cms/deploy/dist/0000221/cms root@192.168.4.193:/opt/eap5/cms/hiruntime/static/render/0000221/

Ignore Space Show notes View package.json

{ "name": "hi-vui-template", "version": "1.1.12", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "^1.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "^2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "canvas": "^2.9.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.7", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.1006", "jquery": "^3.6.0", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "qrcodejs2": "0.0.2", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "v-clipboard": "^2.2.3", "vue": "^2.6.14", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-i18n": "^8.27.0", "vue-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.7", "zhc-birt-core": "^1.9.0", "zhc-flowchart": "^1.0.20" } } { "name": "hi-vui-template", "version": "1.1.11", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "^1.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "^2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "canvas": "^2.9.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.7", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.1006", "jquery": "^3.6.0", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "qrcodejs2": "0.0.2", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "v-clipboard": "^2.2.3", "vue": "^2.6.14", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.2", "zhc-birt-core": "^1.9.0", "zhc-flowchart": "^1.0.20" } }

Ignore Space Show notes View project/hivuiBirt/App.vue

<script> import HcPage from "./components/Birt/Page"; import { BirtModelFactory } from "./templates/BirtModelFactory"; import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { Tool } from "./funclib/Tool"; import user from "./mixins/user.js"; import resource from "./mixins/resource.js"; import upgrade from "./mixins/upgrade.js"; import permission_assign from "./mixins/permission_assign.js"; import permission_modify from "./mixins/permission_modify.js"; import permission_check from "./mixins/permission_check.js"; // import { getBirtModel } from "./birtModel" import { baseURL, projectName, requestUrl } from "@birt/config"; export default { extends: HcPage, mixins: [ user, resource, upgrade, permission_assign, permission_modify, permission_check, ], data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName || "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { debugger; return new Promise((resolve, reject) => { debugger; let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' let vId = this.getQueryVariable('viewItemId') LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, viewItemId: vId }) .then(() => { try { let birtModel = BirtModelFactory.buildModel( getBirtModel(scope || me, Tool) ); birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); // me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } //     var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { // if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); // else if (path == "/platf/permission/func/modify.func") // this.getOrgDataM(-1); }); }, }; </script> <script> import HcPage from "./components/Birt/Page"; import { BirtModelFactory } from "./templates/BirtModelFactory"; import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; import { Tool } from "./funclib/Tool"; import user from "./mixins/user.js"; import resource from "./mixins/resource.js"; import upgrade from "./mixins/upgrade.js"; import permission_assign from "./mixins/permission_assign.js"; import permission_modify from "./mixins/permission_modify.js"; import permission_check from "./mixins/permission_check.js"; // import { getBirtModel } from "./birtModel" import { baseURL, projectName, requestUrl } from "@birt/config"; export default { extends: HcPage, mixins: [ user, resource, upgrade, permission_assign, permission_modify, permission_check, ], data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName || "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { debugger; return new Promise((resolve, reject) => { debugger; let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' let vId = this.getQueryVariable('viewItemId') LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, viewItemId: vId }) .then(() => { try { let birtModel = BirtModelFactory.buildModel( getBirtModel(scope || me, Tool) ); birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); // me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } //     var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); else if (path == "/platf/permission/func/modify.func") this.getOrgDataM(-1); }); }, }; </script> <style scope> .el-row > .zhc-birt-cell-children > .el-button { border: none; border-right: 1px solid #ddd; border-radius: 0; padding: 5px 15px; } </style>

Ignore Space Show notes View project/hivuiBirt/components/vue-m-message/message.css

.m-message-container { position: fixed; z-index: 3010; pointer-events: none; display: flex; flex-direction: column; box-sizing: border-box; padding: 15px; } .m-message-container.is-top-left, .m-message-container.is-top-center, .m-message-container.is-top-right { width: 100%; top: 0; left: 0; } .m-message-container.is-top-left { align-items: flex-start; } .m-message-container.is-top-center { align-items: center; } .m-message-container.is-top-right { align-items: flex-end; } .m-message-container.is-center { width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; } .m-message-container.is-bottom-left, .m-message-container.is-bottom-center, .m-message-container.is-bottom-right { bottom: 0; left: 0; width: 100%; justify-content: flex-end; } .m-message-container.is-bottom-left { align-items: flex-start; } .m-message-container.is-bottom-center { align-items: center; } .m-message-container.is-bottom-right { align-items: flex-end; } .m-message-container.has-mask { background-color: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; pointer-events: all; } .m-message-wrapper { display: inline-block; max-width: 500px; } .m-message-wrapper + .m-message-wrapper { margin-top: 15px; } .m-message-wrapper::before, .m-message-wrapper::after { content: ""; clear: both; display: table; } .m-message { display: flex; align-items: center; padding: 10px 16px; font-size: 14px; overflow: hidden; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.65); background: rgba(255, 255, 255, 0.95); pointer-events: all; position: relative; } .m-message-icons { float: left; box-sizing: border-box; margin-right: 10px; } .m-message--title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m-message-content { box-sizing: border-box; overflow: auto; width: 100%; } .m-message--description { line-height: 1.6; color: #777; } .m-message--title + .m-message--description { margin-top: 5px; } .m-message--icon { width: 25px; height: 25px; vertical-align: middle; display: inline-block; border-radius: 50%; } .m-message--control { position: relative; height: 100%; align-self: flex-start; white-space: nowrap; margin-right: -5px; margin-left: 10px; } .m-message--button { border: none; outline: none; background: none; cursor: pointer; font-size: 15px; color: #646464; font-weight: 600; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; } .m-message--button:hover { color: #F56C6C; } .m-message--arrow-down.is-collapsed { transform: rotate(90deg); } .m-message-fade-enter-active { animation: m-message-fade-in-down 0.3s; } .m-message-fade-leave-active { animation: m-message-fade-out 0.3s; } @keyframes m-message-fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes m-message-fade-out { 0% { opacity: 1; margin-top: 0; } 100% { opacity: 0; margin-top: -45px; } } .m-message-container { position: fixed; z-index: 1010; pointer-events: none; display: flex; flex-direction: column; box-sizing: border-box; padding: 15px; } .m-message-container.is-top-left, .m-message-container.is-top-center, .m-message-container.is-top-right { width: 100%; top: 0; left: 0; } .m-message-container.is-top-left { align-items: flex-start; } .m-message-container.is-top-center { align-items: center; } .m-message-container.is-top-right { align-items: flex-end; } .m-message-container.is-center { width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; } .m-message-container.is-bottom-left, .m-message-container.is-bottom-center, .m-message-container.is-bottom-right { bottom: 0; left: 0; width: 100%; justify-content: flex-end; } .m-message-container.is-bottom-left { align-items: flex-start; } .m-message-container.is-bottom-center { align-items: center; } .m-message-container.is-bottom-right { align-items: flex-end; } .m-message-container.has-mask { background-color: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; pointer-events: all; } .m-message-wrapper { display: inline-block; max-width: 500px; } .m-message-wrapper + .m-message-wrapper { margin-top: 15px; } .m-message-wrapper::before, .m-message-wrapper::after { content: ""; clear: both; display: table; } .m-message { display: flex; align-items: center; padding: 10px 16px; font-size: 14px; overflow: hidden; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.65); background: rgba(255, 255, 255, 0.95); pointer-events: all; position: relative; } .m-message-icons { float: left; box-sizing: border-box; margin-right: 10px; } .m-message--title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m-message-content { box-sizing: border-box; overflow: auto; width: 100%; } .m-message--description { line-height: 1.6; color: #777; } .m-message--title + .m-message--description { margin-top: 5px; } .m-message--icon { width: 25px; height: 25px; vertical-align: middle; display: inline-block; border-radius: 50%; } .m-message--control { position: relative; height: 100%; align-self: flex-start; white-space: nowrap; margin-right: -5px; margin-left: 10px; } .m-message--button { border: none; outline: none; background: none; cursor: pointer; font-size: 15px; color: #646464; font-weight: 600; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; } .m-message--button:hover { color: #F56C6C; } .m-message--arrow-down.is-collapsed { transform: rotate(90deg); } .m-message-fade-enter-active { animation: m-message-fade-in-down 0.3s; } .m-message-fade-leave-active { animation: m-message-fade-out 0.3s; } @keyframes m-message-fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes m-message-fade-out { 0% { opacity: 1; margin-top: 0; } 100% { opacity: 0; margin-top: -45px; } }

Ignore Space Show notes View project/hivuiBirt/components/vue-m-message/message.less

.m-message-container { position: fixed; z-index: 3010; pointer-events: none; display: flex; flex-direction: column; box-sizing: border-box; padding: 15px; &.is-top-left, &.is-top-center, &.is-top-right { width: 100%; top: 0; left: 0; } &.is-top-left { align-items: flex-start; } &.is-top-center { align-items: center; } &.is-top-right { align-items: flex-end; } &.is-center { width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; } &.is-bottom-left, &.is-bottom-center, &.is-bottom-right { bottom: 0; left: 0; width: 100%; justify-content: flex-end; } &.is-bottom-left { align-items: flex-start; } &.is-bottom-center { align-items: center; } &.is-bottom-right { align-items: flex-end; } &.has-mask { background-color: rgba(255,255,255, 0.5); width: 100%; height: 100%; pointer-events: all; } } .m-message-wrapper { display: inline-block; max-width: 500px; & + & { margin-top: 15px; } &::before, &::after { content: ""; clear: both; display: table; } } .m-message { display: flex; align-items: center; padding: 10px 16px; font-size: 14px; overflow: hidden; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,.15); color: rgba(0,0,0,.65); background: rgba(255,255,255,0.95); pointer-events: all; position: relative; &-icons { float: left; box-sizing: border-box; margin-right: 10px; } &--title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } &-content { box-sizing: border-box; overflow: auto; width: 100%; } &--description { line-height: 1.6; color: #777; } &--title + &--description { margin-top: 5px; } &--icon { width: 25px; height: 25px; vertical-align: middle; display: inline-block; border-radius: 50%; } &--control { position: relative; height: 100%; align-self: flex-start; white-space: nowrap; margin-right: -5px; margin-left: 10px; } &--button { border: none; outline: none; background: none; cursor: pointer; font-size: 15px; color: #646464; font-weight: 600; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; &:hover { color: #F56C6C; } } &--arrow-down { &.is-collapsed { transform: rotate(90deg); } } } .m-message-fade-enter-active { animation: m-message-fade-in-down 0.3s; } .m-message-fade-leave-active { animation: m-message-fade-out 0.3s; } @keyframes m-message-fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes m-message-fade-out { 0% { opacity: 1; margin-top: 0; } 100% { opacity: 0; margin-top: -45px; } } .m-message-container { position: fixed; z-index: 1010; pointer-events: none; display: flex; flex-direction: column; box-sizing: border-box; padding: 15px; &.is-top-left, &.is-top-center, &.is-top-right { width: 100%; top: 0; left: 0; } &.is-top-left { align-items: flex-start; } &.is-top-center { align-items: center; } &.is-top-right { align-items: flex-end; } &.is-center { width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; } &.is-bottom-left, &.is-bottom-center, &.is-bottom-right { bottom: 0; left: 0; width: 100%; justify-content: flex-end; } &.is-bottom-left { align-items: flex-start; } &.is-bottom-center { align-items: center; } &.is-bottom-right { align-items: flex-end; } &.has-mask { background-color: rgba(255,255,255, 0.5); width: 100%; height: 100%; pointer-events: all; } } .m-message-wrapper { display: inline-block; max-width: 500px; & + & { margin-top: 15px; } &::before, &::after { content: ""; clear: both; display: table; } } .m-message { display: flex; align-items: center; padding: 10px 16px; font-size: 14px; overflow: hidden; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,.15); color: rgba(0,0,0,.65); background: rgba(255,255,255,0.95); pointer-events: all; position: relative; &-icons { float: left; box-sizing: border-box; margin-right: 10px; } &--title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } &-content { box-sizing: border-box; overflow: auto; width: 100%; } &--description { line-height: 1.6; color: #777; } &--title + &--description { margin-top: 5px; } &--icon { width: 25px; height: 25px; vertical-align: middle; display: inline-block; border-radius: 50%; } &--control { position: relative; height: 100%; align-self: flex-start; white-space: nowrap; margin-right: -5px; margin-left: 10px; } &--button { border: none; outline: none; background: none; cursor: pointer; font-size: 15px; color: #646464; font-weight: 600; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; &:hover { color: #F56C6C; } } &--arrow-down { &.is-collapsed { transform: rotate(90deg); } } } .m-message-fade-enter-active { animation: m-message-fade-in-down 0.3s; } .m-message-fade-leave-active { animation: m-message-fade-out 0.3s; } @keyframes m-message-fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes m-message-fade-out { 0% { opacity: 1; margin-top: 0; } 100% { opacity: 0; margin-top: -45px; } }

Ignore Space Show notes View project/hivuiBirt/funclib/AxiosUtil.js

/** * 请求工具类,临时方案，待完善 * @author cls * @date 2021-01-30 */ import {baseURL,projectName,requestUrl} from '@birt/config' import Message from '../components/vue-m-message/index.js' import axios from 'axios'; import { getToken } from '@birt/utils/auth' var pn = projectName || 'birt' //请求状态码属性 const STATUS_KEY = "status"; //请求成功状态码 const STATUS_SUCCESS = 200; //超时 const STATUS_TIMEOUT = 418; // 检测登录超时 function checkTimeout(res) { if (res[STATUS_KEY] == STATUS_TIMEOUT) { // to re-login MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { confirmButtonText: 'Re-Login', cancelButtonText: 'Cancel', type: 'warning' }).then(() => { console.log("这里处理超时登录"); }) return true; } return false } debugger axios.baseURL = baseURL axios.interceptors.request.use( config => { // "3d3fe30c-3d99-41e8-9aea-addd8528aa07" // config.headers["Authorization"] = "bearer " + "b9e6a365-c551-4551-b258-c56e3acd0eed"; if(getToken()){ config.headers["Authorization"] = "bearer " + getToken(); }else{ //没有token，跳转登录页 if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } if (!config.url.startsWith("/api") && config.url.indexOf(requestUrl) == -1) { config.url = requestUrl + config.url; } if(config.url.indexOf(pn) == -1){ if(config.url.indexOf('pn=birt') != -1){ var url = config.url.replace('birt', pn) console.log('url', url) config.url = url }else if(config.url.indexOf('pn=false') != -1){ var url = config.url.replace('false', pn) console.log('url', url) config.url = url }else { if (config.url.indexOf('?') == -1) { config.url += "?pn=" + pn; }else { config.url += "&?pn=" + pn } } } return config }, error => { console.log(error) return Promise.reject(error) } ) axios.interceptors.response.use(function (response) { // 因返回mock数据包格式不统一，做兼容处理，枚举接口未返回status:200 var res = (response[STATUS_KEY] && response.dataPack) ? response : response.data; res = (res || response.dataPack) || response; let status = res[STATUS_KEY]; // 流程特殊添加options,流程批处理返回 let flowData = response.config && response.config.data; if (flowData && (typeof flowData == "string" && flowData.indexOf("__isIntercept") != -1) && JSON.parse(flowData).__isIntercept === false) { try { res.options = JSON.parse(response.config.data) } catch (e) { } } if (status != STATUS_SUCCESS && status != 207) { if (!checkTimeout(res)) { let msgType = "error"; if (res == 700) { msgType = "info"; } Message({ message: res.msg || 'error', type: msgType, duration: 5 * 1000 }) } return Promise.reject(res.msg || 'error') } else if (res[STATUS_KEY] == 401) { Message({ message: 'token失效', type: 'error', duration: 5 * 1000 }) } else { return res } }, function (error) { const res = error.response.data; if (!checkTimeout(res)) { Message({ showClose: true, message: res.msg || '未知错误', type: 'error', duration: 5 * 1000 }) return Promise.reject(error) } }); export default axios; /** * 请求工具类,临时方案，待完善 * @author cls * @date 2021-01-30 */ import {baseURL,projectName,requestUrl} from '@birt/config' import Message from '../components/vue-m-message/index.js' import axios from 'axios'; import { getToken } from '@birt/utils/auth' var pn = projectName || 'birt' //请求状态码属性 const STATUS_KEY = "status"; //请求成功状态码 const STATUS_SUCCESS = 200; //超时 const STATUS_TIMEOUT = 418; // 检测登录超时 function checkTimeout(res) { if (res[STATUS_KEY] == STATUS_TIMEOUT) { // to re-login MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { confirmButtonText: 'Re-Login', cancelButtonText: 'Cancel', type: 'warning' }).then(() => { console.log("这里处理超时登录"); }) return true; } return false } debugger axios.baseURL = baseURL axios.interceptors.request.use( config => { // "3d3fe30c-3d99-41e8-9aea-addd8528aa07" // config.headers["Authorization"] = "bearer " + "b9e6a365-c551-4551-b258-c56e3acd0eed"; if(getToken()){ config.headers["Authorization"] = "bearer " + getToken(); }else{ //没有token，跳转登录页 if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } if (!config.url.startsWith("/api") && config.url.indexOf(requestUrl) == -1) { config.url = requestUrl + config.url; } if(config.url.indexOf(pn) == -1){ if(config.url.indexOf('pn=birt') != -1){ var url = config.url.replace('birt', pn) console.log('url', url) config.url = url }else if(config.url.indexOf('pn=false') != -1){ var url = config.url.replace('false', pn) console.log('url', url) config.url = url }else { if (config.url.indexOf('?') == -1) { config.url += "?pn=" + pn; }else { config.url += "&?pn=" + pn } } } return config }, error => { console.log(error) return Promise.reject(error) } ) axios.interceptors.response.use(function (response) { // 因返回mock数据包格式不统一，做兼容处理，枚举接口未返回status:200 var res = (response[STATUS_KEY] && response.dataPack) ? response : response.data; res = (res || response.dataPack) || response; let status = res[STATUS_KEY]; if (status != STATUS_SUCCESS && status != 207) { if (!checkTimeout(res)) { let msgType = "error"; if (res == 700) { msgType = "info"; } Message({ message: res.msg || 'error', type: msgType, duration: 5 * 1000 }) } return Promise.reject(res.msg || 'error') } else if (res[STATUS_KEY] == 401) { Message({ message: 'token失效', type: 'error', duration: 5 * 1000 }) } else { return res } }, function (error) { const res = error.response.data; if (!checkTimeout(res)) { Message({ showClose: true, message: res.msg || '未知错误', type: 'error', duration: 5 * 1000 }) return Promise.reject(error) } }); export default axios;

Ignore Space Show notes View project/hivuiBirt/index.js

import App from './App.vue' // import ElementUI from 'element-ui'; // import "hi-ui/lib/hi-ui.css"; // import 'font-awesome/css/font-awesome.css' Vue.use(ELEMENT, { size: 'mini' }) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css'; import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') || '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 import { Loading } from 'element-ui'; Vue.prototype.Loading = Loading Vue.prototype.$HCBIRT = $HCBIRT; import i18n from './lang' Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.serverUrl, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: window.HIVUI_SETTING.saveUrl, queryUrl: window.HIVUI_SETTING.queryUrl, querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/", upload: window.HIVUI_SETTING.upload, download: window.HIVUI_SETTING.download, review: window.HIVUI_SETTING.review, getFlowInfo: window.HIVUI_SETTING.getFlowInfo, getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo, processFlow: window.HIVUI_SETTING.processFlow, queryTask: window.HIVUI_SETTING.queryTask, withdrawtask: window.HIVUI_SETTING.withdrawtask, taskDiagram: window.HIVUI_SETTING.taskDiagram, openOrdernumber: window.HIVUI_SETTING.openOrdernumber, birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcel" }; console.log(5555,window.HIVUI_SETTING.queryUrl) new Vue({ i18n, render: h => h(App), }).$mount('#app') import App from './App.vue' // import ElementUI from 'element-ui'; // import "hi-ui/lib/hi-ui.css"; // import 'font-awesome/css/font-awesome.css' Vue.use(ELEMENT, { size: 'mini' }) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css'; import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') || '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 import { Loading } from 'element-ui'; Vue.prototype.Loading = Loading Vue.prototype.$HCBIRT = $HCBIRT; Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.serverUrl, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: window.HIVUI_SETTING.saveUrl, queryUrl: window.HIVUI_SETTING.queryUrl, querysUrl: window.HIVUI_SETTING.serverUrl + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.serverUrl + "/platf/xtgn/enums/fgroupid/", upload: window.HIVUI_SETTING.upload, download: window.HIVUI_SETTING.download, review: window.HIVUI_SETTING.review, getFlowInfo: window.HIVUI_SETTING.getFlowInfo, getApprovalInfo: window.HIVUI_SETTING.getApprovalInfo, processFlow: window.HIVUI_SETTING.processFlow, queryTask: window.HIVUI_SETTING.queryTask, withdrawtask: window.HIVUI_SETTING.withdrawtask, taskDiagram: window.HIVUI_SETTING.taskDiagram, openOrdernumber: window.HIVUI_SETTING.openOrdernumber, birtModel: window.HIVUI_SETTING.serverUrl + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.serverUrl + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.serverUrl + "/export/dataexcel" }; console.log(5555,window.HIVUI_SETTING.queryUrl) new Vue({ render: h => h(App), }).$mount('#app')

Ignore Space Show notes View project/hivuiBirt/lang/en.js 0 → 100644

export default { route: { "homepage": "homepage", "taskCenter": "taskCenter", "systemManagement": "systemManagement", "userQuery": "userQuery", "userAdd": "userAdd", "userEdit": "userEdit", "orgManagement": "orgManagement", "roleManagement": "roleManagement", "levelManagement": "levelManagement", "menuManagement": "menuManagement", "authorizationManagement": "authorizationManagement", "addAuth": "addAuth", "updateAuth": "updateAuth", "queryAuth": "queryAuth", "enumsManagement": "enumsManagement", "numManagement": "numManagement", "executorQuery": "executorQuery", "executorAdd": "executorAdd", "basicData": "basicData", "medQuery": "medQuery", "medqxQuery": "medqxQuery", "enumsglQuery": "enumsglQuery", "cwBlankQuery": "cwBlankQuery", "pdtQuery": "pdtQuery", "noteQuery": "noteQuery", "ypManagement": "ypManagement", "ypMedQuery": "ypMedQuery", "ypMedAdd": "ypMedAdd", "ypMedModifyQuery": "ypMedModifyQuery", "ypMedModify": "ypMedModify", "ypPriceQuery": "ypPriceQuery", "ypPriceAdd": "ypPriceAdd", "medicineShare": "medicineShare", "medicineSellParam": "medicineSellParam", "customer": "customer", "customerQuery": "customerQuery", "customerAdd": "customerAdd", "supplierQuery": "supplierQuery", "supplierAdd": "supplierAdd", "purchase": "purchase", "purchaseQuery": "purchaseQuery", "purchaseAdd": "purchaseAdd", "cgshQuery": "cgshQuery", "cgshAdd": "cgshAdd", "cgthQuery": "cgthQuery", "cgthAdd": "cgthAdd", "cgtkQuery": "cgtkQuery", "cgtkAdd": "cgtkAdd", "cgzhQuery": "cgzhQuery", "sale": "sale", "salesQuery": "salesQuery", "salesAdd": "salesAdd", "xsthQuery": "xsthQuery", "xsbjAdd": "xsbjAdd", "xsbjQuery": "xsbjQuery", "stock": "stock", "stockQuery": "stockQuery", "stockDtlQuery": "stockDtlQuery", "ccfDtlQuery": "ccfDtlQuery", "stockModify": "stockModify", "stockPhtzQuery": "stockPhtzQuery", "stockPhtzAdd": "stockPhtzAdd", "ykdQuery": "ykdQuery", "ykdAdd": "ykdAdd", "stockKcpdQuery": "stockKcpdQuery", "stockKcpdAdd": "stockKcpdAdd", "stockPdclQuery": "stockPdclQuery", "stockPdclAdd": "stockPdclAdd", "stockAxis": "stockAxis", "cwzhgl": "cwzhgl", "cwAccountQuery": "cwAccountQuery", "cwAccountAdd": "cwAccountAdd", "cwAccountInAdd": "cwAccountInAdd", "cwAccountOutAdd": "cwAccountOutAdd", "cwAccountDtlQuery": "cwAccountDtlQuery", "cwAssetsQuery": "cwAssetsQuery", "cwAssetsAdd": "cwAssetsAdd", "cwAssetsDtlQuery": "cwAssetsDtlQuery", "cwAssetsDtlAdd": "cwAssetsDtlAdd", "cwCreditQuery": "cwCreditQuery", "cwCreditAdd": "cwCreditAdd", "cwCreditDtlQuery": "cwCreditDtlQuery", "cwCreditDtlAdd": "cwCreditDtlAdd", "cwTaxQuery": "cwTaxQuery", "cwTaxAdd": "cwTaxAdd", "cwTaxDtlQuery": "cwTaxDtlQuery", "cwTaxDtlAdd": "cwTaxDtlAdd", "cwAccountMe": "cwAccountMe", "cwgl": "cwgl", "cwFkdjQuery": "cwFkdjQuery", "cwFkdjAdd": "cwFkdjAdd", "cwSkdQuery": "cwSkdQuery", "cwSkdAdd": "cwSkdAdd", "cwDkdjQuery": "cwDkdjQuery", "cwDkdjAdd": "cwDkdjAdd", "cwDkrlQuery": "cwDkrlQuery", "cwDkdjAdd": "cwDkdjAdd", "cwDpdjQuery": "cwDpdjQuery", "cwDpdjAdd": "cwDpdjAdd", "cwDprlQuery": "cwDprlQuery", "cwDprlAdd": "cwDprlAdd", "cwKpdjQuery": "cwKpdjQuery", "cwkpdjAdd": "cwkpdjAdd", "cwTxsqQuery": "cwTxsqQuery", "cwTxsqAdd": "cwTxsqAdd", "ysgl": "ysgl", "ysWtysQuery": "ysWtysQuery", "ysWtysAdd": "ysWtysAdd", "ysJjysQuery": "ysJjysQuery", "ysJjysAdd": "ysJjysAdd", "medyh": "medyh", "medYhQuery": "medYhQuery", "medYhAdd": "medYhAdd", "medPtYhQuery": "medPtYhQuery", "medZdYhQuery": "medZdYhQuery", "medLlYhQuery": "medLlYhQuery", "medBsxhQuery": "medBsxhQuery", "medBsxhAdd": "medBsxhAdd", "datasource": "datasource", "hcDataset": "hcDataset", "hcEditDataset": "hcEditDataset", "hcBuild": "hcBuild", "birt": "birt", "birtWorkBook": "birtWorkBook", "hc_data": "hc_data", "hcTable": "hcTable", "hcDataList": "hcDataList", "hcTree": "hcTree", "hcPagination": "hcPagination", "birtBasic": "birtBasic", "FormBirt": "FormBirt", "FormListBirt": "FormListBirt", "GridListBirt": "GridListBirt", "GridSummery": "GridSummery", "Print": "Print" }, navbar: { homepage: 'homepage', github: 'Github', logOut: 'Log Out', profile: 'Profile', theme: 'Theme', size: 'Global Size', searchPlaceholder: 'Search', debug: 'Debug', Chinese: 'Chinese', English: 'English', }, login: { title: 'Login Form', logIn: 'Login', username: 'Username', password: 'Password', any: 'any', thirdparty: 'Or connect with', thirdpartyTips: 'Can not be simulated on local, so please combine you own business simulation! ! !' }, formToolBar: { add: 'add', cancel: 'cancel', flowOut: 'flowOut', flowBack: 'flowBack', signOut: 'signOut', turnOut: 'turnOut', terminate: 'terminate', monitor: 'monitor', approval: 'approval', print: 'print', remove: 'remove', save: 'save', takenorder: 'takenorder', }, datetime:{ to: 'to', start: 'start', end: 'end', now: 'now', yesterday: 'yesterday', last7: 'last 7 days', last28: 'last 28 days', last84: 'last 84 days', halfYear: 'half a yaer', oneYear: 'one year', overdue: 'overdue', threeMonth: '3 months', three_six_months: 'three to six months', six_nine_months: '六至九个月', nine_months: 'six to nine months', eighteen_months: '18 months ago', two_years: '2 years ago', three_years: '3 years ago', week: 'this week', month: 'this month', quarter: 'this quarter', year: 'this year', }, btn: { query: 'query' }, message: { turnOut: 'Successful circulation!', remove: 'Deleted successfully!', save: 'Saved successfully!', sureCheck: 'Are you sure to check it?', login: 'Login successful', nodeDel: 'Please select the node to delete', notDir: 'Non directory nodes cannot add child nodes', nodeEdit: 'Please select the node to modify', flow_func: 'Only process or function nodes can be selected', addData: 'Please add data', isConfirm: 'This operation will permanently delete the data. Do you want to continue?', confirm: 'confirm', cancel: 'cancel', confirmCancel: 'Are you sure to cancel?' }, templates: { list: 'list', detail: 'detail', adds: 'adds' } }

Ignore Space Show notes View project/hivuiBirt/lang/es.js 0 → 100644

export default { route: { homepage: 'Panel de control', documentation: 'Documentación', guide: 'Guía', permission: 'Permisos', rolePermission: 'Permisos de rol', pagePermission: 'Permisos de la página', directivePermission: 'Permisos de la directiva', icons: 'Iconos', components: 'Componentes', tinymce: 'Tinymce', markdown: 'Markdown', jsonEditor: 'Editor JSON', dndList: 'Lista Dnd', splitPane: 'Panel dividido', avatarUpload: 'Subir avatar', dropzone: 'Subir ficheros', sticky: 'Sticky', countTo: 'CountTo', componentMixin: 'Mixin', backToTop: 'Ir arriba', dragDialog: 'Drag Dialog', dragSelect: 'Drag Select', dragKanban: 'Drag Kanban', charts: 'Gráficos', keyboardChart: 'Keyboard Chart', lineChart: 'Gráfico de líneas', mixChart: 'Mix Chart', example: 'Ejemplo', nested: 'Rutas anidadass', menu1: 'Menu 1', 'menu1-1': 'Menu 1-1', 'menu1-2': 'Menu 1-2', 'menu1-2-1': 'Menu 1-2-1', 'menu1-2-2': 'Menu 1-2-2', 'menu1-3': 'Menu 1-3', menu2: 'Menu 2', Table: 'Tabla', dynamicTable: 'Tabla dinámica', dragTable: 'Arrastrar tabla', inlineEditTable: 'Editor', complexTable: 'Complex Table', tab: 'Pestaña', form: 'Formulario', createArticle: 'Crear artículo', editArticle: 'Editar artículo', articleList: 'Listado de artículos', errorPages: 'Páginas de error', page401: '401', page404: '404', errorLog: 'Registro de errores', excel: 'Excel', exportExcel: 'Exportar a Excel', selectExcel: 'Export seleccionado', mergeHeader: 'Merge Header', uploadExcel: 'Subir Excel', zip: 'Zip', pdf: 'PDF', exportZip: 'Exportar a Zip', theme: 'Tema', clipboardDemo: 'Clipboard', i18n: 'I18n', externalLink: 'Enlace externo', profile: 'Profile' }, navbar: { logOut: 'Salir', homepage: 'Panel de control', github: 'Github', theme: 'Tema', size: 'Tamaño global', profile: 'Profile' }, login: { title: 'Formulario de acceso', logIn: 'Acceso', username: 'Usuario', password: 'Contraseña', any: 'nada', thirdparty: 'Conectar con', thirdpartyTips: 'No se puede simular en local, así que combine su propia simulación de negocios. ! !' }, documentation: { documentation: 'Documentación', github: 'Repositorio Github' }, permission: { addRole: 'Nuevo rol', editPermission: 'Permiso de edición', roles: 'Tus permisos', switchRoles: 'Cambiar permisos', tips: 'In some cases it is not suitable to use v-permission, such as element Tab component or el-table-column and other asynchronous rendering dom cases which can only be achieved by manually setting the v-if.', delete: 'Borrar', confirm: 'Confirmar', cancel: 'Cancelar' }, guide: { description: 'The guide page is useful for some people who entered the project for the first time. You can briefly introduce the features of the project. Demo is based on ', button: 'Ver guía' }, components: { documentation: 'Documentación', tinymceTips: 'Rich text editor is a core part of management system, but at the same time is a place with lots of problems. In the process of selecting rich texts, I also walked a lot of detours. The common rich text editors in the market are basically used, and the finally chose Tinymce. See documentation for more detailed rich text editor comparisons and introductions.', dropzoneTips: 'Because my business has special needs, and has to upload images to qiniu, so instead of a third party, I chose encapsulate it by myself. It is very simple, you can see the detail code in @/components/Dropzone.', stickyTips: 'when the page is scrolled to the preset position will be sticky on the top.', backToTopTips1: 'When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner', backToTopTips2: 'You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally', imageUploadTips: 'Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.' }, table: { dynamicTips1: 'Fixed header, sorted by header order', dynamicTips2: 'Not fixed header, sorted by click order', dragTips1: 'Orden por defecto', dragTips2: 'The after dragging order', title: 'Título', importance: 'Importancia', type: 'Tipo', remark: 'Remark', search: 'Buscar', add: 'Añadir', export: 'Exportar', reviewer: 'reviewer', id: 'ID', date: 'Fecha', author: 'Autor', readings: 'Lector', status: 'Estado', actions: 'Acciones', edit: 'Editar', publish: 'Publicar', draft: 'Draft', delete: 'Eliminar', cancel: 'Cancelar', confirm: 'Confirmar' }, example: { warning: 'Creating and editing pages cannot be cached by keep-alive because keep-alive include does not currently support caching based on routes, so it is currently cached based on component name. If you want to achieve a similar caching effect, you can use a browser caching scheme such as localStorage. Or do not use keep-alive include to cache all pages directly. See details' }, errorLog: { tips: 'Please click the bug icon in the upper right corner', description: 'Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.', documentation: 'Documento de introducción' }, excel: { export: 'Exportar', selectedExport: 'Exportar seleccionados', placeholder: 'Por favor escribe un nombre de fichero' }, zip: { export: 'Exportar', placeholder: 'Por favor escribe un nombre de fichero' }, pdf: { tips: 'Here we use window.print() to implement the feature of downloading pdf.' }, theme: { change: 'Cambiar tema', documentation: 'Documentación del tema', tips: 'Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.' }, tagsView: { refresh: 'Actualizar', close: 'Cerrar', closeOthers: 'Cerrar otros', closeAll: 'Cerrar todos' }, settings: { title: 'Page style setting', theme: 'Theme Color', tagsView: 'Open Tags-View', fixedHeader: 'Fixed Header', sidebarLogo: 'Sidebar Logo' } }

Ignore Space Show notes View project/hivuiBirt/lang/index.js 0 → 100644

import Vue from 'vue' import VueI18n from 'vue-i18n' import Cookies from 'js-cookie' import locale from 'element-ui/lib/locale' import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang import elementEsLocale from 'element-ui/lib/locale/lang/es'// element-ui lang import enLocale from './en' import zhLocale from './zh' import esLocale from './es' Vue.use(VueI18n) const messages = { en: { ...enLocale, ...elementEnLocale }, zh: { ...zhLocale, ...elementZhLocale }, es: { ...esLocale, ...elementEsLocale } } export function getLanguage() { const chooseLanguage = Cookies.get('language') if (chooseLanguage) return chooseLanguage // if has not choose language const language = (navigator.language || navigator.browserLanguage).toLowerCase() const locales = Object.keys(messages) for (const locale of locales) { if (language.indexOf(locale) > -1) { return locale } } return 'en' } const i18n = new VueI18n({ // set locale // options: en | zh | es locale: getLanguage(), // set locale messages messages }) // 配置elementUI 语言转换关系 locale.i18n((key, value) => i18n.t(key, value)) export default i18n

Ignore Space Show notes View project/hivuiBirt/lang/zh.js 0 → 100644

export default { route: { homepage: '首页', taskCenter: '任务中心', systemManagement:"系统管理", userQuery:"查询用户", userAdd:"新增用户", userEdit:"实名认证", orgManagement:"机构管理", roleManagement:"岗位管理", levelManagement:"职级管理", menuManagement:"菜单管理", authorizationManagement:"权限管理", addAuth:"分配权限", updateAuth:"修改权限", queryAuth:"反查权限", enumsManagement:"字典管理", numManagement:"单号维护", executorQuery:"执行者配置", executorAdd:"新增执行者", basicData:"基础数据", medQuery:"药品字典", medqxQuery:"医疗器械字典", enumsglQuery:"业务字典", cwBlankQuery:"银行帐户", pdtQuery:"生产企业", noteQuery:"单据摘要", ypManagement:"药品管理", ypMedQuery:"查询药品", ypMedAdd:"新增药品", ypMedModifyQuery:"查询药品修改", ypMedModify:"新增药品修改", ypPriceQuery:"查询药品价格", ypPriceAdd:"新增药品价格", medicineShare:"药品公营设置", medicineSellParam:"药品销售参数设置", customer:"客户管理", customerQuery:"查询客户", customerAdd:"新增客户", supplierQuery:"查询供应商", supplierAdd:"新增供应商", purchase:"采购入库管理", purchaseQuery:"查询采购订单", purchaseAdd:"新增采购订单", cgshQuery:"查询采购收货", cgshAdd:"新增采购收货", cgthQuery:"查询采购退货单", cgthAdd:"新增采购退货单", cgtkQuery:"查询采购退款单", cgtkAdd:"新增采购退款单", cgzhQuery:"采购订单综合查询", sale:"销售出库管理", salesQuery:"查询销售单", salesAdd:"新增销售单", xsthQuery:"查询销售退回", xsbjAdd:"新增销售退回", xsbjQuery:"查询销售补价", xsbjAdd:"新增销售补价", cgzhQuery:"销售综合查询", stock:"仓库管理", stockQuery:"查询库存", stockDtlQuery:"查询库存明细", ccfDtlQuery:"查询仓储费", stockModify:"批量修改库存", stockPhtzQuery:"查询批号调整", stockPhtzAdd:"新增批号调整", ykdQuery:"查询移库单", ykdAdd:"新增移库单", stockKcpdQuery:"查询库存盘点", stockKcpdAdd:"新增库存盘点", stockPdclQuery:"查询盘点盈亏处理", stockPdclAdd:"新增盘点盈亏处理", stockAxis:"仓位管理", cwzhgl:"帐户管理", cwAccountQuery:"查询资金帐户", cwAccountAdd:"新增资金帐户", cwAccountInAdd:"资金帐户充值", cwAccountOutAdd:"资金帐户转帐", cwAccountDtlQuery:"查询资金明细", cwAssetsQuery:"查询资产帐户", cwAssetsAdd:"新增资产帐户", cwAssetsDtlQuery:"查询资产明细", cwAssetsDtlAdd:"新增资产明细", cwCreditQuery:"查询信用帐户", cwCreditAdd:"新增信用帐户", cwCreditDtlQuery:"查询信用明细", cwCreditDtlAdd:"新增信用明细", cwTaxQuery:"查询税款帐户", cwTaxAdd:"新增税款帐户", cwTaxDtlQuery:"查询税款明细", cwTaxDtlAdd:"新增税款明细", cwAccountMe:"我的帐户", cwgl:"财务管理", cwFkdjQuery:"查询付款单", cwFkdjAdd:"新增付款单", cwSkdQuery:"查询收款单", cwSkdAdd:"新增收款单", cwDkdjQuery:"查询到款登记", cwDkdjAdd:"新增到款登记", cwDkrlQuery:"查询到款认领", cwDkrlAdd:"新增到款认领", cwDpdjQuery:"查询到票登记", cwDpdjAdd:"新增到票登记", cwDprlQuery:"查询到票认领", cwDprlAdd:"新增到票认领", cwKpdjQuery:"查询开票单", cwkpdjAdd:"查询开票单", cwTxsqQuery:"查询提现单", cwTxsqAdd:"新增提现单", ysgl:"运输管理", ysWtysQuery:"查询委托运输", ysWtysAdd:"新增委托运输", ysJjysQuery:"查询交接运输", ysJjysAdd:"新增交接运输", medyh:"药品养护", medYhQuery:"查询药品养护", medYhAdd:"新增药品养护", medPtYhQuery:"普通药品养护", medZdYhQuery:"重点药品养护", medLlYhQuery:"冷链药品养护", medBsxhQuery:"查询药品报损销毁", medBsxhAdd:"新增药品报损销毁", datasource:"数据源", hcDataset:"HcDataSet 查询数据集", hcEditDataset:"HcEditDataSet 编辑数据集", hcBuild:"Build 代码生成器", birt:"容器", birtWorkBook:"BirtWorkBook 工作薄", hc_data:"数据", hcTable:"HcTable 表格", hcDataList:"HcDataList 数据列表", hcTree:"hcTree", hcPagination:"HcPagination 分页", birtBasic:"基础报表", FormBirt:"表单", FormListBirt:"段落明细", GridListBirt:"网格明细", GridSummery:"网格小计总计", Print:"打印", }, navbar: { homepage: '首页', github: '项目地址', logOut: '退出登录', profile: '个人中心', theme: '换肤', size: '布局大小', type: '布局方向', searchPlaceholder: '搜索', debug: '调试', Chinese: '中文', English: '英文', }, login: { title: '系统登录', logIn: '登录', username: '账号', password: '密码', any: '随便填', thirdparty: '第三方登录', thirdpartyTips: '本地不能模拟，请结合自己业务进行模拟！！！' }, formToolBar: { add: '添加', cancel: '取消', flowOut: '流转', flowBack: '回退', signOut: '加签', turnOut: '转办', terminate: '终止', monitor: '流程监控', approval: '流程审批', print: '打印', remove: '删除', save: '保存', takenorder: '调单', }, datetime:{ to: '至', start: '开始日期', end: '结束日期', now: '本日', yesterday: '昨日', last7: '近7日', last28: '近28日', last84: '近84日', halfYear: '近半年', oneYear: '近1年', overdue: '已过期', threeMonth: '三个月内', three_six_months: '三至六个月', six_nine_months: '六至九个月', nine_months: '九个月以上', eighteen_months: '18个月上', two_years: '二年以上', three_years: '三年以上', week: '本周', month: '本月', quarter: '本季度', year: '本年度', }, btn: { query: '查询' }, message: { turnOut: '流转成功!', remove: '删除成功！', save: '保存成功！', sureCheck: '确定勾选吗?', login: '登录成功', nodeDel: '请选择要删除的节点', notDir: '非目录节点不能新增子节点', nodeEdit: '请选择要修改的节点', flow_func: '只能选中流程或功能节点', addData: '请添加数据', isConfirm: '此操作将永久删除该数据, 是否继续?', confirm: '确定', cancel: '取消', confirmCancel: '确定取消吗?' }, templates: { list: '列表', detail: '详情', adds: '批量新增' } }

Ignore Space Show notes View project/hivuiBirt/mixins/permission_assign.js

import request from '@birt/funclib/AxiosUtil' import { addPermission, getResData, getDataAccess } from "@birt/api/user"; import pinyin from "js-pinyin"; export default { data() { return { resData: [], rData: [], schemeData: [], regs: [], allDataTree: [], resources: [], allData: [], roleData: [], orgData: [], orgfilter: [] } }, methods: { getResource() { getResData().then(res => { if (res.status == 200) { this.resData = res.dataPack; // let list = res.dataPack; // console.log('list', list) // if(list && list.length > 0){ // t.arrKeysToUpper(list).then((_s) => { // this.resData = _s; // console.log('this.resData,',this.resData) // }); // } } var data1 = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; this.getScheme(data1); }); }, //匹配带参数的url getSchemeData(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme || ""; }, getScheme(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 || // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other || new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addOpetionData(resData, rData) { debugger resData.forEach((w, j) => { var FRESURL = w.FRESURL; if (w.FRESTYPE !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.FDASCHEMEID || ""; if (FRESURL) { w.daPower = this.getSchemeData(rData, FRESURL); } else { w.daPower = ""; } if (w.children && w.children.length > 0) { this.addOpetionData(w.children, rData); } // newResData.push(w); }); }, saveResource(orgDatas, resList, chkClearorg, chkClearres, done, instance) { debugger; var sysResourceOrg = new Array(); var sysResourceRole = new Array(); var resDatas = new Array(); this.getResList(resList, resDatas); for (var orgList of orgDatas) { if (orgList.NODETYPE !== "dir") { var guidName = orgList.NODETYPE == "role" ? "froleguid" : "forgguid"; resDatas = resDatas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (var resData of resDatas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined || resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = orgList.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue && resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } obj.guidName = guidName; var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; obj[guidName] = orgList.ID; if (guidName == "froleguid") { sysResourceRole.push(obj); } else { sysResourceOrg.push(obj); } } } } var saveData = { orgs: sysResourceOrg, roles: sysResourceRole, clean: chkClearorg, cleanRes: chkClearres, }; addPermission(saveData) .then(res => { if (res.status == 200) { this.$message.success("添加权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); }else{ instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethod(store, loadCdion, option, resolve) { debugger let me = this; var data = { modelFilePath: "/birt/entity/platf/SysDataaccessEntity.xml" }; me.getScheme(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; console.log('this.resData,',me.resData) me.addOpetionData(me.resData, me.rData); me.resources = me.resData; option = option || {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 handleTreeData(treeData, searchValue) { debugger if (!treeData || treeData.length === 0) { return []; } const array = []; for (let i = 0; i < treeData.length; i += 1) { let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match |= treeData[i][pro].includes(searchValue); // if (match) break; // } // } let key = (treeData[i].FRESNAME + "_" + pinyin.getCamelChars(treeData[i].FRESNAME)).toUpperCase(); match |= key.includes(searchValue.toUpperCase()); // if (match) break; if (this.handleTreeData(treeData[i].children, searchValue).length > 0 || match) { array.push({ ...treeData[i], children: this.handleTreeData(treeData[i].children, searchValue) }); } } return array; }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children || (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getOrgDataOnAssign(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) }, getListByDatasets(data){ return request({ url: this.$HI.querysUrl, method: 'post', data }) } } } import request from '@birt/funclib/AxiosUtil' import { addPermission, getResData, getOrgData, getRoleData, getDataAccess } from "@birt/api/user"; import pinyin from "js-pinyin"; export default { data() { return { resData: [], rData: [], schemeData: [], regs: [], allDataTree: [], resources: [], allData: [], roleData: [], orgData: [], orgfilter: [] } }, // mounted() { // debugger // this.$nextTick(() => { // console.log('path', this.$route.path) // if(this.$route.path == '/platf/permission/func/assign.func') // this.getOrgData(-1); // }); // }, methods: { getOrgData(pid) { var __body = ""; if (pid) { __body = JSON.stringify({ queryCdions: { join: "and", items: [{ sign: "eq", name: "PID", desc: "", dataType: "string", value: pid.toString(), enabled: true }] } }); } var data = { modelFilePath: "/platf/org/entity/SysOrgListEntity.xml", __funcpath:"/platf/permission/func/assign.func", __body: __body }; getOrgData(data) .then(res => { if (res.status == 200) { this.orgData = res.dataPack.rows; this.orgData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); } var data1 = { modelFilePath: "/platf/role/entity/SysRoleListEntity.xml", __funcpath:"/platf/permission/func/assign.func", __body: __body }; this.getRoleData(data1); }) .catch(function (error) { console.log(error); }); }, getRoleData(data) { var me = this; getRoleData(data) .then(res => { me.roleData = res.dataPack.rows; me.roleData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); me.allData = me.orgData.concat(me.roleData); me.allData.forEach(recd => { recd.isAssign = false; }); var copydata = me.deepCopy(me.allData); me.allDataTree = me.arrayToJson(copydata, "ID", "PID"); me._getWorkBook().dataset.dsOrg.setData(me.allData); }) .catch(function (error) { console.log(error); }); }, getResource() { getResData().then(res => { if (res.status == 200) { this.resData = res.dataPack; // let list = res.dataPack; // console.log('list', list) // if(list && list.length > 0){ // t.arrKeysToUpper(list).then((_s) => { // this.resData = _s; // console.log('this.resData,',this.resData) // }); // } } var data1 = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; this.getScheme(data1); }); }, //匹配带参数的url getSchemeData(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme || ""; }, getScheme(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 || // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other || new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addOpetionData(resData, rData) { debugger resData.forEach((w, j) => { var FRESURL = w.FRESURL; if (w.FRESTYPE !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.FDASCHEMEID || ""; if (FRESURL) { w.daPower = this.getSchemeData(rData, FRESURL); } else { w.daPower = ""; } if (w.children && w.children.length > 0) { this.addOpetionData(w.children, rData); } // newResData.push(w); }); }, saveResource(orgDatas, resList, chkClearorg, chkClearres, done, instance) { debugger; var sysResourceOrg = new Array(); var sysResourceRole = new Array(); var resDatas = new Array(); this.getResList(resList, resDatas); for (var orgList of orgDatas) { if (orgList.NODETYPE !== "dir") { var guidName = orgList.NODETYPE == "role" ? "froleguid" : "forgguid"; resDatas = resDatas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (var resData of resDatas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined || resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = orgList.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue && resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } obj.guidName = guidName; var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; obj[guidName] = orgList.ID; if (guidName == "froleguid") { sysResourceRole.push(obj); } else { sysResourceOrg.push(obj); } } } } var saveData = { orgs: sysResourceOrg, roles: sysResourceRole, clean: chkClearorg, cleanRes: chkClearres, }; addPermission(saveData) .then(res => { if (res.status == 200) { this.$message.success("添加权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); }else{ instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethod(store, loadCdion, option, resolve) { debugger let me = this; var data = { modelFilePath: "/birt/entity/platf/SysDataaccessEntity.xml" }; me.getScheme(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; console.log('this.resData,',me.resData) me.addOpetionData(me.resData, me.rData); me.resources = me.resData; option = option || {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 handleTreeData(treeData, searchValue) { debugger if (!treeData || treeData.length === 0) { return []; } const array = []; for (let i = 0; i < treeData.length; i += 1) { let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match |= treeData[i][pro].includes(searchValue); // if (match) break; // } // } let key = treeData[i].FRESNAME + "_" + pinyin.getCamelChars(treeData[i].FRESNAME).toUpperCase(); match |= key.includes(searchValue.toUpperCase()); // if (match) break; if (this.handleTreeData(treeData[i].children, searchValue).length > 0 || match) { array.push({ ...treeData[i], children: this.handleTreeData(treeData[i].children, searchValue) }); } } return array; }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children || (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getOrgDataOnAssign(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) } } }

Ignore Space Show notes View project/hivuiBirt/mixins/permission_check.js

import request from '@birt/funclib/AxiosUtil' import { getResData,getDataAccess } from "@birt/api/user"; export default { methods:{ getSchemeC(data, me) { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, loadMethodC(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeC(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionData(me.resData, me.rData); console.log("resources 2222222", me.resData); option = option || {}; resolve.call(store, me.resData, option); } }); }) }, // 根据用户查询反查 getPermissionByUer(params){ return request({ url: '/sys/auth/query-all-user', method: 'post', data:params }) }, // 根据功能查询反查 getPermissionByResAll(params){ return request({ url: '/sys/auth/query-all-res', method: 'post', data:params }) }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children || (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, // 树形表格过滤 // handleTreeData(treeData, searchValue) { // debugger // if (!treeData || treeData.length === 0) { // return []; // } // const array = []; // for (let i = 0; i < treeData.length; i += 1) { // let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match |= treeData[i][pro].includes(searchValue); // if (match) break; // } // } // if ( // this.handleTreeData(treeData[i].children, searchValue).length > 0 || // match // ) { // array.push({ // ...treeData[i], // children: this.handleTreeData(treeData[i].children, searchValue) // }); // } // } // return array; // }, } } import request from '@birt/funclib/AxiosUtil' import { getResData } from "@birt/api/user"; export default { methods:{ getSchemeC(data, me) { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, loadMethodC(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeC(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionData(me.resData, me.rData); console.log("resources 2222222", me.resData); option = option || {}; resolve.call(store, me.resData, option); } }); }) }, // 根据用户查询反查 getPermissionByUer(params){ return request({ url: '/sys/auth/query-all-user', method: 'post', data:params }) }, // 根据功能查询反查 getPermissionByResAll(params){ return request({ url: '/sys/auth/query-all-res', method: 'post', data:params }) }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children || (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, // 树形表格过滤 // handleTreeData(treeData, searchValue) { // debugger // if (!treeData || treeData.length === 0) { // return []; // } // const array = []; // for (let i = 0; i < treeData.length; i += 1) { // let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match |= treeData[i][pro].includes(searchValue); // if (match) break; // } // } // if ( // this.handleTreeData(treeData[i].children, searchValue).length > 0 || // match // ) { // array.push({ // ...treeData[i], // children: this.handleTreeData(treeData[i].children, searchValue) // }); // } // } // return array; // }, } }

Ignore Space Show notes View project/hivuiBirt/mixins/permission_modify.js

import request from '@birt/funclib/AxiosUtil' import { getResData, getOrgData, getRoleData, editPermissionByAll, getDataAccess } from "@birt/api/user"; export default { data() { return { resDatas: [], orgTreeData: [], } }, // mounted() { // this.$nextTick(() => { // console.log('执行混入') // if (this.$route.path == '/platf/permission/func/modify.func') // this.getOrgDataM(-1); // }); // }, methods: { getOrgDataM(pid) { var __body = ""; if (pid) { __body = JSON.stringify({ queryCdions: { join: "and", items: [{ sign: "eq", name: "PID", desc: "", dataType: "string", value: pid.toString(), enabled: true }] } }); } var data = { modelFilePath: "/platf/org/entity/SysOrgListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; getOrgData(data) .then(res => { if (res.status == 200) { this.orgData = res.dataPack.rows; this.orgData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); } var data1 = { modelFilePath: "/platf/role/entity/SysRoleListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; this.getRoleDataM(data1); }) .catch(function (error) { console.log(error); }); }, getRoleDataM(data) { var me = this; getRoleData(data) .then(res => { me.roleData = res.dataPack.rows; me.roleData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); me.allData = me.orgData.concat(me.roleData); me.allData.forEach(recd => { recd.isAssign = false; }); var copydata = me.deepCopy(me.allData); me.orgTreeData = me.arrayToJson(copydata, "id", "pid"); me._getWorkBook().dataset.dsOrgTree.setData(me.allData); me._getWorkBook().dataset.dsOrg.setData(me.allData); }) .catch(function (error) { console.log(error); }); }, //匹配带参数的url getSchemeDataM(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme || ""; }, getSchemeM(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 || // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other || new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addDapower(resData,rData, fresurl){ resData.forEach((w, j) => { if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid || ""; if (fresurl) { w.daPower = this.getSchemeDataM(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } }); }, addOpetionDataM(resData, rData) { debugger resData.forEach((w, j) => { var fresurl = w.fresurl; if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid || ""; if (fresurl) { w.daPower = this.getSchemeData(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } if (w.children && w.children.length > 0) { this.addOpetionDataM(w.children, rData); } }); }, // 删除所有权限 delAllPermisson(node, done, instance) { debugger let url = node.NODETYPE == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; let guidName = node.NODETYPE == "role" ? "froleguid" : "forgguid"; var data = {} data[guidName] = node.ID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceM(saveData, done, instance, clearAuth, saveDirtyData) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let guidName = datas[0].assignType == "role" ? "froleguid" : "forgguid"; let url = datas[0].assignType == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; datas = datas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (let resData of datas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined || resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = resData.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for(var key in resData.daPower){ if(resData.daValue && resData.daValue.indexOf(key) != -1){ if(Array.isArray(resData.daPower[key])){ for(let item of resData.daPower[key]){ if(item.value == resData.daValue){ obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } }else{ obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; list.push(obj); } var data = new Object(); data[guidName] = datas[0].assignId || datas[0].assignGuid; data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, delAllPermissonByFun(node, done, instance) { debugger let url = "/sys/auth/update-batch-res"; var data = {} data.fresguid = node.FRESGUID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceByFun(saveData, done, instance, clearAuth, saveDirtyData,node) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let url = "/sys/auth/update-batch-res"; for (let resData of datas) { var obj = new Object(); if (node.FRESTYPE == "dir") { obj.fresguid = resData.FRESGUID || resData.fresguid; obj.forgguid = resData.forgguid || resData.ID; obj.froleguid = resData.FROLEGUID || resData.ID; obj.fresname = resData.FRESNAME || resData.fresname; obj.daValue = resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); continue; } else if ( node.FRESTYPE == "func" && (resData.daValue == undefined || resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.fresname + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID||resData.fresguid; if(resData.NODETYPE == 'role'){ } obj.forgguid = resData.forgguid || resData.forgguid; obj.froleguid = resData.FROLEGUID || resData.froleguid; obj.fresname = resData.FRESNAME || resData.fresname; obj.daValue = resData.DAVALUE || resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); } var data = new Object(); data.fresguid = node.FRESGUID data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethodM(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeM(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionDataM(me.resData, me.rData); me.resources = me.resData; option = option || {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 // handleTreeData(treeData, searchValue) { // debugger // if (!treeData || treeData.length === 0) { // return []; // } // const array = []; // for (let i = 0; i < treeData.length; i += 1) { // let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match |= treeData[i][pro].includes(searchValue); // if (match) break; // } // } // if ( // this.handleTreeData(treeData[i].children, searchValue).length > 0 || // match // ) { // array.push({ // ...treeData[i], // children: this.handleTreeData(treeData[i].children, searchValue) // }); // } // } // return array; // }, // 将过滤好的树形数据展开 // setExpandRow(handleTreeData) { // if (handleTreeData.length) { // for (let i of handleTreeData) { // this.expandRow.push(i.id); // if (i.children.length) { // this.setExpandRow(i.children); // } // } // } // }, arrayToJson1(treeArray, id, pid) { var r = []; var tmpMap = {}; for (var i = 0, l = treeArray.length; i < l; i++) { // 以每条数据的id作为obj的key值，数据作为value值存入到一个临时对象里面 tmpMap[treeArray[i][id]] = treeArray[i]; } for (i = 0, l = treeArray.length; i < l; i++) { var key = tmpMap[treeArray[i][pid]]; //循环每一条数据的pid，假如这个临时对象有这个key值，就代表这个key对应的数据有children，需要Push进去 //如果这一项数据属于哪个数据的子级 if (key) { // 如果这个数据没有children if (!key["children"]) { key["children"] = []; key["children"].push(treeArray[i]); // 如果这个数据有children } else { key["children"].push(treeArray[i]); } } else { //如果没有这个Key值，就代表找不到属于哪个数据，那就代表没有父级,直接放在最外层 r.push(treeArray[i]); } } return r; }, arrayToJson(data, id, pid) { debugger let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children || (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getPermissionByRes(params) { return request({ url: '/sys/auth/query-by-res?pn=birt', method: 'post', data: params }) }, // 根据用户查询反查 getPermissionByUer(params) { return request({ url: '/sys/auth/query-all-user?pn=birt', method: 'post', data: params }) }, // 根据功能查询反查 getPermissionByResAll(params) { return request({ url: '/sys/auth/query-all-res?pn=birt', method: 'post', data: params }) }, // 根据机构和岗位查询权限 getPermissionByAll(params, url) { return request({ url: url, method: 'post', data: params }) }, getOrgDataByUrl(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) } } } import request from '@birt/funclib/AxiosUtil' import { getResData, getOrgData, getRoleData, editPermissionByAll, getDataAccess } from "@birt/api/user"; export default { data() { return { resDatas: [], orgTreeData: [], } }, // mounted() { // this.$nextTick(() => { // console.log('执行混入') // if (this.$route.path == '/platf/permission/func/modify.func') // this.getOrgDataM(-1); // }); // }, methods: { getOrgDataM(pid) { var __body = ""; if (pid) { __body = JSON.stringify({ queryCdions: { join: "and", items: [{ sign: "eq", name: "PID", desc: "", dataType: "string", value: pid.toString(), enabled: true }] } }); } var data = { modelFilePath: "/platf/org/entity/SysOrgListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; getOrgData(data) .then(res => { if (res.status == 200) { this.orgData = res.dataPack.rows; this.orgData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); } var data1 = { modelFilePath: "/platf/role/entity/SysRoleListEntity.xml", __funcpath:"/platf/permission/func/modify.func", __body: __body }; this.getRoleDataM(data1); }) .catch(function (error) { console.log(error); }); }, getRoleDataM(data) { var me = this; getRoleData(data) .then(res => { me.roleData = res.dataPack.rows; me.roleData.forEach(val => { val.hasChildren = val.childrenCount > 0; val.isAssign = false; }); me.allData = me.orgData.concat(me.roleData); me.allData.forEach(recd => { recd.isAssign = false; }); var copydata = me.deepCopy(me.allData); me.orgTreeData = me.arrayToJson(copydata, "id", "pid"); me._getWorkBook().dataset.dsOrgTree.setData(me.allData); me._getWorkBook().dataset.dsOrg.setData(me.allData); }) .catch(function (error) { console.log(error); }); }, //匹配带参数的url getSchemeDataM(schemeData, fresurl) { var scheme = schemeData[fresurl]; if (!scheme) { schemeData.forEach((key,value) =>{ if(fresurl && fresurl.indexOf(key)>=0){ scheme=value; } }); } return scheme || ""; }, getSchemeM(data, me) { // getOrgData(data).then(res => { return new Promise(function (resolve, reject) { getDataAccess(data).then(res => { if (res.status == 200) { var list = res.dataPack, list1 = []; for (var i = 0; i < list.length; i++) { if (list[i].dataAccess) { var list2 = list[i].dataAccess; for (var j = 0; j < list2.length; j++) { list1.push({ funcUrl: list[i].funcUrl, name: list2[j].desc, value: list2[j].schemeid, TYPE: list2[j].schemeid, fdaguid: list2[j].schemeid }); } } } me.schemeData = list1; me.schemeData.forEach((v, i) => { v.isOther = i; var key = v.funcUrl; var data1 = me.rData.hasOwnProperty(key) ? me.rData[key] : new Object(); // if ( // v.TYPE.indexOf("other") !== -1 || // (v.TYPE.indexOf("other") == -1 && // me.rData[v.TYPE] != undefined) // ) { // var other = data1.other || new Array(); // other.push(v); // data1.other = other; // } else { // data1[v.TYPE] = v; // } data1[v.TYPE] = v; me.rData[key] = data1; }); resolve(); } else { reject(); } }); }); }, addDapower(resData,rData, fresurl){ resData.forEach((w, j) => { if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid || ""; if (fresurl) { w.daPower = this.getSchemeDataM(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } }); }, addOpetionDataM(resData, rData) { debugger resData.forEach((w, j) => { var fresurl = w.fresurl; if (w.frestype !== "dir") { w.opPower = { add: { value: 0 }, edit: { value: 0 }, delete: { value: 0 }, export: { value: 0 } }; } w.daValue = w.fdaschemeid || ""; if (fresurl) { w.daPower = this.getSchemeData(rData, fresurl); } else { w.daPower = ""; } if (w.foperates) { w.opAdd = w.foperates.indexOf(1) > -1; w.opDelete = w.foperates.indexOf(4) > -1; w.opEdit = w.foperates.indexOf(2) > -1; w.opExport = w.foperates.indexOf(8) > -1; } if (w.children && w.children.length > 0) { this.addOpetionDataM(w.children, rData); } }); }, // 删除所有权限 delAllPermisson(node, done, instance) { debugger let url = node.NODETYPE == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; let guidName = node.NODETYPE == "role" ? "froleguid" : "forgguid"; var data = {} data[guidName] = node.ID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceM(saveData, done, instance, clearAuth, saveDirtyData) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let guidName = datas[0].assignType == "role" ? "froleguid" : "forgguid"; let url = datas[0].assignType == "role" ? "/sys/auth/update-batch-role" : "/sys/auth/update-batch-org"; datas = datas.filter((item) =>{ return item.FRESTYPE != "dir" && item.FRESTYPE != "root" }) for (let resData of datas) { var obj = new Object(); if ( resData.FRESTYPE == "func" && (resData.daValue == undefined || resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.FRESNAME + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID; obj.forgguid = resData.FORGGUID; obj.fresname = resData.FRESNAME; if (resData.daPower && resData.daPower !== "") { for(var key in resData.daPower){ if(resData.daValue && resData.daValue.indexOf(key) != -1){ if(Array.isArray(resData.daPower[key])){ for(let item of resData.daPower[key]){ if(item.value == resData.daValue){ obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } }else{ obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.FRESGUID = resData.FRESGUID; list.push(obj); } var data = new Object(); data[guidName] = datas[0].assignId || datas[0].assignGuid; data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, delAllPermissonByFun(node, done, instance) { debugger let url = "/sys/auth/update-batch-res"; var data = {} data.fresguid = node.FRESGUID data.list = []; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, saveResourceByFun(saveData, done, instance, clearAuth, saveDirtyData,node) { debugger let list = new Array(); var list1 = new Array(); var datas = new Array(); if (saveData.length) { list1 = saveData; } else { list1 = saveDirtyData; } this.getResList(list1, datas); let url = "/sys/auth/update-batch-res"; for (let resData of datas) { var obj = new Object(); if (node.FRESTYPE == "dir") { obj.fresguid = resData.FRESGUID || resData.fresguid; obj.forgguid = resData.forgguid || resData.ID; obj.froleguid = resData.FROLEGUID || resData.ID; obj.fresname = resData.FRESNAME || resData.fresname; obj.daValue = resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); continue; } else if ( node.FRESTYPE == "func" && (resData.daValue == undefined || resData.daValue == "") ) { //弹出独立型功能必须选择权限,然后直接return this.$message({ type: "error", message: "功能 " + resData.fresname + " 为独立型功能，必须选择权限" }); instance.confirmButtonLoading = false; done(); return; } obj.fresguid = resData.FRESGUID||resData.fresguid; if(resData.NODETYPE == 'role'){ } obj.forgguid = resData.forgguid || resData.forgguid; obj.froleguid = resData.FROLEGUID || resData.froleguid; obj.fresname = resData.FRESNAME || resData.fresname; obj.daValue = resData.DAVALUE || resData.daValue; if (resData.daPower && resData.daPower !== "") { for (var key in resData.daPower) { if (resData.daValue.indexOf(key) != -1) { if (Array.isArray(resData.daPower[key])) { for (let item of resData.daPower[key]) { if (item.value == resData.daValue) { obj.fdaschemename = item.name; obj.fdaguid = item.fdaguid; obj.fdaschemeid = item.value; } } } else { obj.fdaschemename = resData.daPower[key].name; obj.fdaguid = resData.daPower[key].fdaguid; obj.fdaschemeid = resData.daPower[key].value; } } } } else { obj.fdaguid = ""; obj.fdaschemeid = ""; obj.fdaschemename = ""; } var foperates = new Array(); var dataOperateName = new Array(); if (resData.opAdd) { foperates.push(1); dataOperateName.push("添加"); } if (resData.opEdit) { foperates.push(2); dataOperateName.push("修改"); } if (resData.opDelete) { foperates.push(4); dataOperateName.push("删除"); } if (resData.opExport) { foperates.push(8); dataOperateName.push("导出"); } obj.foperates = foperates; obj.fresguid = resData.FRESGUID; list.push(obj); } var data = new Object(); data.fresguid = node.FRESGUID data.list = list; editPermissionByAll(data, url) .then(res => { if (res.status == 200) { this.$message.success("修改权限成功"); instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; done(); } else { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; } }) .catch(e => { instance.confirmButtonLoading = false; instance.confirmButtonText = "保存"; }); }, getResList(resList, resDatas) { for (var resData of resList) { if (resData.children && resData.children.length > 0) { resDatas.push(resData); this.getResList(resData.children, resDatas); //如果还是数组继续递归调用 } else { resDatas.push(resData); } } }, loadMethodM(store, loadCdion, option, resolve) { let me = this; var data = { modelFilePath: "/platf/dataaccess/entity/SysDataaccessEntity.xml" }; me.getSchemeM(data, me).then(function (value) { getResData().then(res => { if (res.status == 200) { me.resData = res.dataPack; me.addOpetionDataM(me.resData, me.rData); me.resources = me.resData; option = option || {}; resolve.call(store, me.resources, option); } }); }) }, // 树形表格过滤 // handleTreeData(treeData, searchValue) { // debugger // if (!treeData || treeData.length === 0) { // return []; // } // const array = []; // for (let i = 0; i < treeData.length; i += 1) { // let match = false; // for (let pro in treeData[i]) { // if (typeof treeData[i][pro] == "string") { // match |= treeData[i][pro].includes(searchValue); // if (match) break; // } // } // if ( // this.handleTreeData(treeData[i].children, searchValue).length > 0 || // match // ) { // array.push({ // ...treeData[i], // children: this.handleTreeData(treeData[i].children, searchValue) // }); // } // } // return array; // }, // 将过滤好的树形数据展开 // setExpandRow(handleTreeData) { // if (handleTreeData.length) { // for (let i of handleTreeData) { // this.expandRow.push(i.id); // if (i.children.length) { // this.setExpandRow(i.children); // } // } // } // }, arrayToJson1(treeArray, id, pid) { var r = []; var tmpMap = {}; for (var i = 0, l = treeArray.length; i < l; i++) { // 以每条数据的id作为obj的key值，数据作为value值存入到一个临时对象里面 tmpMap[treeArray[i][id]] = treeArray[i]; } for (i = 0, l = treeArray.length; i < l; i++) { var key = tmpMap[treeArray[i][pid]]; //循环每一条数据的pid，假如这个临时对象有这个key值，就代表这个key对应的数据有children，需要Push进去 //如果这一项数据属于哪个数据的子级 if (key) { // 如果这个数据没有children if (!key["children"]) { key["children"] = []; key["children"].push(treeArray[i]); // 如果这个数据有children } else { key["children"].push(treeArray[i]); } } else { //如果没有这个Key值，就代表找不到属于哪个数据，那就代表没有父级,直接放在最外层 r.push(treeArray[i]); } } return r; }, arrayToJson(data, id, pid) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach(item => { map[item[id]] = item; }); data.forEach(item => { let parent = map[item[pid]]; if (parent) { (parent.children || (parent.children = [])).push(item); } else { result.push(item); } }); return result; }, // tree转数组 jsonToArray(nodes) { var r = []; if (Array.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); // 取每项数据放入一个新数组 if ( Array.isArray(nodes[i]["children"]) && nodes[i]["children"].length > 0 ) // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r = r.concat(this.jsonToArray(nodes[i]["children"])); delete nodes[i]["children"]; } } return r; }, deepCopy(obj) { var object; // 深度复制数组 if (Object.prototype.toString.call(obj) == "[object Array]") { object = []; // for (var i = 0; i < obj.length; i++) { // object.push(deepCopy(obj[i])); // } for (var o of obj) { object.push(this.deepCopy(o)); } return object; } // 深度复制对象 if (Object.prototype.toString.call(obj) == "[object Object]") { object = {}; for (var p in obj) { object[p] = obj[p]; } return object; } }, getPermissionByRes(params) { return request({ url: '/sys/auth/query-by-res?pn=birt', method: 'post', data: params }) }, // 根据用户查询反查 getPermissionByUer(params) { return request({ url: '/sys/auth/query-all-user?pn=birt', method: 'post', data: params }) }, // 根据功能查询反查 getPermissionByResAll(params) { return request({ url: '/sys/auth/query-all-res?pn=birt', method: 'post', data: params }) }, // 根据机构和岗位查询权限 getPermissionByAll(params, url) { return request({ url: url, method: 'post', data: params }) }, getOrgDataByUrl(data){ return request({ url: this.$HI.queryUrl, method: 'post', data }) } } }

Ignore Space Show notes View project/hivuiBirt/styles/index.css

.custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1){ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn{ opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn{ opacity: 1; } .custom-tree-node .btn .el-icon-edit{ color: #67c23a; } .custom-tree-node .btn .el-icon-delete{ color: #f56c6c; } .cell .el-input-group__append{ padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button{ padding: 0; margin: 0; } /* .el-form-item__error{ line-height: 0; } */ .el-row>.zhc-birt-cell-children>.el-button { border: none; /* border-right: 1px solid #ddd; */ border-radius: 0; padding: 5px 15px; } /* 整个滚动条 */ ::-webkit-scrollbar { width: 8px; height: 10px; } /* 滚动条上的滚动滑块 */ ::-webkit-scrollbar-thumb { /* background-color: #49b1f5; */ /* 关键代码 */ /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); */ background-color: rgba(0,0,0,.3); border-radius: 32px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened,.el-icon-folder{ color: #ffc107; } .custom-tree-node .el-icon-document{ color: #009688; } .custom-tree-node .icon-root{ color: blue; } .custom-tree-node .icon-ptm{ color: royalblue; } .custom-tree-node .el-icon-user{ color: coral;; } .custom-tree-node .icon-org, .icon-func{ color: aqua; } .custom-tree-node .icon-dpt, .icon-flow{ color: deepskyblue; } .custom-tree-node .el-button.is-disabled i{ color: #C0C4CC !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before{ content: '*'; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 */ .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner{ border-color: #DCDFE6; } /* 弹框样式 */ .el-dialog__body .el-main{ padding: 0; } .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } /* tabs */ .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{ width: 60px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; } .el-tabs--right .el-tabs__item{ width: 40px; } .el-tabs--left, .el-tabs--right{ height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } /*取消mian的padding,防止大屏看板高度超出100%*/ .chart .zhc-birt-cell-children .el-main{ padding: 0; } .el-tabs .el-main{ padding: 0 } .toolBar{ padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar{ border: none; padding: 0!important; } .dataList_title{ margin-top:5px; } .dataList_title td{ margin-top:5px; position: relative; } .dataList_title td::before{ content: ' '; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX{ font-size: 22px; } .avatar-uploader{ background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox{ padding-left: 12px; } .el-table .el-table__cell{ padding: 7px 0; } .el-table .el-table__header-wrapper .el-table__cell, .el-table .el-table__fixed-header-wrapper .el-table__cell{ background: #f5f7fa !important; } .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > .el-table__cell, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell{ padding-top: 0; padding-bottom: 0; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell .cell, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell .cell{ padding: 0 10px; } .el-table--small .el-form-item .el-form-item__content{ line-height: 32px; } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: #409EFF; } .custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1){ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn{ opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn{ opacity: 1; } .custom-tree-node .btn .el-icon-edit{ color: #67c23a; } .custom-tree-node .btn .el-icon-delete{ color: #f56c6c; } .cell .el-input-group__append{ padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button{ padding: 0; margin: 0; } /* .el-form-item__error{ line-height: 0; } */ .el-row>.zhc-birt-cell-children>.el-button { border: none; border-right: 1px solid #ddd; border-radius: 0; padding: 5px 15px; } /* 整个滚动条 */ ::-webkit-scrollbar { width: 8px; height: 10px; } /* 滚动条上的滚动滑块 */ ::-webkit-scrollbar-thumb { /* background-color: #49b1f5; */ /* 关键代码 */ /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); */ background-color: rgba(0,0,0,.3); border-radius: 32px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened,.el-icon-folder{ color: #ffc107; } .custom-tree-node .el-icon-document{ color: #009688; } .custom-tree-node .icon-root{ color: blue; } .custom-tree-node .icon-ptm{ color: royalblue; } .custom-tree-node .el-icon-user{ color: coral;; } .custom-tree-node .icon-org, .icon-func{ color: aqua; } .custom-tree-node .icon-dpt, .icon-flow{ color: deepskyblue; } .custom-tree-node .el-button.is-disabled i{ color: #C0C4CC !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before{ content: '*'; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 */ .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner{ border-color: #DCDFE6; } /* 弹框样式 */ .el-dialog__body .el-main{ padding: 0; } .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } /* tabs */ .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item{ width: 60px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; } .el-tabs--right .el-tabs__item{ width: 40px; } .el-tabs--left, .el-tabs--right{ height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } /*取消mian的padding,防止大屏看板高度超出100%*/ .chart .zhc-birt-cell-children .el-main{ padding: 0; } .el-tabs .el-main{ padding: 0 } .toolBar{ padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar{ border: none; padding: 0!important; } .dataList_title{ margin-top:5px; } .dataList_title td{ margin-top:5px; position: relative; } .dataList_title td::before{ content: ' '; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX{ font-size: 22px; } .avatar-uploader{ background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox{ padding-left: 12px; } .el-table .el-table__cell{ padding: 7px 0; } .el-table .el-table__header-wrapper .el-table__cell, .el-table .el-table__fixed-header-wrapper .el-table__cell{ background: #f5f7fa !important; } .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > .el-table__cell, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell{ padding-top: 0; padding-bottom: 0; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell .cell, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody >.el-table__row > .el-table__cell .cell{ padding: 0 10px; } .el-table--small .el-form-item .el-form-item__content{ line-height: 32px; }

Ignore Space Show notes View project/hivuiBirt/templates/compose/org-tree-edit.jsx

/** * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 * @param {*} dsId 绑定过滤数据集ID * @param {*} option 扩展选项 * @returns */ import pinyin from "pinyin"; import { JsonUtil } from "@birt/funclib/JsonUtil" export function treeEditFilter(dlgId, dsId, option) { debugger let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_org"; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); }, } }; // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], // events: { // deleted:function() { // var _this = this.getWorkBook().dataset[dsId] // var vm = this // setDatas(_this, vm, 'delete') // }, // }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow || currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.tree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.tree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", renderContent(h, { node, data, store}) { var _this = this var iconClass = '' switch (data.FORGKIND) { case '.ROOT': iconClass = 'iconfont icon-root' break; case '.ORG': iconClass = 'iconfont icon-org' break; case '.DPT': iconClass = 'iconfont icon-dpt' break; case '.PTM': iconClass = 'iconfont icon-ptm' break; case '.PSM': iconClass = 'el-icon-user' break; default: iconClass = '' break; } return ( <span class="custom-tree-node"> <span title={data.FORGKINDNAME}> <i class={iconClass}></i> {node.label} </span> {/* <span class="btn"> <el-button size="large" title="删除" type="text" icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> */} </span>); } }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] } /** * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 * @param {*} dsId 绑定过滤数据集ID * @param {*} option 扩展选项 * @returns */ import pinyin from "pinyin"; import { JsonUtil } from "@birt/funclib/JsonUtil" export function treeEditFilter(dlgId, dsId, option) { debugger let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_org"; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); }, } }; // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], // events: { // deleted:function() { // var _this = this.getWorkBook().dataset[dsId] // var vm = this // setDatas(_this, vm, 'delete') // }, // }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow || currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.tree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.tree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", renderContent(h, { node, data, store}) { var _this = this var iconClass = '' switch (data.FORGKIND) { case '.ROOT': iconClass = 'iconfont icon-root' break; case '.ORG': iconClass = 'iconfont icon-org' break; case '.DPT': iconClass = 'iconfont icon-dpt' break; case '.PTM': iconClass = 'iconfont icon-ptm' break; case '.PSM': iconClass = 'el-icon-user' break; default: iconClass = '' break; } return ( <span class="custom-tree-node"> <span title={data.FORGKINDNAME}> <i class={iconClass}></i> {node.label} </span> {/* <span class="btn"> <el-button size="large" title="删除" type="text" icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> */} </span>); } }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] }

Ignore Space Show notes View project/hivuiBirt/templates/compose/tree-edit-filter.jsx

/** * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 * @param {*} dsId 绑定过滤数据集ID * @param {*} option 扩展选项 * @returns */ import { $CONST } from "@birt/funclib/ConstUtil"; import { JsonUtil } from "@birt/funclib/JsonUtil" import pinyin from "js-pinyin"; export function treeEditFilter(dlgId, dsId, option) { let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_" + dlgId; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); // if (filterKey) { // ds.addFilterCdion({ // sign: "pinyin", // name: filterField, // dataType: "string", // value: filterKey, // enable: true, // }); // // this.getRefCompt(treeId).filter( // // filterKey // // ); // } else { // ds.removeFilterCdion(filterField); // } }, } }; // 添加 let btnAddMenuId = "HcLookup_" + dlgId; let HcDropdownId = "HcDropdown_" + dlgId; let buttonAddMenu = { controlName: "HcLookup", controlId: btnAddMenuId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { var command = this.getWorkBook().param.command var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, command,data) }, }, }, children: [{ controlName: "HcDropdown", controlId: HcDropdownId, style: "float:left;width:90p;", vshow: false, events: { command: function (command) { this.getWorkBook().param.command = command let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow) { this.$message({ message: '请选择树节点要添加的位置', type: 'warning' }); return; } // 获取树当前选中记录，特殊处理虚拟根节点情况 let curtRecd; if (command == $CONST.BROTHER && currentRow._isVirtualRoot) { curtRecd = currentRow.children[currentRow.children.length - 1]; } else { curtRecd = currentRow; } let btnAddMenu = this.getRefCompt(btnAddMenuId); let pushRecd = btnAddMenu.getPushAddMapRecds(curtRecd); let pushParam = { pushType: "add", command: command, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) }, }, children: [ { controlName: "HcButton", controlId: "HcButton_02", size: "mini", title: "添加", children: [ { controlName: "HcIcon", controlId: "HcIcon_02_1", slot: "prev", className: "el-icon-plus el-icon--left", }, { controlName: "HcIcon", controlId: "HcIcon_02_2", className: "el-icon-arrow-down el-icon--right", }, ], }, { controlName: "HcDropdownMenu", controlId: "HcDropdownMenu_02", slot: "dropdown", children: [ { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_1", command: $CONST.BROTHER, title: "同 级", style: "width:80px;" }, { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_2", command: $CONST.CHILD, title: "子 级", }, ], }, ], }] } function add(node,data,_this, type){ debugger _this.getWorkBook().param.node = node if(type == 'brother'){ _this.getWorkBook().param.treeData = node.parent.data }else{ _this.getWorkBook().param.treeData = data } if(data.fresguid && type =='child' && !(data.FRESTYPE.toLocaleLowerCase() == 'dir' || data.FRESTYPE.toLocaleLowerCase() == '.dir' || data.fresguid == '-1')){ _this.$message({ message: '非目录节点不能新增子节点', type: 'warning' }); return } // if(type =='child'){ // node.loaded = false // node.expand() // } _this.getWorkBook().param.command = type let btnAddMenu = _this.getRefCompt(btnAddMenuId); var pushRecd = data; var pushParam = { pushType: "add", command: type, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) } // 修改 let btnEditId = "HcLookup_edit_" + dlgId; let buttonEdit = { controlName: "HcLookup", controlId: btnEditId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { debugger var _this = this.getWorkBook().dataset[dsId] var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var vm = this setDatas(_this, vm, 'edit',data) }, }, }, children: [ { controlName: "HcButton", title: "修改", icon: "el-icon-edit", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow || currentRow._isVirtualRoot) { this.$message({ message: '请选择要修改的节点', type: 'warning' }); return; } let btnEdit = this.getRefCompt(btnEditId); let pushRecd = btnEdit.getPushAddMapRecds(currentRow); let pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) }, }, } ] } function edit(node,data,store,_this){ _this.getWorkBook().param.node = node _this.getWorkBook().param.treeData = data let btnEdit = _this.getRefCompt(btnEditId); var pushRecd = data; var pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) } // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], events: { deleted:function() { var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, 'delete') }, // confirm(){ // var _this = this.getWorkBook().dataset[dsId], // curData = _this.getCurtRecord(), // vm = this, // data = {}, // url = '' // if(curData.FROLEGUID){ // data = { // FROLEGUID: curData.FROLEGUID // } // url = '/sys/role/delete?pn=' + pn // }else if(curData.FORGGUID){ // data = { // FORGGUID: curData.FORGGUID // } // url = '/sys/org/delete?pn=' + pn // }else if(curData.FRESGUID){ // data = { // FRESGUID: curData.FRESGUID // } // url = '/sys/menu/delete?pn=' + pn // } // delTree(data,url).then((res) =>{ // console.log('删除', res) // if(res.status == 200){ // Message.success('删除成功') // setDatas(_this, vm, 'delete') // }else{ // Message.error(res.msg) // } // }) // } }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow || currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } function getFisrt(obj){ var n=0; for(var key in obj){ return obj[key] } } // 应用树个性化配置 JsonUtil.deepMerge(buttonAddMenu, option.hcLookupAdd); JsonUtil.deepMerge(buttonEdit, option.hcLookupEdit); JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonAddMenu, option.hcLookup); JsonUtil.deepMerge(buttonEdit, option.hcLookup); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 查询数据集，set数据 function setDatas(_this, vm, type,data){ debugger // 清除树数据 _this.clear() let node = vm.getWorkBook().param.node let elTree = vm.getRefCompt(treeId) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.key) parent = parent.parent } // 缓存当前记录 let tempData = {} if(type == 'edit'){ tempData = data[0] }else if (type == 'delete'){ const pData = node.parent.data; tempData =pData }else{ const newChild = data[data.length -1]; elTree.defaultExpandedKeys.push(node.key) tempData = newChild; } _this.tempData = tempData // 重新加载树数据集 _this.query() _this.on("afterLoadData", afterLoadData); function afterLoadData(recd){ this.setCurtRecord(this.tempData); } // let treeData = vm.getWorkBook().param.treeData // let node = vm.getWorkBook().param.node // if(type == 'edit'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // // 修改父节点时子节点重复出现 // if(data[0].children){ // data[0].children=[] // } // nodeParent[nodeIndex].data = data[0] // _this.setCurtRecord(data[0]); // }else if (type == 'delete'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const parent = node.parent; // const children = parent.data.children || parent.data; // const index = children.findIndex(d => d[id] === node.data[id]); // children.splice(index, 1); // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // nodeParent.splice(nodeIndex, 1); // _this.setCurtRecord(parent.data); // }else{ // const newChild = data[data.length -1]; // if (!treeData.children) { // vm.$set(treeData, 'children', []); // } // treeData.children.push(newChild); // _this.setCurtRecord(newChild); // } } // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonAddMenu, buttonEdit, buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.elTree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.elTree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ // let res = variableDeepSearch(data.children, value.trim(),filterField) // res是过滤后得到的数据 let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, renderContent(h, { node, data, store}) { var _this = this var iconClass = '' var title = '' var disabled = false var childDisabled = false // if(node.isLeaf){ // iconClass = 'el-icon-document' // }else{ // if(node.expanded){ // iconClass = 'el-icon-folder-opened' // }else{ // iconClass = 'el-icon-folder' // } // } if(data.FROLEKIND || data.FROLEGUID){ if( data.FROLEKIND&&data.FROLEKIND.toLocaleLowerCase() == '.root' || data.FROLEKIND.toLocaleLowerCase() == 'root' || data.FROLEGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if( data.FROLEKIND.toLocaleLowerCase() == '.dir' || data.FROLEKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '岗位' childDisabled = true } }else if(data.FRESTYPE || data.FRESGUID){ if(data.FRESTYPE&&data.FRESTYPE.toLocaleLowerCase() == '.root' || data.FRESTYPE.toLocaleLowerCase() == 'root' || data.FRESGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FRESTYPE.toLocaleLowerCase() == '.dir' || data.FRESTYPE.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else if(data.FRESTYPE.toLocaleLowerCase() == '.func' || data.FRESTYPE.toLocaleLowerCase() == 'func'){ iconClass = 'iconfont icon-func' title = '功能' }else if(data.FRESTYPE.toLocaleLowerCase() == '.flow' || data.FRESTYPE.toLocaleLowerCase() == 'flow'){ iconClass = 'iconfont icon-flow' title = '流程' } }else if(data.FLEVELKIND || data.FLEVELGUID){ if( data.FLEVELKIND && data.FLEVELKIND.toLocaleLowerCase() == '.root' || data.FLEVELKIND.toLocaleLowerCase() == 'root' || data.FLEVELGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FLEVELKIND.toLocaleLowerCase() == '.dir' || data.FLEVELKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '职级' childDisabled = true } }else { iconClass = 'el-icon-document' } return ( <span class="custom-tree-node"> <span title={title}> <i class={iconClass}></i> {node.label} </span> <span class="btn"> <el-button size="large" title="新增同级" type="text" disabled={disabled} icon="el-icon-folder-add" on-click={ () => add(node,data,_this, 'brother') }></el-button> <el-button size="large" title="新增子级" type="text" disabled={childDisabled} icon="el-icon-circle-plus-outline" on-click={ () => add(node,data,_this,'child') }></el-button> <el-button size="large" title="编辑" type="text" disabled={disabled} icon="el-icon-edit" on-click={ () => edit(node,data,store,_this) }></el-button> <el-button size="large" title="删除" type="text" disabled={disabled} icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> </span>); }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] } /** * 树型组件编辑：新增、修改、删除，根据名称过滤节点操作 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 * @param {*} dsId 绑定过滤数据集ID * @param {*} option 扩展选项 * @returns */ import { $CONST } from "@birt/funclib/ConstUtil"; import { JsonUtil } from "@birt/funclib/JsonUtil" import pinyin from "js-pinyin"; export function treeEditFilter(dlgId, dsId, option) { let filterField = option.hcTree.labelField; let lazy = option.hcTree.lazy; let fireAction = lazy ? "" : "keyup"; let treeId = "HcTree_" + dlgId; // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: fireAction, events: { filterChange: function (filterKey) { this.getRefCompt(treeId).filter( filterKey ); // if (filterKey) { // ds.addFilterCdion({ // sign: "pinyin", // name: filterField, // dataType: "string", // value: filterKey, // enable: true, // }); // // this.getRefCompt(treeId).filter( // // filterKey // // ); // } else { // ds.removeFilterCdion(filterField); // } }, } }; // 添加 let btnAddMenuId = "HcLookup_" + dlgId; let HcDropdownId = "HcDropdown_" + dlgId; let buttonAddMenu = { controlName: "HcLookup", controlId: btnAddMenuId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { var command = this.getWorkBook().param.command var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, command,data) }, }, }, children: [{ controlName: "HcDropdown", controlId: HcDropdownId, style: "float:left;width:90p;", vshow: false, events: { command: function (command) { this.getWorkBook().param.command = command let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow) { this.$message({ message: '请选择树节点要添加的位置', type: 'warning' }); return; } // 获取树当前选中记录，特殊处理虚拟根节点情况 let curtRecd; if (command == $CONST.BROTHER && currentRow._isVirtualRoot) { curtRecd = currentRow.children[currentRow.children.length - 1]; } else { curtRecd = currentRow; } let btnAddMenu = this.getRefCompt(btnAddMenuId); let pushRecd = btnAddMenu.getPushAddMapRecds(curtRecd); let pushParam = { pushType: "add", command: command, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) }, }, children: [ { controlName: "HcButton", controlId: "HcButton_02", size: "mini", title: "添加", children: [ { controlName: "HcIcon", controlId: "HcIcon_02_1", slot: "prev", className: "el-icon-plus el-icon--left", }, { controlName: "HcIcon", controlId: "HcIcon_02_2", className: "el-icon-arrow-down el-icon--right", }, ], }, { controlName: "HcDropdownMenu", controlId: "HcDropdownMenu_02", slot: "dropdown", children: [ { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_1", command: $CONST.BROTHER, title: "同 级", style: "width:80px;" }, { controlName: "HcDropdownItem", controlId: "HcDropdownItem_02_2", command: $CONST.CHILD, title: "子 级", }, ], }, ], }] } function add(node,data,_this, type){ debugger _this.getWorkBook().param.node = node if(type == 'brother'){ _this.getWorkBook().param.treeData = node.parent.data }else{ _this.getWorkBook().param.treeData = data } if(data.fresguid && type =='child' && !(data.FRESTYPE.toLocaleLowerCase() == 'dir' || data.FRESTYPE.toLocaleLowerCase() == '.dir' || data.fresguid == '-1')){ _this.$message({ message: '非目录节点不能新增子节点', type: 'warning' }); return } // if(type =='child'){ // node.loaded = false // node.expand() // } _this.getWorkBook().param.command = type let btnAddMenu = _this.getRefCompt(btnAddMenuId); var pushRecd = data; var pushParam = { pushType: "add", command: type, dataset: btnAddMenu.lookDataset.dataset, data: [pushRecd] }; btnAddMenu.openLookDialog({ __push: pushParam }) } // 修改 let btnEditId = "HcLookup_edit_" + dlgId; let buttonEdit = { controlName: "HcLookup", controlId: btnEditId, dataset: dsId, lookDialog: { footer: ["cancel", "save"], events: { saved:function() { debugger var _this = this.getWorkBook().dataset[dsId] var dataset = this.getContent().dataset var data = getFisrt(dataset).getData() var vm = this setDatas(_this, vm, 'edit',data) }, }, }, children: [ { controlName: "HcButton", title: "修改", icon: "el-icon-edit", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow || currentRow._isVirtualRoot) { this.$message({ message: '请选择要修改的节点', type: 'warning' }); return; } let btnEdit = this.getRefCompt(btnEditId); let pushRecd = btnEdit.getPushAddMapRecds(currentRow); let pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) }, }, } ] } function edit(node,data,store,_this){ _this.getWorkBook().param.node = node _this.getWorkBook().param.treeData = data let btnEdit = _this.getRefCompt(btnEditId); var pushRecd = data; var pushParam = { pushType: "edit", dataset: btnEdit.lookDataset.dataset, data: [pushRecd] }; btnEdit.openLookDialog({ __push: pushParam }) } // 删除 let btnDeleteId = "HcLookup_delete_" + dlgId; let buttonDelete = { controlName: "HcLookup", controlId: btnDeleteId, dataset: dsId, lookDialog: { footer: ["cancel", "delete"], events: { deleted:function() { var _this = this.getWorkBook().dataset[dsId] var vm = this setDatas(_this, vm, 'delete') }, // confirm(){ // var _this = this.getWorkBook().dataset[dsId], // curData = _this.getCurtRecord(), // vm = this, // data = {}, // url = '' // if(curData.FROLEGUID){ // data = { // FROLEGUID: curData.FROLEGUID // } // url = '/sys/role/delete?pn=' + pn // }else if(curData.FORGGUID){ // data = { // FORGGUID: curData.FORGGUID // } // url = '/sys/org/delete?pn=' + pn // }else if(curData.FRESGUID){ // data = { // FRESGUID: curData.FRESGUID // } // url = '/sys/menu/delete?pn=' + pn // } // delTree(data,url).then((res) =>{ // console.log('删除', res) // if(res.status == 200){ // Message.success('删除成功') // setDatas(_this, vm, 'delete') // }else{ // Message.error(res.msg) // } // }) // } }, }, children: [ { controlName: "HcButton", title: "删除", icon: "el-icon-delete", size: "mini", style: "float:left;margin-left:5px;width:80px;", vshow: false, events: { click: function () { debugger let treeMenu = this.getRefCompt(treeId); let currentRow = treeMenu.elTree().getCurrentNode(); if (!currentRow || currentRow._isVirtualRoot) { this.$message({ message: '请选择要删除的节点', type: 'warning' }); return; } let btnDelete = this.getRefCompt(btnDeleteId); let pushRecd = btnDelete.getPushAddMapRecds(currentRow); let pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, // data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) }, }, } ] } function remove(node,data,store,_this){ debugger let wb = _this.getWorkBook(); wb.param.node = node wb.param.treeData = data let btnDelete = _this.getRefCompt(btnDeleteId); var pushRecd = data; var pushParam = { pushType: "delete", dataset: btnDelete.lookDataset.dataset, data: [pushRecd] }; Object.assign(pushParam,pushRecd); btnDelete.openLookDialog({ __push: pushParam }) } function getFisrt(obj){ var n=0; for(var key in obj){ return obj[key] } } // 应用树个性化配置 JsonUtil.deepMerge(buttonAddMenu, option.hcLookupAdd); JsonUtil.deepMerge(buttonEdit, option.hcLookupEdit); JsonUtil.deepMerge(buttonDelete, option.hcLookupDelete); JsonUtil.deepMerge(buttonAddMenu, option.hcLookup); JsonUtil.deepMerge(buttonEdit, option.hcLookup); JsonUtil.deepMerge(buttonDelete, option.hcLookup); // 查询数据集，set数据 function setDatas(_this, vm, type,data){ debugger // 清除树数据 _this.clear() let node = vm.getWorkBook().param.node let elTree = vm.getRefCompt(treeId) let parent = node.parent; while (parent) { elTree.defaultExpandedKeys.push(parent.key) parent = parent.parent } // 缓存当前记录 let tempData = {} if(type == 'edit'){ tempData = data[0] }else if (type == 'delete'){ const pData = node.parent.data; tempData =pData }else{ const newChild = data[data.length -1]; elTree.defaultExpandedKeys.push(node.key) tempData = newChild; } _this.tempData = tempData // 重新加载树数据集 _this.query() _this.on("afterLoadData", afterLoadData); function afterLoadData(recd){ this.setCurtRecord(this.tempData); } // let treeData = vm.getWorkBook().param.treeData // let node = vm.getWorkBook().param.node // if(type == 'edit'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // // 修改父节点时子节点重复出现 // if(data[0].children){ // data[0].children=[] // } // nodeParent[nodeIndex].data = data[0] // _this.setCurtRecord(data[0]); // }else if (type == 'delete'){ // let treeMenu = vm.getRefCompt(treeId); // let id = treeMenu.nodeKey // const parent = node.parent; // const children = parent.data.children || parent.data; // const index = children.findIndex(d => d[id] === node.data[id]); // children.splice(index, 1); // const nodeParent = node.parent.childNodes; // const nodeIndex = nodeParent.findIndex(d => d.key === node.key); // nodeParent.splice(nodeIndex, 1); // _this.setCurtRecord(parent.data); // }else{ // const newChild = data[data.length -1]; // if (!treeData.children) { // vm.$set(treeData, 'children', []); // } // treeData.children.push(newChild); // _this.setCurtRecord(newChild); // } } // 编辑树型按钮工具条 let treeEditToolbar = { controlName: "HcRow", style: "margin-top:5px;", children: [ buttonAddMenu, buttonEdit, buttonDelete, ] } // 编辑树组件 let hcTree = { controlName: "HcTree", controlId: treeId, dataset: dsId, labelField: filterField, // defaultExpandAll: true, // accordion: true, highlightCurrent: true, expandOnClickNode: false, lazy: false, mounted: function () { debugger this.store.elTree = this this.store.on("afterLoadData", afterLoadData); function afterLoadData(data){ debugger let tree = this.elTree let key = this._infcTree.idField let pKey = this._infcTree.parentIdField if(tree && key && pKey){ if(data && data[0][pKey] == -1){ if(tree.defaultExpandedKeys){ tree.defaultExpandedKeys.push(data[0][key]) }else{ tree.defaultExpandedKeys = [data[0][key]] } } } } }, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ // let res = variableDeepSearch(data.children, value.trim(),filterField) // res是过滤后得到的数据 let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 80; }, renderContent(h, { node, data, store}) { var _this = this var iconClass = '' var title = '' var disabled = false var childDisabled = false // if(node.isLeaf){ // iconClass = 'el-icon-document' // }else{ // if(node.expanded){ // iconClass = 'el-icon-folder-opened' // }else{ // iconClass = 'el-icon-folder' // } // } if(data.FROLEKIND || data.FROLEGUID){ if( data.FROLEKIND&&data.FROLEKIND.toLocaleLowerCase() == '.root' || data.FROLEKIND.toLocaleLowerCase() == 'root' || data.FROLEGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if( data.FROLEKIND.toLocaleLowerCase() == '.dir' || data.FROLEKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '岗位' childDisabled = true } }else if(data.FRESTYPE || data.FRESGUID){ if(data.FRESTYPE&&data.FRESTYPE.toLocaleLowerCase() == '.root' || data.FRESTYPE.toLocaleLowerCase() == 'root' || data.FRESGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FRESTYPE.toLocaleLowerCase() == '.dir' || data.FRESTYPE.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else if(data.FRESTYPE.toLocaleLowerCase() == '.func' || data.FRESTYPE.toLocaleLowerCase() == 'func'){ iconClass = 'iconfont icon-func' title = '功能' }else if(data.FRESTYPE.toLocaleLowerCase() == '.flow' || data.FRESTYPE.toLocaleLowerCase() == 'flow'){ iconClass = 'iconfont icon-flow' title = '流程' } }else if(data.FLEVELKIND || data.FLEVELGUID){ if( data.FLEVELKIND && data.FLEVELKIND.toLocaleLowerCase() == '.root' || data.FLEVELKIND.toLocaleLowerCase() == 'root' || data.FLEVELGUID == '-1'){ iconClass = 'iconfont icon-root' title = '根节点' disabled = true }else if(data.FLEVELKIND.toLocaleLowerCase() == '.dir' || data.FLEVELKIND.toLocaleLowerCase() == 'dir'){ iconClass = 'el-icon-folder' title = '文件夹' }else{ iconClass = 'iconfont icon-ptm' title = '职级' childDisabled = true } }else { iconClass = 'el-icon-document' } return ( <span class="custom-tree-node"> <span title={title}> <i class={iconClass}></i> {node.label} </span> <span class="btn"> <el-button size="large" title="新增同级" type="text" disabled={disabled} icon="el-icon-folder-add" on-click={ () => add(node,data,_this, 'brother') }></el-button> <el-button size="large" title="新增子级" type="text" disabled={childDisabled} icon="el-icon-circle-plus-outline" on-click={ () => add(node,data,_this,'child') }></el-button> <el-button size="large" title="编辑" type="text" disabled={disabled} icon="el-icon-edit" on-click={ () => edit(node,data,store,_this) }></el-button> <el-button size="large" title="删除" type="text" disabled={disabled} icon="el-icon-delete" on-click={ () => remove(node,data,store,_this) }></el-button> </span> </span>); }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 5px;", }; // 应用树个性化配置 Object.assign(hcTree, option.hcTree); // 返回布局结构 return [ inputFilter, treeEditToolbar, hcTree ] }

Ignore Space Show notes View project/hivuiBirt/templates/lookup/TreeSingleSelect.js

/** * 树节点查找返回，可多选，单选 * @param {*} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id] * @param {*} conf 组件定义配置项 * @returns */ import { inputFilterSelect } from "../compose/input-filter-select" import { StringUtil } from "@birt/funclib/StringUtil.js"; import pinyin from "pinyin"; var treeClickCount = 0, timer = null export function TreeSingleSelect(conf) { const dlgId = StringUtil.randomString(6); const treeId = "HcTree_" + dlgId; // 设置数据集id let lookDataset = conf.lookDataset; lookDataset.controlId += "_" + dlgId; // 关键字过滤框，带已未选方案 let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField); // 树节点选择器 // 只返回父节点 let checkStrictly = true; if (conf.hcTree.checkStrictly !== undefined) { checkStrictly = conf.hcTree.checkStrictly; } let hcTree = { controlName: "HcTree", controlId: treeId, // lazy: true, dataset: lookDataset.controlId, isTreeData: false, idField: conf.hcTree.idField, parentIdField: conf.hcTree.parentIdField, labelField: conf.hcTree.labelField, // showCheckbox: true, defaultExpandAll: true, checkStrictly: checkStrictly, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =(node.label +"_" + pinyin.getCamelChars(node.label)).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 55; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;", mounted: function () { this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad); let me = this; function doPageAfterLoad(param) { if (param) { me.elTree().setCheckedNodes(param.lastTargetRetuData || []); } } }, events:{ currentChange: function (data, node) { this.store.setCurtRecord(data); }, nodeClick: function (data) { debugger treeClickCount++; if (treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 timer = window.setTimeout(() => { if (treeClickCount == 1) { //把次数归零 treeClickCount = 0; //单击事件处理 } else if (treeClickCount > 1) { //把次数归零 treeClickCount = 0; //双击事件 if(data.fresguid && (data.frestype.indexOf('dir') > -1 || data.frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ let dlg = this.getWorkBook().dialog; if (dlg) { dlg._doConfirm(data); } } } }, 300); } } } // 返回布局结构 return { controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, confirm: function (callFun) { debugger // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord(); let dsLk = this.dataset[lookDataset.controlId].curtRecord; let retuData = []; retuData[0] = dsLk if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 || retuData[0].frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ return retuData; } }, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [lookDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ inputFilter, hcTree ] } ] } ] } } /** * 树节点查找返回，可多选，单选 * @param {*} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id] * @param {*} conf 组件定义配置项 * @returns */ import { inputFilterSelect } from "../compose/input-filter-select" import { StringUtil } from "@birt/funclib/StringUtil.js"; import pinyin from "pinyin"; var treeClickCount = 0, timer = null export function TreeSingleSelect(conf) { const dlgId = StringUtil.randomString(6); const treeId = "HcTree_" + dlgId; // 设置数据集id let lookDataset = conf.lookDataset; lookDataset.controlId += "_" + dlgId; // 关键字过滤框，带已未选方案 let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField); // 树节点选择器 // 只返回父节点 let checkStrictly = true; if (conf.hcTree.checkStrictly !== undefined) { checkStrictly = conf.hcTree.checkStrictly; } let hcTree = { controlName: "HcTree", controlId: treeId, // lazy: true, dataset: lookDataset.controlId, isTreeData: false, idField: conf.hcTree.idField, parentIdField: conf.hcTree.parentIdField, labelField: conf.hcTree.labelField, // showCheckbox: true, defaultExpandAll: true, checkStrictly: checkStrictly, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =node.label +"_" + pinyin.getCamelChars(node.label).toUpperCase(); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 55; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;", mounted: function () { this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad); let me = this; function doPageAfterLoad(param) { if (param) { me.elTree().setCheckedNodes(param.lastTargetRetuData || []); } } }, events:{ currentChange: function (data, node) { this.store.setCurtRecord(data); }, nodeClick: function (data) { debugger treeClickCount++; if (treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 timer = window.setTimeout(() => { if (treeClickCount == 1) { //把次数归零 treeClickCount = 0; //单击事件处理 } else if (treeClickCount > 1) { //把次数归零 treeClickCount = 0; //双击事件 if(data.fresguid && (data.frestype.indexOf('dir') > -1 || data.frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ let dlg = this.getWorkBook().dialog; if (dlg) { dlg._doConfirm(data); } } } }, 300); } } } // 返回布局结构 return { controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, confirm: function (callFun) { debugger // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord(); let dsLk = this.dataset[lookDataset.controlId].curtRecord; let retuData = []; retuData[0] = dsLk if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 || retuData[0].frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ return retuData; } }, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [lookDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ inputFilter, hcTree ] } ] } ] } }

Ignore Space Show notes View project/hivuiBirt/templates/pages/TabTableDetail.js

/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] * @param {*} conf 组件定义配置项 * @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import { QueryStyleFactory } from "../query-panel/QueryStyleFactory"; export function TabTableDetail(conf) { const dlgId = StringUtil.randomString(6); const hcTableId = "HcTable_" + dlgId; const hcTabsId = "HcTabs_" + dlgId; const hcTabListId = "list_" + dlgId; const hcTabDetailId = "detail_" + dlgId; const hcQueryPanelId = "HcQueryPanel_" + dlgId; const hcFormToolbarId = "HcFormToolbar_" + dlgId; // 设置数据集id，分页 const queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: hcQueryPanelId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) || {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, style: 'margin-right: 10px;margin-bottom: 5px;', tableId: hcTableId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar || {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: hcTableId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary: true, height: function (parentHeight) { return parentHeight - 120; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { var hcFormToolbar = this.getRefCompt(hcFormToolbarId) if(hcFormToolbar) hcFormToolbar.hide() let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({}, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } // 下推功能路径 // pushParam[$CONST.FUNCPATH] = this.getWorkBook().getModelPath(); curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable || {}); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var isEdit = queryDataset.controlName == 'HcEditDataset' if(!isEdit){ var extraBtn = { controlName: 'HcRow', controlId: 'ElRow_extra', style: 'position: absolute;z-index:99;right:-20px;top:120px;height: 40px;line-height: 40px;display:flex', title: '导出', children: [] .concat(hcFormToolbar ? hcFormToolbar : []) } }else{ Object.assign(hcFormToolbar, {style: 'margin: -7px -4% 3px;border: none;'}) } // 返回按钮 var returnBtn = { controlName: 'HcRow', controlId: 'HcRow_' + dlgId, style: 'position: absolute;top:5px;left:5%;z-index:2001;line-height: 30px;display:flex;', children:[ { controlName: 'HcButton', controlId: 'HcButton_' + dlgId, title: '返回', icon: 'el-icon-back', style:'padding: 5px 0;', type: 'text', size: 'large', // style: 'position: absolute;top:15px;left:5%;z-index:2001', events: { click: function () { let curtTabs = this.getRefCompt(hcTabsId); let qPanel = this.getRefCompt(hcQueryPanelId); curtTabs.setActiveTabName(hcTabListId); var hcFormToolbar = this.getRefCompt(hcFormToolbarId) if(hcFormToolbar) hcFormToolbar.show() if (qPanel) { qPanel.$refs[hcQueryPanelId].doQuery() } } } }, { controlName: "HcTextLabel", controlId: "TextLabel2_1", style:"margin-left: 10px;", className: 'text_title', style:'height:20px;line-height: 20px;margin-left: 10px;border-left: 1px solid #cdd3d8;padding: 0 20px;margin-top: 5px;', title: "详情", }, ] } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: hcTabListId, tabPosition: 'right', events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName var hcFormToolbar = this.getRefCompt(hcFormToolbarId) if(hcFormToolbar){ if (tabs.indexOf('detail') > -1) { hcFormToolbar.hide() } else { hcFormToolbar.show() } } } }, // type: "border-card", children: [{ controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: hcTabListId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcFormToolbar && isEdit ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(returnBtn) .concat(hcDetailForm ? hcDetailForm : []) } ],slot: [].concat(!isEdit ? extraBtn : []) } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook || {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset], children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] // .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) }] }] return birtWorkBook } /** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] * @param {*} conf 组件定义配置项 * @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import { QueryStyleFactory } from "../query-panel/QueryStyleFactory"; export function TabTableDetail(conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabListId = "list_" + dlgId; const hcTabDetailId = "detail_" + dlgId; const hcQueryPanelId = "HcQueryPanel_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: hcQueryPanelId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) || {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar || {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary: true, height: function (parentHeight) { return parentHeight - 120; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { debugger let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({}, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } // 下推功能路径 // pushParam[$CONST.FUNCPATH] = this.getWorkBook().getModelPath(); curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable || {}); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { debugger return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; // 返回按钮 var returnBtn = { controlName: 'HcButton', controlId: 'HcButton_' + dlgId, title: '返回', size: 'mini', style: 'position: absolute;top:35px;left:35px;z-index:2001', events:{ click:function(){ debugger let curtTabs = this.getRefCompt(hcTabsId); let qPanel = this.getRefCompt(hcQueryPanelId); curtTabs.setActiveTabName(hcTabListId); if(qPanel){ qPanel.$refs[hcQueryPanelId].doQuery() } } } } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: hcTabListId, tabPosition: 'right', // type: "border-card", children: [ { controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: hcTabListId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(returnBtn) .concat(hcDetailForm ? hcDetailForm : []) } ] } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook || {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] // .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) } ] } ] return birtWorkBook }

Ignore Space Show notes View project/hivuiBirt/templates/pages/TabTableSave.js

/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] * @param {*} conf 组件定义配置项 * @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil.js"; import axios from "@birt/funclib/AxiosUtil.js"; import {baseURL,projectName,requestUrl} from '@birt/config' export function TabTableSave(conf) { debugger const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; var addDataset = conf.addDataset; addDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } addDataset._editState = true; // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel || {}); } // 操作工具条 let listFormToolbar = false; let addFormToolbar = false; if (conf.listFormToolbar) { listFormToolbar = { controlName: "HcFormToolbar", controlId: "listHcFormToolbar_" + dlgId, dataset: queryDataset.controlId, style: 'margin: 0 -4%;', class: 'text', children: [], deleteSucced:function(saveData){ debugger this.store.resetPageStart() this.store.load() } } // 应用表单个性化配置 Object.assign(listFormToolbar, conf.listFormToolbar || {}); } if (conf.addFormToolbar) { addFormToolbar = { controlName: "HcFormToolbar", controlId: "addHcFormToolbar_" + dlgId, dataset: addDataset.controlId, style: 'margin: 0 -4%;', children: [] } // 应用表单个性化配置 Object.assign(addFormToolbar, conf.addFormToolbar || {}); } const hcTableId = "HcTable_" + dlgId const hcTableAddId = "HcTableAdd_" + dlgId // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, size: "small", showAddBtn: false, // showSummary:true, height: function (parentHeight) { return parentHeight - 160; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { debugger let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign(row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 网格新增 var hcTableAdd = { isEdit: true, controlName: "HcTable", controlId: hcTableAddId, dataset: addDataset.controlId, highlightCurrentRow: true, height: function (parentHeight) { return parentHeight - 100; }, size: "small", // showSummary:true, children: [], events: { currentChange: function (row) { this.store.setCurtRecord(row); } }, style: "margin:auto;" }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable || {}); Object.assign(hcTableAdd, conf.hcTableAdd || {}); // 操作列 let operateColumn = { controlName: "HcTableColumnScope", controlId: "HcTableColumn_operate", label: "操作", width: 150, headerAlign: "center", fixed: "right", slot: "scope", children: [{ controlName: "HcButton", controlId: "HcButton_add", type: "primary", icon: "el-icon-plus", size: 'mini', style: 'padding: 5px 15px;', disabled: function () { return this.store && this.store.allowAdd && !this.store.allowAdd(); }, events: { click() { let newRecd = this.store.newRecord(); this.store.add(newRecd); }, }, }, { controlName: "HcButton", controlId: "HcButton_del", type: "danger", size: 'mini', style: 'padding: 5px 15px;', icon: "el-icon-delete", disabled: function () { return this.store && this.store.allowRemove && !this.store.allowRemove(); }, events: { click() { this.store.remove(this.scope.row); }, }, }, ], } hcTableAdd.children.push(operateColumn); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, tabPosition: 'right', // events: { // click: function () { // var tabs = this.getRefCompt(hcTabsId).activeTabName // if (tabs.indexOf('detail') > -1) { // this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none' // } else { // this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex' // } // } // }, children: [{ controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(listFormToolbar ? listFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_add" + dlgId, label: "批量新增", name: "add_" + dlgId, children: [] .concat(addFormToolbar ? addFormToolbar : []) .concat(hcTableAdd) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) }, ], } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook || {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset, addDataset], children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcTabs) }] }] return birtWorkBook } /** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] * @param {*} conf 组件定义配置项 * @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil.js"; import axios from "@birt/funclib/AxiosUtil.js"; import {baseURL,projectName,requestUrl} from '@birt/config' var pn = projectName || 'birt' export function TabTableSave(conf) { debugger const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; var addDataset = conf.addDataset; addDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } addDataset._editState = true; // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel || {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar || {}); } const hcTableId = "HcTable_" + dlgId const hcTableAddId = "HcTableAdd_" + dlgId // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys" }, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); }, }, children: [], }; // 网格新增 var hcTableAdd = { isEdit: true, controlName: "HcTable", controlId: hcTableAddId, dataset: addDataset.controlId, highlightCurrentRow: true, height: function (parentHeight) { return parentHeight - 180; }, size: "small", // showSummary:true, children: [], events: { currentChange: function (row) { debugger this.store.setCurtRecord(row); if (this.store.data.length > 0) { this.getRefCompt('HcButton_save').conf.disabled = false } else { this.getRefCompt('HcButton_save').conf.disabled = true } } }, style: "margin:auto;" }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable || {}); Object.assign(hcTableAdd, conf.hcTableAdd || {}); // 操作列 let operateColumn = { controlName: "HcTableColumnScope", controlId: "HcTableColumn_operate", label: "操作", width: 100, headerAlign: "center", fixed: "right", slot: "scope", children: [{ controlName: "HcButton", controlId: "HcButton_add", type: "primary", circle: true, icon: "el-icon-plus", disabled: function () { return this.store && this.store.allowAdd && !this.store.allowAdd(); }, events: { click() { let newRecd = this.store.newRecord(); this.store.add(newRecd); }, }, }, { controlName: "HcButton", controlId: "HcButton_del", type: "danger", circle: true, icon: "el-icon-delete", disabled: function () { return this.store && this.store.allowRemove && !this.store.allowRemove(); }, events: { click() { this.store.remove(this.scope.row); }, }, }, ], } hcTableAdd.children.push(operateColumn); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 170; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var extraBtn = { controlName: 'HcRow', controlId: 'ElRow_extra', style: 'position: absolute;z-index:99;right:30px;height: 40px;line-height: 40px;display:flex', children: [{ controlName: "HcButton", controlId: "HcButton_set", title: "列设置", icon: "el-icon-setting", size: 'small', disabled: function () { return false }, events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('list') > -1) { this.getRefCompt(hcTableId).$children[0].showMenu('70%', 0) } else { this.getRefCompt(hcTableAddId).$children[0].showMenu('70%', 0) } } } }, { controlName: "HcButton", controlId: "HcButton_save", title: "保存", icon: "el-icon-s-claim", disabled: true, size: 'small', events: { click: function () { var data = {}, __body = [] var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('add') > -1) { data = this.getWorkBook().dataset[addDataset.controlId] var addData = data.getData() addData.forEach(tem => { tem.$state = 'rsInsert'; }) __body = [{ modelFilePath: data.modelFilePath, data: addData }] } else { data = this.getWorkBook().dataset[queryDataset.controlId] __body = [{ modelFilePath: data.modelFilePath, data: data.getDirtyData() }] } if (__body && __body.length > 0) { this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('保存成功') } else { this.$message.error(res.msg) } }); } else { this.$message.warning('请添加数据') } } }, mounted() { let data = this.getWorkBook().dataset[queryDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_cancel", title: "取消", disabled: true, icon: 'el-icon-close', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[queryDataset.controlId] data.cancel(); } }, mounted() { let data = this.getWorkBook().dataset[queryDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_del", title: "删除", icon: 'el-icon-delete', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[queryDataset.controlId] let removeData = this.getRefCompt(hcTableId).$children[0].elTable().selection; if (removeData.length == 0) { this.$message.warning('未勾选要删除的选项') } else { this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { removeData.forEach(tem => { tem.$state = 'rsDelete'; }) var __body = [{ modelFilePath: data.modelFilePath, data: removeData }] this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('删除成功') data.remove(removeData) } else { this.$message.error(res.msg) } }); }) } }, }, } ] } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('detail') > -1) { this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none' } else { this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex' } } }, children: [{ controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_add" + dlgId, label: "批量新增", name: "add_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTableAdd) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) }, ], slot: [].concat(extraBtn) } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 1; }, }, conf.birtWorkBook || {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset, addDataset], saveUrl: "/data/save?pn = " + pn, children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) // .concat(extraBtn) }] }] return birtWorkBook }

Ignore Space Show notes View project/hivuiMain/store/modules/app.js

import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu' import {turnMenuTree,field5Change3} from '@main/utils/index' const portal = { namespaced: true, state: { powerList:[], menusList:[], menus:[], defTabs: [], navs: [], latelyNavs:[], config:[], }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, SET_config: (state, config) => { state.config = config }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { await getMenus().then(res => { if(res.status==500){ if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } const data = res.dataPack; commit('SET_menusList', [...data]); console.log(`SET_menusList:`,[...data]); let treeData=[...data],defTabs=[]; treeData=turnMenuTree(field5Change3([...treeData])); getActiveItem(treeData); /*获取默认打开项*/ function getActiveItem(_arr){ _arr.map(item=>{ //构建 树 map let flag=false; if(item.children&&item.children.length>0){ getActiveItem(item.children); } for(let i = (state.defTabs||[]).length-1;i>=0;i--){ if(state.defTabs[i].resId!=item.resId){ flag=true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); } commit('SET_defTabs', [...defTabs,...state.defTabs]); console.info('menusTree:',[...treeData]); commit('SET_menus', treeData); return data; }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, //最近使用 async getLatelyUse({ commit, state }){ let me =this; await getLeastRecentlyUsed(me.state.user.id).then(res => { let data = res.dataPack; data=field5Change3([...data]); commit('SET_latelyNavs', data); return data; }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, getSysConfig({ commit, state }){ commit('SET_config', window.__sysConfig); } } } export default portal import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu' import {turnMenuTree,field5Change3} from '@main/utils/index' const portal = { namespaced: true, state: { powerList:[], menusList:[], menus:[], defTabs: [], navs: [], latelyNavs:[], config:[], }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, SET_config: (state, config) => { state.config = config }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { await getMenus().then(res => { if(res.status==500){ if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } const data = res.dataPack; commit('SET_menusList', [...data]); console.log(`SET_menusList:`,[...data]); let treeData=[...data],defTabs=[]; treeData=turnMenuTree(field5Change3([...treeData])); getActiveItem(treeData); /*获取默认打开项*/ function getActiveItem(_arr){ _arr.map(item=>{ //构建 树 map if(item.children&&item.children.length>0){ getActiveItem(item.children); } for(let i = (state.defTabs||[]).length-1;i>=0;i--){ if(state.defTabs[i].resId!=item.resId){ defTabs.push(item); break; } } }); } commit('SET_defTabs', [...defTabs,...state.defTabs]); console.info('menusTree:',[...treeData]); commit('SET_menus', treeData); return data; }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, //最近使用 async getLatelyUse({ commit, state }){ let me =this; await getLeastRecentlyUsed(me.state.user.id).then(res => { let data = res.dataPack; data=field5Change3([...data]); commit('SET_latelyNavs', data); return data; }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, getSysConfig({ commit, state }){ commit('SET_config', window.__sysConfig); } } } export default portal

Ignore Space Show notes View project/hivuiMain/views/layout/components/Header.vue

<template> <div class="pl-header"> <ul class="ltArea"> <li v-if="layout=='level'" class="logoStyle"> <div class="pl-logo" :style="{width: sideWidth}"> <div v-if="hasTitle" @click="hideTitle(false)"> <img :src="def_sy_logo" :width="sideWidth" v-if="logoSrc==''"> <img :src="logoSrc" :width="sideWidth" v-if="logoSrc!=''"> </div> <div v-else @click="hideTitle(true)"> <img :src="def_sy_minLogo" v-if="MlogoSrc==''"> <img :src="MlogoSrc" :width="sideWidth" v-if="MlogoSrc!=''"> </div> </div> </li> <li v-else> <div :style="{width: sideWidth}" class="pl-logo"> <img :src="def_sy_logo" :width="sideWidth" v-if="logoSrc==''"> <img :src="logoSrc" :width="sideWidth" v-if="logoSrc!=''"> </div> </li> <li v-if="sysList.length"> <div class="sysTrigger" ref='dom-sysList' @mouseover="handleShowSysList" @mouseout="handleHideSysList"> <span>{{$lang("projectManage")||"项目管理"}}</span> <i class="iconfont icon-change"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowSysList" @mouseleave="handleHideSysList" :style="sysListStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)"> <a class="title"><span class="txt">{{item.title}}111</span></a> </li> </ul> </li> <li v-if="layout == 'level'" > <div class="sysTrigger" ref="dom-latelyUse" :title='$lang("recentlyUsed")||"最近使用"' @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$lang("recentlyUsed")||"最近使用"}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.NAME}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$lang("noData")||"暂无数据"}} </li> </ul> </li> <li v-if="layout == 'level11111'" > <div class="sysTrigger"> <span>{{$lang("allFunction")||"全部功能"}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> </ul> <ul class="rtArea"> <li> <div class="pl-search" ref="dom-searchBox" > <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$lang('searchKey')||'搜索关键字'" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body> <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" style="width:100%" @click="openFunc(item)"> <a class="title"><span class="txt" v-html="item.html||item.name"></span></a> </li> <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips"> {{$lang("noData")||"暂无数据"}} </li> </ul> </li> <li v-if="sysProjectManage"> <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name"> <i class="iconfont" :class="sysProjectManage.iconClass"></i> <span class="title">{{sysProjectManage.name}}</span> </a> </li> <template v-for="item in sysFuncMenus"> <li v-if="item.type!='split'"> <template v-if="item.children&&item.children.length"> <div class="item" @mouseenter="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> <template v-if="!item.children||item.children&&item.children.length==0"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> </li> <li v-if="item.type=='split'"><div class="line"></div></li> </template> <!-- <li> <div class="item"> <div class="tip"> <i class="iconfont icon-user"></i> </div> <span class="title">{{this.$store.getters.userId}}/{{this.$store.getters.userName}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> <li><div class="line"></div></li> --> <!-- 用户信息 --> <li> <template v-if="sysUserInfo.children&&sysUserInfo.children.length"> <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)"> <div class="tip"> <i class="iconfont" :class="sysUserInfo.iconClass"></i> </div> <span class="title" v-html="sysUserInfo.html||sysUserInfo.name"></span> <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i> </div> </template> </li> <li><div class="line"></div></li> <li v-if="hasSetting"> <div class="item" :title="$lang('customWorkbench')||'自定义工作台'"> <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a> </div> </li> <li> <div class="item" :title="$lang('logout')||'退出系统'"> <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a> </div> </li> </ul> <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu> <modifyPw></modifyPw> </div> </template> <script> import pinyin from 'js-pinyin';//ie 下有问题 编译不过 import vueContextMenu from "@main/components/contextMenu"; import modifyPw from "@main/views/layout/components/modifyPw"; import {changeBz} from "@main/api/user"; import { removeToken } from '@main/utils/auth' import def_sy_loading from "@main/assets/logo_max.png" import def_sy_minLogo from "@main/assets/logo_min.png" import def_sy_logo from "@main/assets/logo.png" export default { components:{ vueContextMenu, modifyPw, }, inject:['addTab','showTab','hideTab'], props:{ hasTitle:{ type: Boolean, }, sideWidth:{ type: String, } }, data(){ return { menuItems:[], searchWord:"", searchList:[], seldIndex:0, menuShow:false, searchMenusStyle:{ display:'none', left:0, top:0, width:0, // maxHeight:'50%', // overflow:'auto' }, sysListStyle:{ display:'none', left:0, top:0, }, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, def_sy_minLogo:def_sy_minLogo, def_sy_logo:def_sy_logo, } }, computed:{ hasSetting(){ let cfg = this.$store.state.app.config||{}; return cfg.sysSetTabs&&cfg.sysSetTabs.length; }, sysList(){ let cfg = this.$store.state.app.config||{}; return cfg.sysList||[]; }, sysUserInfo(){ let me=this; let cfg = this.$store.state.app.config||{}; function replaceData(str){ if(!str)return ''; var _arr=str.match(/\${(\S*?)}/g); if(_arr&&_arr.length>0){ for(let i of _arr){ var _data=me.userInfo[i.match(/\${(\S*)}/)[1]]; if(typeof(_data)!="undefined"){ str=str.replace(i,_data); } } } return str; } let _userInfo=cfg.userInfo; if(_userInfo){ _userInfo.name=replaceData(_userInfo.name); if(_userInfo.children&&_userInfo.children.length>0){ _userInfo.children=_userInfo.children.map((item)=>{ item.name=replaceData(item.name); switch(item.type){ case "modifyUserInfo": item.handler=me.modifyUserInfo; break; case "modifyPw": item.handler=me.modifyPw; break; case "orgBz": if(Array.isArray(me.bzList)&&me.bzList.length>1){ item.children=[]; for(let i of me.bzList){ item.children.push({ iconClass:'icon-user', name:`${i.fbzname}/${i.fbzid}`, handler:function(){ me.__changeOrgBz(`${i.fbzid}`); } }); } } break; } return item; }); } } return _userInfo||[]; }, sysProjectManage(){ let cfg = this.$store.state.app.config||{}; let item = cfg.sysProjectMange||{},flag=false; this.$store.state.app.powerList.forEach(p=>{ if(p.resUrl.indexOf(item.uri)>-1){ flag = true; return true; } }); if(flag){ return cfg.sysProjectMange; }else{ return null; } }, sysFuncMenus(){ let cfg = this.$store.state.app.config||{}; let menus = cfg.sysFuncMenus||[]; return menus; }, logoSrc(){ let cfg = this.$store.state.app.config||{}; return (cfg.sysLogo&&cfg.sysLogo.src)||''; }, MlogoSrc(){ let cfg = this.$store.state.app.config||{}; return (cfg.MsysLogo&&cfg.MsysLogo.src)||''; }, layout(){ return window.localStorage.getItem('layout'); }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; }, token(){ return this.$store.getters.token; }, userInfo(){ return this.$store.state.user.userInfo; }, bzList(){ return this.$store.state.user.bzList; }, }, watch:{ searchWord(newVal,oldVal){ this.doSearch(newVal); } }, mounted(){ document.addEventListener('click',this.hideSeachResult); this.$store.dispatch("app/getSysConfig"); }, beforeDestroy(){ document.removeEventListener('click',this.hideSeachResult) }, methods:{ openDesign(){ this.$refs['cmp-dd'].show(); }, doSearch(cnKey){ if(cnKey==""){ this.hideSeachResult(); return; } this.showSeachResult(); let list = [], records = this.$store.getters.menusList; let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); console.log('records', records) //let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(list.length>10){ break; } if(re.test(cnKey)){ let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); //let y = Scp.String.getPinyin(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir' ){ list.push(item); continue; } } } this.$set(this,'searchList',list); }, openFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId) this.addTab(item);//inject 提供的方法只能 传一个参数 }, handleSearchBoxClick(){ this.doSearch(this.searchWord); this.$refs['dom-seachTxt'].focus(); }, handleSeachKeyUp(evt){ if(evt.keyCode==40){//ArrowDown if(this.seldIndex<this.searchList.length-1){ this.seldIndex++; }else{ this.seldIndex=0; } } if(evt.keyCode==38){//ArrowUp if(this.seldIndex==0){ this.seldIndex=this.searchList.length-1; }else{ this.seldIndex--; } } if(evt.keyCode==13){//enter let item = this.searchList[this.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId); this.addTab(item);//inject 提供的方法只能 传一个参数 this.searchWord = ""; this.seldIndex = 0; this.hideSeachResult(); } }, showSeachResult(){ this.searchMenusStyle.display ='block'; let s = this.$refs["dom-searchBox"]; let rect = s.getBoundingClientRect(); this.searchMenusStyle.left = rect.left+'px'; this.searchMenusStyle.top = rect.top + rect.height + 5 +'px'; this.searchMenusStyle.width = rect.width+'px'; }, hideSeachResult(){ this.searchMenusStyle.display ='none'; }, handleChangeSys(item){ if(!item.url)return; if(item.target=="_blank"){ window.open(item.url) }else{ window.location.href=item.url; } }, handleShowSysList(){ this.sysListStyle.display ='block'; let s = this.$refs["dom-sysList"]; let rect = s.getBoundingClientRect(); this.sysListStyle.left = rect.left+'px'; this.sysListStyle.top = rect.top + rect.height +'px'; }, handleHideSysList(){ this.sysListStyle.display ='none'; }, handleFuncMenus(item,$event){ $event.stopPropagation(); if(item.type== "link"){ window.open(item.resUrl,item.name); return; } var _url=item.url; if(item.type== "widthToken"||item.type== "withToken"){ _url=item.url+"&access_token="+this.token; } if(item.url){ item.target=='tab'? this.addTab(_url,item.name,item.id) : window.open(_url); return }else{ item.handler&&item.handler(); } if(item.children&&item.children.length){ this.menuItems = item.children; this.$refs['cmp-funcMenu'].open($event) } }, async handleLogout(){ await this.$store.dispatch("user/logout").then(()=>{ //removeToken(); location=window.HIVUI_SETTING.loginUrl; }); }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.FURI, name:item.NAME });//inject 提供的方法只能 传一个参数 }, hideTitle(name){ this.$emit('hideTitle', name); }, //切岗 __changeOrgBz(bzid){ changeBz({ bzid:bzid }).then(res=>{ window.location.reload(); }); }, modifyPw(){ this.$store.dispatch("user/showPwDialog",true); }, modifyUserInfo(){ }, } } </script> <style lang="less" scoped> .pl-header{ z-index: 99; } </style> <template> <div class="pl-header"> <ul class="ltArea"> <li v-if="layout=='level'" class="logoStyle"> <div class="pl-logo" :style="{width: sideWidth}"> <div v-if="hasTitle" @click="hideTitle(false)"> <img :src="def_sy_logo" :width="sideWidth" v-if="logoSrc==''"> <img :src="logoSrc" :width="sideWidth" v-if="logoSrc!=''"> </div> <div v-else @click="hideTitle(true)"> <img :src="def_sy_minLogo" v-if="MlogoSrc==''"> <img :src="MlogoSrc" :width="sideWidth" v-if="MlogoSrc!=''"> </div> </div> </li> <li v-else> <div :style="{width: sideWidth}" class="pl-logo"> <img :src="def_sy_logo" :width="sideWidth" v-if="logoSrc==''"> <img :src="logoSrc" :width="sideWidth" v-if="logoSrc!=''"> </div> </li> <li v-if="sysList.length"> <div class="sysTrigger" ref='dom-sysList' @mouseover="handleShowSysList" @mouseout="handleHideSysList"> <span>{{$lang("projectManage")||"项目管理"}}</span> <i class="iconfont icon-change"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowSysList" @mouseleave="handleHideSysList" :style="sysListStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in sysList" @click="handleChangeSys(item)"> <a class="title"><span class="txt">{{item.title}}111</span></a> </li> </ul> </li> <li v-if="layout == 'level'" > <div class="sysTrigger" ref="dom-latelyUse" :title='$lang("recentlyUsed")||"最近使用"' @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse"> <i class="icon iconfont icon-time"></i> <span class="title">{{$lang("recentlyUsed")||"最近使用"}}</span> <i class="icon iconfont icon-arrow-down"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.NAME}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> {{$lang("noData")||"暂无数据"}} </li> </ul> </li> <li v-if="layout == 'level11111'" > <div class="sysTrigger"> <span>{{$lang("allFunction")||"全部功能"}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> </ul> <ul class="rtArea"> <li> <div class="pl-search" ref="dom-searchBox" > <input ref="dom-seachTxt" class="pl-search-text" type="text" :placeholder="$lang('searchKey')||'搜索关键字'" v-model.trim="searchWord" @keyup="handleSeachKeyUp" /> <i class="iconfont icon-search"></i> </div> <ul class="pl-menus pl-menus-sub pl-menus-pop" :style="searchMenusStyle" v-add2Body> <li :class="['pl-menus-item',seldIndex==index?'pl-menus-itemSeld':'']" v-for="item,index in searchList" style="width:100%" @click="openFunc(item)"> <a class="title"><span class="txt" v-html="item.html||item.name"></span></a> </li> <li v-show="searchList.length==0&&searchWord.length>0" class="pl-menus-tips"> {{$lang("noData")||"暂无数据"}} </li> </ul> </li> <li v-if="sysProjectManage"> <a :href="sysProjectManage.url" target='_blank' class="item" :title="sysProjectManage.name"> <i class="iconfont" :class="sysProjectManage.iconClass"></i> <span class="title">{{sysProjectManage.name}}</span> </a> </li> <template v-for="item in sysFuncMenus"> <li v-if="item.type!='split'"> <template v-if="item.children&&item.children.length"> <div class="item" @mouseenter="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> <template v-if="!item.children||item.children&&item.children.length==0"> <div class="item" @click.prevent="handleFuncMenus(item,$event)"> <div class="tip"> <i class="iconfont" :class="item.iconClass"></i> </div> <span class="title" v-html="item.html||item.name"></span> <i class="iconfont icon-arrow-down" v-if="item.children"></i> </div> </template> </li> <li v-if="item.type=='split'"><div class="line"></div></li> </template> <!-- <li> <div class="item"> <div class="tip"> <i class="iconfont icon-user"></i> </div> <span class="title">{{this.$store.getters.userId}}/{{this.$store.getters.userName}}</span> <i class="iconfont icon-arrow-down"></i> </div> </li> <li><div class="line"></div></li> --> <!-- 用户信息 --> <li> <template v-if="sysUserInfo.children&&sysUserInfo.children.length"> <div class="item" @mouseenter="handleFuncMenus(sysUserInfo,$event)"> <div class="tip"> <i class="iconfont" :class="sysUserInfo.iconClass"></i> </div> <span class="title" v-html="sysUserInfo.html||sysUserInfo.name"></span> <i class="iconfont icon-arrow-down" v-if="sysUserInfo.children"></i> </div> </template> </li> <li><div class="line"></div></li> <li v-if="hasSetting"> <div class="item" :title="$lang('customWorkbench')||'自定义工作台'"> <a href="#design" target='_blank'><i class="iconfont icon-set-fill"></i></a> </div> </li> <li> <div class="item" :title="$lang('logout')||'退出系统'"> <a @click="handleLogout"><i class="iconfont icon-tuichu"></i></a> </div> </li> </ul> <vueContextMenu ref="cmp-funcMenu" :menu-items="menuItems" field="name"></vueContextMenu> <modifyPw></modifyPw> </div> </template> <script> // import pinyin from 'js-pinyin';//ie 下有问题 编译不过 import vueContextMenu from "@main/components/contextMenu"; import modifyPw from "@main/views/layout/components/modifyPw"; import {changeBz} from "@main/api/user"; import { removeToken } from '@main/utils/auth' import def_sy_loading from "@main/assets/logo_max.png" import def_sy_minLogo from "@main/assets/logo_min.png" import def_sy_logo from "@main/assets/logo.png" export default { components:{ vueContextMenu, modifyPw, }, inject:['addTab','showTab','hideTab'], props:{ hasTitle:{ type: Boolean, }, sideWidth:{ type: String, } }, data(){ return { menuItems:[], searchWord:"", searchList:[], seldIndex:0, menuShow:false, searchMenusStyle:{ display:'none', left:0, top:0, width:0, // maxHeight:'50%', // overflow:'auto' }, sysListStyle:{ display:'none', left:0, top:0, }, latelyUseStyle:{ display:'none', left:0, top:0, maxHeight:'50%', overflow:'auto' }, def_sy_minLogo:def_sy_minLogo, def_sy_logo:def_sy_logo, } }, computed:{ hasSetting(){ let cfg = this.$store.state.app.config||{}; return cfg.sysSetTabs&&cfg.sysSetTabs.length; }, sysList(){ let cfg = this.$store.state.app.config||{}; return cfg.sysList||[]; }, sysUserInfo(){ let me=this; let cfg = this.$store.state.app.config||{}; function replaceData(str){ if(!str)return ''; var _arr=str.match(/\${(\S*?)}/g); if(_arr&&_arr.length>0){ for(let i of _arr){ var _data=me.userInfo[i.match(/\${(\S*)}/)[1]]; if(typeof(_data)!="undefined"){ str=str.replace(i,_data); } } } return str; } let _userInfo=cfg.userInfo; if(_userInfo){ _userInfo.name=replaceData(_userInfo.name); if(_userInfo.children&&_userInfo.children.length>0){ _userInfo.children=_userInfo.children.map((item)=>{ item.name=replaceData(item.name); switch(item.type){ case "modifyUserInfo": item.handler=me.modifyUserInfo; break; case "modifyPw": item.handler=me.modifyPw; break; case "orgBz": if(Array.isArray(me.bzList)&&me.bzList.length>1){ item.children=[]; for(let i of me.bzList){ item.children.push({ iconClass:'icon-user', name:`${i.fbzname}/${i.fbzid}`, handler:function(){ me.__changeOrgBz(`${i.fbzid}`); } }); } } break; } return item; }); } } return _userInfo||[]; }, sysProjectManage(){ let cfg = this.$store.state.app.config||{}; let item = cfg.sysProjectMange||{},flag=false; this.$store.state.app.powerList.forEach(p=>{ if(p.resUrl.indexOf(item.uri)>-1){ flag = true; return true; } }); if(flag){ return cfg.sysProjectMange; }else{ return null; } }, sysFuncMenus(){ let cfg = this.$store.state.app.config||{}; let menus = cfg.sysFuncMenus||[]; return menus; }, logoSrc(){ let cfg = this.$store.state.app.config||{}; return (cfg.sysLogo&&cfg.sysLogo.src)||''; }, MlogoSrc(){ let cfg = this.$store.state.app.config||{}; return (cfg.MsysLogo&&cfg.MsysLogo.src)||''; }, layout(){ return window.localStorage.getItem('layout'); }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; }, token(){ return this.$store.getters.token; }, userInfo(){ return this.$store.state.user.userInfo; }, bzList(){ return this.$store.state.user.bzList; }, }, watch:{ searchWord(newVal,oldVal){ this.doSearch(newVal); } }, mounted(){ document.addEventListener('click',this.hideSeachResult); this.$store.dispatch("app/getSysConfig"); }, beforeDestroy(){ document.removeEventListener('click',this.hideSeachResult) }, methods:{ openDesign(){ this.$refs['cmp-dd'].show(); }, doSearch(cnKey){ if(cnKey==""){ this.hideSeachResult(); return; } this.showSeachResult(); let list = [], records = this.$store.getters.menusList; // let py = pinyin.getCamelChars(cnKey).toLocaleLowerCase(); console.log('records', records) let py = Scp.String.getPinyin(cnKey).toLocaleLowerCase(); let re = new RegExp("^[a-zA-Z]+$"); for(let i=0,l=records.length;i<l;i++){ let item = records[i]; if(list.length>10){ break; } if(re.test(cnKey)){ // let y = pinyin.getCamelChars(item.name).toLocaleLowerCase(); let y = Scp.String.getPinyin(item.name).toLocaleLowerCase(); if(y.indexOf(py)>-1 && item.type!='dir'){ list.push(item); } }else{ if(item.name.indexOf(cnKey)>-1 && item.type!='dir' ){ list.push(item); continue; } } } this.$set(this,'searchList',list); }, openFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId) this.addTab(item);//inject 提供的方法只能 传一个参数 }, handleSearchBoxClick(){ this.doSearch(this.searchWord); this.$refs['dom-seachTxt'].focus(); }, handleSeachKeyUp(evt){ if(evt.keyCode==40){//ArrowDown if(this.seldIndex<this.searchList.length-1){ this.seldIndex++; }else{ this.seldIndex=0; } } if(evt.keyCode==38){//ArrowUp if(this.seldIndex==0){ this.seldIndex=this.searchList.length-1; }else{ this.seldIndex--; } } if(evt.keyCode==13){//enter let item = this.searchList[this.seldIndex]; if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId); this.addTab(item);//inject 提供的方法只能 传一个参数 this.searchWord = ""; this.seldIndex = 0; this.hideSeachResult(); } }, showSeachResult(){ this.searchMenusStyle.display ='block'; let s = this.$refs["dom-searchBox"]; let rect = s.getBoundingClientRect(); this.searchMenusStyle.left = rect.left+'px'; this.searchMenusStyle.top = rect.top + rect.height + 5 +'px'; this.searchMenusStyle.width = rect.width+'px'; }, hideSeachResult(){ this.searchMenusStyle.display ='none'; }, handleChangeSys(item){ if(!item.url)return; if(item.target=="_blank"){ window.open(item.url) }else{ window.location.href=item.url; } }, handleShowSysList(){ this.sysListStyle.display ='block'; let s = this.$refs["dom-sysList"]; let rect = s.getBoundingClientRect(); this.sysListStyle.left = rect.left+'px'; this.sysListStyle.top = rect.top + rect.height +'px'; }, handleHideSysList(){ this.sysListStyle.display ='none'; }, handleFuncMenus(item,$event){ $event.stopPropagation(); if(item.type== "link"){ window.open(item.resUrl,item.name); return; } var _url=item.url; if(item.type== "widthToken"||item.type== "withToken"){ _url=item.url+"&access_token="+this.token; } if(item.url){ item.target=='tab'? this.addTab(_url,item.name,item.id) : window.open(_url); return }else{ item.handler&&item.handler(); } if(item.children&&item.children.length){ this.menuItems = item.children; this.$refs['cmp-funcMenu'].open($event) } }, async handleLogout(){ await this.$store.dispatch("user/logout").then(()=>{ //removeToken(); location=window.HIVUI_SETTING.loginUrl; }); }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.FURI, name:item.NAME });//inject 提供的方法只能 传一个参数 }, hideTitle(name){ this.$emit('hideTitle', name); }, //切岗 __changeOrgBz(bzid){ changeBz({ bzid:bzid }).then(res=>{ window.location.reload(); }); }, modifyPw(){ this.$store.dispatch("user/showPwDialog",true); }, modifyUserInfo(){ }, } } </script> <style lang="less" scoped> .pl-header{ z-index: 99; } </style>

Ignore Space Show notes View project/hivuiMain/views/layout/components/Main.vue

<template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> import { baseURL, codeProjectName,requestUrl } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch,closeWindow } from "@main/utils"; import { getToken } from '@main/utils/auth' // import { type } from "os"; import md5 from "js-md5"; import { utils } from "hi-ui"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config || {}; let defTabs = cfg.sysDefTabs || []; let setTabs = cfg.sysSetTabs || []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = utils.string.setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); console.log('page default open tabs :',defTabs); //系统菜单 后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { //uriStr = baseURL + codeProjectName + item.resUrl; uriStr = item.resUrl; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()); } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& (searchObj.portal_func&&menusList[i].resUrl)&&searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; // let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let uriStr = menusList[i].resUrl; if(!window._global){//正式环境 uriStr=utils.string.setUrlValue(uriStr,"pn",window.HIVUI_SETTING.projectName); uriStr=utils.string.setUrlValue(uriStr,"access_token",getToken()); } if(uriStr.indexOf("http")==-1){ uriStr=location.origin+uriStr; } let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = utils.string.setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey || "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /** * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 */ addTab(url, title, uid, onLoad, nearest, renderedFn) { if (!(url == "" || url == "about:blank")) { uid = md5(url); } if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); url=utils.string.setUrlValue(url,"access_token",getToken()); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = utils.string.setUrlValue(url, "__tabId", uid); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; window.SysPage={ newPage : function(title, url, params, method, target) { var uid = md5((params&&params._ftaskguid)?(url+"?tguid="+params._ftaskguid):url), tab; function formSubmit(cfg){ cfg.autoDestroy = true; var form = me.creatForm(cfg); form.submit(); } if(method=="get"){ //get 不刷新 var tab = top.Sys.getTab(uid); if(tab){ top.Sys.seldTab(uid); return; } } if(target=="opening"){ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : '_blank', method : method || "get" }; formSubmit(cfg); //打开新标签 return; }else if(target=="me"){ //本页：框架页的本页面 var cfg = { url : url, data : params, target : '_self', method : method || "get" }; formSubmit(cfg); }else{ if (target == "_self"){ tab = top.Sys.getSeldTab(); if(top.Sys.isVue){ var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); titleEl.innerText = ""; }else{ tab.tabEl.find('.sys-tab-item-text').html(""); } }else{ /*** * uid 让框架页可以关闭自己 closeCurPage */ if(top.Sys.isVue){ //6个参数，第7个是vue渲染后回调 if(target == "_blank"){ uid+=utils.string.id(4); } top.Sys.addTab("about:blank",title,uid,null,true,function(tab){ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method || "get" }; //var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); //titleEl.innerText = ""; cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); }); }else{ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method || "get" }; //Sys.addTab(url, title, uid, callback) tab = top.Sys.addTab("about:blank",title,uid); tab.tabEl.find('.sys-tab-item-text').html(""); cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); } } } }, /** * 通过url 进行对应的目标功能 调用目标页的callback方法 * @param id * @param url */ closePage : function(id,url) { if (!top.Sys) { closeWindow() return; } var uid = md5(url||""), tab; if(!window.parent.Sys){ return; } var tab = window.parent.Sys.getTab(uid); if(tab){ window.parent.Sys.seldTab(uid); //var _scp = tab.tabPanelIframeEl.contentWindow.window.Scp; //if(_scp){ // _scp.context&&_scp.context.callback&&_scp.context.callback.call(_scp.context); //} }else{ if(url&&url.trim()!=""){ var tab = window.parent.Sys.addTab(url,"",null,null,true); } } if (id) { window.parent.Sys.colseTab(id); }else{ window.parent.Sys.colseSeldTab(); } }, closeCurPage:function(){ if(!window.parent.Sys){ return; } var id = getUrlValue('__tabId',window.location.search); window.parent.Sys.colseTab(id); }, setPageTitle:function(title){ if(!window.parent.Sys){ return; } var openway = getUrlValue('openway'); if(openway=="openwin")return; var tab = window.parent.Sys.getSeldTab(); if(title!=""){ tab.tabEl.find('.sys-tab-item-text').html(title); window.parent.Sys.tabPanel.autoResize(); } } }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https|http|ftp|rtsp|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 return false; } if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null || panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [panel.name]); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] || tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false || tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false || i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false || i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false || i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, creatForm(opt){ let that=this; var _opt={ autoShow:false, cancelAction:false, url:null, target:null, action:null, method:null, params:null, data:null, autoDestroy:false, _id:utils.string.id(8), }; Object.assign(_opt,opt); var _formTpl=`<form id="${_opt._id}"><input type="submit" value="submit" id="submit_${_opt._id}"/></form>`; var _el=document.createElement("div"); _el.innerHTML=_formTpl; document.getElementsByTagName("body")[0].appendChild(_el); var _form=_el.getElementsByTagName("form")[0]; this.setTarget=(str)=>{ _opt.target = str; _form.setAttribute('target',str); } this.setUrl=(str)=>{ this.formateUrl(str); var url = utils.string.setUrlValue(_opt.url,"_____r",new Date().getTime()); _form.setAttribute('action',url); } this.setMethod=(str)=>{ _opt.method = str||'get'; _form.setAttribute('method',str); } this.setParams=(params)=>{ _opt.params = params; } this.setData=(obj)=>{ _opt.data = obj||{}; if(_opt.method=="get"&&_opt.url!=null){ var parms =_opt.url.split("?")[1], item,i=0,len; if(parms!=null){ parms = parms.split("&"); for(i=0,len=parms.length;i<len;i++){ item = parms[i].split("="); _opt.data[item[0]]=item[1]; } } } _.each(_opt.data,function(value,key){ if(_.isObject(value)){ value = JSON.stringify(value); } var _hiddenInput=document.createElement("input"); _hiddenInput.setAttribute("type","hidden"); _form.appendChild(_hiddenInput); _hiddenInput.setAttribute('name',key); _hiddenInput.setAttribute('value',value); }); } this.removeData=()=>{ _opt.data = null; _form.children().remove(); } this.addData=(data)=>{ _opt.data = _.extend({},_opt.data||{},data||{}); _form.children().remove(); this.setData(_opt.data); } this.delData=(keys)=>{ _.each(keys||[],function(val,i){ if((val in _opt.data)){ delete _opt.data[val]; } }); _form.children().remove(); this.setData(_opt.data); } this.formateUrl=(url)=>{ var params= this.formateParams(_opt.params); if(!url)return; _opt.url = url; if(params){ if(_opt.url.indexOf('?')>0){ _opt.url+='&'+params; }else{ _opt.url+='?'+params; } } } this.formateParams=(obj)=>{ if(obj==null) return null; return $.param(obj||{}); } this.submit=()=>{ if(_opt.cancelAction) return; _opt.cancelAction = false; if(_opt.autoDestroy){ setTimeout(function(){ _form.submit() //_form.find('#submit'+me.id).click();//谷歌下面要用 按钮才有效果 },0); setTimeout(function(){that.destroy();},1000); }else{ _form.submit(); } } this.destroy=()=>{ _el.remove(); } this.setTarget(_opt.target); this.setMethod(_opt.method); this.setUrl(_opt.url); this.setData(_opt.data); return that; }, }, }; </script> <style scoped> </style> <template> <div class="pl-main"> <p-tabs ref="cmp-tabs" v-model="defTabKey" @onActiveTab="handleActiveTab" @onRemoveTab="handleRemoveTab" @onRemoveAllTab="handleRemoveAllTab" @onRemoveLeft="handleRemoveLeftTab" @onRemoveRight="handleRemoveRightTab" @onRemoveOther="handleRemoveOtherTab" @onFullScreen="handleFullScreen" > <p-tabpanel v-for="(item,index) in tabList" :key="item.id" :close="item.close" :title.sync="item.title" :name="item.id" :url="item.url" :itemData="item" @onIframeLoad="handleIframeLoad" @onBeforeClose="handleBeforeClose" @onSelected="handleSelected" @onBeforeRefresh="handleBeforeRefresh" > <template v-if="item.type&&item.type=='home'"> <PortalSys :itemData="item" ref="protalSysHome" ></PortalSys> </template> <template v-if="item.type&&item.type=='work'"> <PortalUser :itemData="item" ref="portalUserWork" ></PortalUser> </template> </p-tabpanel> </p-tabs> </div> </template> <script> import { baseURL, codeProjectName,requestUrl } from "@main/config"; import { PTabs, PTabpanel } from "@main/components/tabpanel"; import PortalUser from "@main/views/Portal/user"; import PortalSys from "@main/views/Portal/sys"; import { getUrlValue, setUrlValue,getUrlSearch,closeWindow } from "@main/utils"; import { getToken } from '@main/utils/auth' // import { type } from "os"; import md5 from "js-md5"; import { utils } from "hi-ui"; export default { inject: ["addTab", "showTab", "hideTab"], components: { PTabs, PTabpanel, PortalUser, PortalSys, }, data() { let cfg = this.$store.state.app.config || {}; let defTabs = cfg.sysDefTabs || []; let setTabs = cfg.sysSetTabs || []; let list = [], defTabKey = ""; defTabs = setTabs.concat(defTabs); defTabs.map((item, i) => { let id = item.url ? md5(item.url) : item.id; //强转成 url md5 id item.actived && (defTabKey = id); if (item.url && getUrlValue(item.url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 item.url = utils.string.setUrlValue(item.url, "__tabId", id); } list.push({ title: item.title, url: item.url, close: item.close, id: id, type: item.type, }); }); console.log('page default open tabs :',defTabs); //系统菜单 后台默认配激活 let menusDef2Tabs = this.$store.getters.defTabs, uriStr = ""; console.log('menus default open tabs :',defTabs); menusDef2Tabs.map((item, i) => { uriStr = baseURL + codeProjectName + item.resUrl; let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", id); list.push({ title: item.name, url: uriStr, close: true, id: id, type: item.type, }); }); // console.log('系统菜单',list); //第三方跳转过来地址自动打开功能tab let menusList = this.$store.getters.menusList; let searchObj = getUrlSearch(decodeURIComponent(this.$router.currentRoute.fullPath)); for (let i = menusList.length - 1; i >= 0; i--) { if ((menusList[i].type=="func"||menusList[i].type=="flow" )&& searchObj.portal_func == menusList[i].resUrl) { console.log('跳转进来的功能：',searchObj.portal_func); //?portal_func=/project/rjwhzx/rjzcgl/funcdir/zcmcx.func&id=11111 delete searchObj.portal_func; let uriStr = baseURL + codeProjectName + menusList[i].resUrl; let id = md5(uriStr); uriStr = utils.string.setUrlValue(uriStr, "__tabId", md5(uriStr)); for(let key in searchObj){ uriStr = utils.string.setUrlValue(uriStr,key,searchObj[key]); } let inMenu = false; for (let j = list.length - 1; j >= 0; j--) { if (list[j].id == id) { inMenu = true; break; } } if (inMenu) break; defTabKey = id; list.push({ id: id, title: menusList[i].name, url: uriStr, close: true, actived:true //默认选中 }); break; } } console.log('sys default tabs :', list); return { defTabKey: defTabKey || "", tabList: list, sysConfig: this.$store.state.app.config, isFullScreen: false, }; }, mounted() { // console.log('主界面初始化~！'); let me = this, cTabs = this.$refs["cmp-tabs"]; window.Sys = { isVue: true, addEvent(evtName, fn) { //onLoad Bus.$on(evtName, fn); }, tabPanel: { autoResize() { cTabs.resize(); }, }, getSideNavs() { return [...me.$store.getters.navs]; }, setSideNavs(data) { if (data == null && !(data instanceof Array)) return; //me.$store.dispatch("app/setQuickNav", data); }, /** * @param {} url * @param {} title * @param {} uid * @param {} onLoad //iframe 加载后 * @param {} nearest //标签页是否紧接在其右侧打开 * @param {} renderedFn //渲染回调 */ addTab(url, title, uid, onLoad, nearest, renderedFn) { if (!(url == "" || url == "about:blank")) { uid = md5(url); } if(!window._global){//正式环境 url=utils.string.setUrlValue(url,"pn",window.HIVUI_SETTING.projectName); url=utils.string.setUrlValue(url,"access_token",getToken()); } let tabs = me.tabList.filter((item, index) => { return item.id == uid; }); if (tabs.length) { me.defTabKey = uid; me.$nextTick( (function (fn) { return function () { let tab = cTabs.getItemObj(uid); fn && fn(tab); }; })(renderedFn) ); return; } if (getUrlValue(url, "__tabId") == "") { //关系到用户调用，防止Scp.context.closeCurPage取不到__tabId出错 url = utils.string.setUrlValue(url, "__tabId", uid); } me.tabList.push({ title: title, url: url, close: true, id: uid, listeners: { load: onLoad, }, }); me.defTabKey = uid; // window.____renderFunc = renderedFn; me.$nextTick( (function (fn, _uid) { return function () { let tab = cTabs.getItemObj(_uid); fn && fn(tab); }; })(renderedFn, uid) ); console.log(' addTab ',me.tabList); }, getTab(uid) { return cTabs.getItemObj(uid); }, seldTab(uid) { cTabs.defTabKey = uid; }, getSeldTab() { return cTabs.getSeldItemObj(); }, refreshTab(uid) { let tab = cTabs.getItemObj(uid); tab && tab.tabPanelIframeEl.contentWindow.window.location.reload(); }, //closeTab colseTab(uid) { cTabs.closeItem(uid); }, colseSeldTab() { cTabs.closeCurItem(); }, }; window.SysPage={ newPage : function(title, url, params, method, target) { var uid = md5((params&&params._ftaskguid)?(url+"?tguid="+params._ftaskguid):url), tab; function formSubmit(cfg){ cfg.autoDestroy = true; var form = me.creatForm(cfg); form.submit(); } if(method=="get"){ //get 不刷新 var tab = top.Sys.getTab(uid); if(tab){ top.Sys.seldTab(uid); return; } } if(target=="opening"){ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : '_blank', method : method || "get" }; formSubmit(cfg); //打开新标签 return; }else if(target=="me"){ //本页：框架页的本页面 var cfg = { url : url, data : params, target : '_self', method : method || "get" }; formSubmit(cfg); }else{ if (target == "_self"){ tab = top.Sys.getSeldTab(); if(top.Sys.isVue){ var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); titleEl.innerText = ""; }else{ tab.tabEl.find('.sys-tab-item-text').html(""); } }else{ /*** * uid 让框架页可以关闭自己 closeCurPage */ if(top.Sys.isVue){ //6个参数，第7个是vue渲染后回调 if(target == "_blank"){ uid+=utils.string.id(4); } top.Sys.addTab("about:blank",title,uid,null,true,function(tab){ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method || "get" }; //var titleEl = tab.tabEl.querySelector('.pl-tabs-itemTxt'); //titleEl.innerText = ""; cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); }); }else{ var cfg = { url : utils.string.setUrlValue(url,"__tabId",uid), data : params, target : null, method : method || "get" }; //Sys.addTab(url, title, uid, callback) tab = top.Sys.addTab("about:blank",title,uid); tab.tabEl.find('.sys-tab-item-text').html(""); cfg.target = tab.tabPanelIframeEl.getAttribute('name'); formSubmit(cfg); } } } }, /** * 通过url 进行对应的目标功能 调用目标页的callback方法 * @param id * @param url */ closePage : function(id,url) { if (!top.Sys) { closeWindow() return; } var uid = md5(url||""), tab; if(!window.parent.Sys){ return; } var tab = window.parent.Sys.getTab(uid); if(tab){ window.parent.Sys.seldTab(uid); //var _scp = tab.tabPanelIframeEl.contentWindow.window.Scp; //if(_scp){ // _scp.context&&_scp.context.callback&&_scp.context.callback.call(_scp.context); //} }else{ if(url&&url.trim()!=""){ var tab = window.parent.Sys.addTab(url,"",null,null,true); } } if (id) { window.parent.Sys.colseTab(id); }else{ window.parent.Sys.colseSeldTab(); } }, closeCurPage:function(){ if(!window.parent.Sys){ return; } var id = getUrlValue('__tabId',window.location.search); window.parent.Sys.colseTab(id); }, setPageTitle:function(title){ if(!window.parent.Sys){ return; } var openway = getUrlValue('openway'); if(openway=="openwin")return; var tab = window.parent.Sys.getSeldTab(); if(title!=""){ tab.tabEl.find('.sys-tab-item-text').html(title); window.parent.Sys.tabPanel.autoResize(); } } }; if (this.defTabKey == "" && this.tabList.length) this.defTabKey = this.tabList[0].id; //默认如果指向下面两个的话，标识一下已经加载过 if (this.$refs["protalSysHome"]) { //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 // console.log('加载系统门户列表~！'); let itemData = this.$refs["protalSysHome"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["protalSysHome"][0].actived = true; } } if (this.$refs["portalUserWork"]) { //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 // console.log('加载工作台门户列表~！'); let itemData = this.$refs["portalUserWork"][0].itemData; if (itemData.id == this.defTabKey) { this.$refs["portalUserWork"][0].actived = true; } } let events = this.sysConfig.events; if (events) { this.$nextTick((r) => { events.onLoad && events.onLoad(); }); } }, methods: { //将框架页里头的a 标签进行转换 initATagUrl(el) { let aList = el.querySelectorAll("a"); aList.forEach(function (aTag, i) { if (aTag.href) { var httpUrl = new RegExp( "^((https|http|ftp|rtsp|mms)?://)" ); if ( httpUrl.test( aTag.href.replace(window.location.origin, "") ) ) { return false; } if (!aTag.onclick) { if (aTag.target == "_blank") { aTag.addEventListener("click", function (evt) { evt.preventDefault(); evt.stopPropagation(); var tabTitle = ""; if (aTag.title) { tabTitle = aTag.title; } var url = this.getAttribute("href"); var reg = /^\//gi; Sys.addTab(url, tabTitle, "", "", true); return false; }); } } } }); window.Sys.tabPanel.autoResize(); }, handleBeforeRefresh(panel, evt) { if (panel.itemData.type == "home") { // this.$store.state.app.sysList=[]; //this.$store.dispatch("portal/loadSysList"); //重新加载系统门户列表 return false; } if (panel.itemData.type == "work") { // this.$store.state.app.list=[]; //this.$store.dispatch("portal/loadList"); //重新加载工作台门户列表 return false; } }, handleIframeLoad(panelCmp, evt) { let me = this, key = panelCmp.name; let ifm = panelCmp.$refs["iframe"]; let tabData = panelCmp.itemData; if (tabData.listeners) { tabData.listeners.load && tabData.listeners.load(); } //转换A标签 me.initATagUrl(ifm.contentWindow.document.body); window.__UserInfo = { orgId: "", operator: "", }; if (panelCmp.title == null || panelCmp.title == "") { let cTabs = me.$refs["cmp-tabs"]; cTabs.resize(); } }, handleBeforeClose(panel, evt) { let ifm = panel.$refs["iframe"]; try { let flag = ifm.contentWindow.Scp.context.beforeunloadFn(evt, 1); return flag; } catch (e) { !document.all && window.console.log( "iframe : Scp.context.beforeunloadFn();" ); } }, handleActiveTab(panel) { if (!panel) return; if (panel.itemData.type == "home") { this.$refs["protalSysHome"][0].doRender(); } if (panel.itemData.type == "work") { this.$refs["portalUserWork"][0].doRender(); } try { let tab = this.$refs["cmp-tabs"].getItemObj(panel.name); tab && tab.tabPanelIframeEl.contentWindow .$(tab.tabPanelIframeEl.contentDocument) .trigger("iframeActiving", [panel.name]); } catch (e) { console.log("iframeActiving error!"); } }, //面板上面的事件特别处理，现在暂时没用 handleSelected(item) { return; let key = item.id; let ifm = this.$refs["dom-iframe" + key][0]; try { let __orgId = ifm.contentWindow.Scp.User.getId(); let __operator = ifm.contentWindow.Scp.User.getOperator(); window.__UserInfo = { orgId: __orgId, operator: __operator, }; } catch (e) {} }, handleRemoveTab(targetName) { let tabs = this.tabList; let activeName = this.defTabKey; if (activeName === targetName) { tabs.forEach((tab, index) => { if (tab.close && tab.id === targetName) { let nextTab = tabs[index + 1] || tabs[index - 1]; if (nextTab) { activeName = nextTab.id; } } }); } this.defTabKey = activeName; tabs = tabs.filter((tab) => { return tab.close == false || tab.id !== targetName; }); console.log('handleRemoveTab') this.$set(this, "tabList", tabs); if (this.tabList.length == 0) { this.defTabKey = "tabPanel_home"; } }, handleRemoveAllTab() { let tabs = this.tabList; this.tabList = tabs.filter((tab) => { return !tab.close; }); let l = this.tabList.length; this.defTabKey = l ? this.tabList[l - 1].id : ""; }, handleRemoveLeftTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i < index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false || i >= index; }); this.defTabKey = defTabKey; }, handleRemoveRightTab(name, index) { let tabs = this.tabList; let defTabKey = this.defTabKey; this.tabList = tabs.filter((tab, i) => { if (tab.id == defTabKey && i > index) { //当前的选中，是在关闭区内 defTabKey = name; } return tab.close == false || i <= index; }); this.defTabKey = defTabKey; }, handleRemoveOtherTab(name, index) { let tabs = this.tabList; tabs = tabs.filter((tab, i) => { return tab.close == false || i == index; }); this.$set(this, "tabList", tabs); this.defTabKey = name; }, handleFullScreen() { this.$emit("onFullScreen"); // screenfull.toggle() }, creatForm(opt){ let that=this; var _opt={ autoShow:false, cancelAction:false, url:null, target:null, action:null, method:null, params:null, data:null, autoDestroy:false, _id:utils.string.id(8), }; Object.assign(_opt,opt); var _formTpl=`<form id="${_opt._id}"><input type="submit" value="submit" id="submit_${_opt._id}"/></form>`; var _el=document.createElement("div"); _el.innerHTML=_formTpl; document.getElementsByTagName("body")[0].appendChild(_el); var _form=_el.getElementsByTagName("form")[0]; this.setTarget=(str)=>{ _opt.target = str; _form.setAttribute('target',str); } this.setUrl=(str)=>{ this.formateUrl(str); var url = utils.string.setUrlValue(_opt.url,"_____r",new Date().getTime()); _form.setAttribute('action',url); } this.setMethod=(str)=>{ _opt.method = str||'get'; _form.setAttribute('method',str); } this.setParams=(params)=>{ _opt.params = params; } this.setData=(obj)=>{ _opt.data = obj||{}; if(_opt.method=="get"&&_opt.url!=null){ var parms =_opt.url.split("?")[1], item,i=0,len; if(parms!=null){ parms = parms.split("&"); for(i=0,len=parms.length;i<len;i++){ item = parms[i].split("="); _opt.data[item[0]]=item[1]; } } } _.each(_opt.data,function(value,key){ if(_.isObject(value)){ value = JSON.stringify(value); } var _hiddenInput=document.createElement("input"); _hiddenInput.setAttribute("type","hidden"); _form.appendChild(_hiddenInput); _hiddenInput.setAttribute('name',key); _hiddenInput.setAttribute('value',value); }); } this.removeData=()=>{ _opt.data = null; _form.children().remove(); } this.addData=(data)=>{ _opt.data = _.extend({},_opt.data||{},data||{}); _form.children().remove(); this.setData(_opt.data); } this.delData=(keys)=>{ _.each(keys||[],function(val,i){ if((val in _opt.data)){ delete _opt.data[val]; } }); _form.children().remove(); this.setData(_opt.data); } this.formateUrl=(url)=>{ var params= this.formateParams(_opt.params); if(!url)return; _opt.url = url; if(params){ if(_opt.url.indexOf('?')>0){ _opt.url+='&'+params; }else{ _opt.url+='?'+params; } } } this.formateParams=(obj)=>{ if(obj==null) return null; return $.param(obj||{}); } this.submit=()=>{ if(_opt.cancelAction) return; _opt.cancelAction = false; if(_opt.autoDestroy){ setTimeout(function(){ _form.submit() //_form.find('#submit'+me.id).click();//谷歌下面要用 按钮才有效果 },0); setTimeout(function(){that.destroy();},1000); }else{ _form.submit(); } } this.destroy=()=>{ _el.remove(); } this.setTarget(_opt.target); this.setMethod(_opt.method); this.setUrl(_opt.url); this.setData(_opt.data); return that; }, }, }; </script> <style scoped> </style>

Ignore Space Show notes View project/hivuiMain/views/layout/components/Sidebar.vue

<template> <div v-if="layout == 'level'" class="pl-sidebar" :style="{width: this.sideWidth, background:'#08111f',top:totop+'px',color:'#e6e6e6'}"> <div class="menusArea pl-cl"> <div class="scroll" ref="domSrcoll"> <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0}"> <template v-for="(item,index) in menus"> <!-- <Smenu-item v-if="!item.children||!item.children.length" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> --> <Smenu-item v-if="item.isShow&&!(item.children&&item.children.length)" :hasTitle="hasTitle" :icon="item.iconClass || 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length" ></Snav-sub-menus> </template> </Smenu> </div> </div> <!-- <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.NAME}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> 没有数据 </li> </ul> --> </div> <div v-else class="pl-sidebar"> <GeminiScrollbar> <ul class="menus"> <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in navs" :key="index" :title="item.name" @click="handleOpenFunc(item)"> <div class="box"> <img v-if="item.iconClass" :src="item.iconClass | getIconServePath" width="42" height="42"/> <img v-if="item.iconClass==null||item.iconClass==''" src="@main/assets/def_Func.png" width="42" height="42"/> <!-- <i class="iconfont"><img v-if="item.iconClass" :src="item.iconClass" width="24" height="24"/></i> --> <span v-if="item.markCount" class="tip">{{item.markCount}}</span> </div> <div class="title">{{item.name}}</div> </li> </ul> </GeminiScrollbar> </div> </template> <script> import {Smenu,SsubMenu,SmenuItem} from './Smenus' import SnavSubMenus from './side/Smenus' export default { inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem,SnavSubMenus }, props:{ sideWidth:{ type: String, }, hasTitle:{ type: Boolean, }, totop:{ type: Number } }, data(){ return{ } /* return { navs:[ { iconClass:"", name:"新建事项", url:"", }, { iconClass:"", name:"销售排行", url:"" }, { iconClass:"", name:"待办工作", url:"" }, { iconClass:"", name:"薪资查看", url:"", count:10 }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, ] } */ }, computed:{ navs(){ return this.$store.getters.navs; }, layout(){ return window.localStorage.getItem('layout'); }, menus(){ return this.$store.getters.menus; }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; } }, mounted(){ // this.resize(); window.addEventListener('resize',this.resize); }, filters: { getIconServePath(path){ let file = path.split(";"); if(file[2]){ return `/amrept-web/checkPhoto/photo.do?path=${file[2]}` }else{ return ""; } } }, methods:{ // resize(){ // let c = this.$refs.smenu.$el.children,w=0; // for(let i=c.length-1;i>=0;i--){ // w+=c[i].offsetWidth; // } // this.$refs.smenu.$el.style.width=`${w+2}px`; // this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w; // this.scrollBtnStatus(); // }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.FURI, name:item.NAME });//inject 提供的方法只能 传一个参数 }, handleOpenFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId)//,item.resId this.addTab(item);//inject 提供的方法只能 传一个参数 }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleLtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleRtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleMenuScrollEnd(){ clearInterval(this.menuScrollTimer); }, scrollBtnStatus(){ if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){ return; } if(this.$refs.domSrcoll.scrollLeft==0){ this.$refs.scrollLtBtn.style.opacity=0.3; }else{ this.$refs.scrollLtBtn.style.opacity=1; } if(this.$refs.domSrcoll.scrollLeft>=this.$refs.smenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){ this.$refs.scrollRtBtn.style.opacity=0.3; }else{ this.$refs.scrollRtBtn.style.opacity=1; } } } } </script> <template> <div v-if="layout == 'level'" class="pl-sidebar" :style="{width: this.sideWidth, background:'#08111f',top:totop+'px',color:'#e6e6e6'}"> <div class="menusArea pl-cl"> <div class="scroll" ref="domSrcoll"> <Smenu ref="smenu" mode="horizontal" :style="{width: sideWidth,margin: 0}"> <template v-for="(item,index) in menus"> <!-- <Smenu-item v-if="!item.children||!item.children.length" :icon="item.iconClass" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> --> <Smenu-item v-if="!item.children||!item.children.length" :hasTitle="hasTitle" :icon="item.iconClass || 'icon-bell'" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :hasTitle="hasTitle" :menuitem="item" v-if="item.children&&item.children.length" ></Snav-sub-menus> </template> </Smenu> </div> </div> <!-- <ul class="pl-menus pl-menus-sub pl-menus-pop" @mouseenter="handleShowLatelyUse" @mouseleave="handleHideLatelyUse" :style="latelyUseStyle" v-add2Body> <li class="pl-menus-item" v-for="item,index in navsLatelyUse" @click="handleOpenLatelyFunc(item)"> <a class="title"><span class="txt">{{item.NAME}}</span></a> </li> <li v-show="navsLatelyUse.length==0" class="pl-menus-tips"> 没有数据 </li> </ul> --> </div> <div v-else class="pl-sidebar"> <GeminiScrollbar> <ul class="menus"> <li :class="['item','itemBg'+(index%8+1)]" v-for="(item,index) in navs" :key="index" :title="item.name" @click="handleOpenFunc(item)"> <div class="box"> <img v-if="item.iconClass" :src="item.iconClass | getIconServePath" width="42" height="42"/> <img v-if="item.iconClass==null||item.iconClass==''" src="@main/assets/def_Func.png" width="42" height="42"/> <!-- <i class="iconfont"><img v-if="item.iconClass" :src="item.iconClass" width="24" height="24"/></i> --> <span v-if="item.markCount" class="tip">{{item.markCount}}</span> </div> <div class="title">{{item.name}}</div> </li> </ul> </GeminiScrollbar> </div> </template> <script> import {Smenu,SsubMenu,SmenuItem} from './Smenus' import SnavSubMenus from './side/Smenus' export default { inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem,SnavSubMenus }, props:{ sideWidth:{ type: String, }, hasTitle:{ type: Boolean, }, totop:{ type: Number } }, data(){ return{ } /* return { navs:[ { iconClass:"", name:"新建事项", url:"", }, { iconClass:"", name:"销售排行", url:"" }, { iconClass:"", name:"待办工作", url:"" }, { iconClass:"", name:"薪资查看", url:"", count:10 }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, { iconClass:"", name:"我的日程", url:"", count:8 }, { iconClass:"", name:"待开会议", url:"" }, { iconClass:"", name:"签到", url:"" }, { iconClass:"", name:"快捷管理", url:"" }, ] } */ }, computed:{ navs(){ return this.$store.getters.navs; }, layout(){ return window.localStorage.getItem('layout'); }, menus(){ return this.$store.getters.menus; }, navsLatelyUse(){ return this.$store.getters.navsLatelyUse; } }, mounted(){ // this.resize(); window.addEventListener('resize',this.resize); }, filters: { getIconServePath(path){ let file = path.split(";"); if(file[2]){ return `/amrept-web/checkPhoto/photo.do?path=${file[2]}` }else{ return ""; } } }, methods:{ // resize(){ // let c = this.$refs.smenu.$el.children,w=0; // for(let i=c.length-1;i>=0;i--){ // w+=c[i].offsetWidth; // } // this.$refs.smenu.$el.style.width=`${w+2}px`; // this.isMenuArrBtn = this.$refs.domSrcoll.offsetWidth<w; // this.scrollBtnStatus(); // }, handleOpenLatelyFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } this.addTab({ resUrl:item.FURI, name:item.NAME });//inject 提供的方法只能 传一个参数 }, handleOpenFunc(item){ if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name,item.resId)//,item.resId this.addTab(item);//inject 提供的方法只能 传一个参数 }, handleShowLatelyUse(){ this.$store.dispatch('app/getLatelyUse')//最近使用 let s = this.$refs["dom-latelyUse"]; let rect = s.getBoundingClientRect(); this.latelyUseStyle.display ='block'; this.latelyUseStyle.left = rect.left+'px'; this.latelyUseStyle.top = rect.top + rect.height +'px'; }, handleHideLatelyUse(){ this.latelyUseStyle.display ='none'; }, handleLtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft-10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleRtMenuScroll(){ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+30; this.menuScrollTimer = setInterval(()=>{ this.$refs.domSrcoll.scrollLeft=this.$refs.domSrcoll.scrollLeft+10; this.scrollBtnStatus(); },50); this.scrollBtnStatus(); }, handleMenuScrollEnd(){ clearInterval(this.menuScrollTimer); }, scrollBtnStatus(){ if(!(this.$refs.scrollLtBtn||this.$refs.scrollRtBtn)){ return; } if(this.$refs.domSrcoll.scrollLeft==0){ this.$refs.scrollLtBtn.style.opacity=0.3; }else{ this.$refs.scrollLtBtn.style.opacity=1; } if(this.$refs.domSrcoll.scrollLeft>=this.$refs.smenu.$el.offsetWidth-this.$refs.domSrcoll.offsetWidth){ this.$refs.scrollRtBtn.style.opacity=0.3; }else{ this.$refs.scrollRtBtn.style.opacity=1; } } } } </script>

Show line notes below