Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template master
commit 5273cb8dbce28459d43cfd01d3afa70f1c56138d 2 parents ddb8db0 + c7bf808 cls720 authored on 18 Mar 2022

Showing 23 changed files

• .env.development
• build/bin/oper.sh
• build/webpack.prod.conf.js
• 文档/doc.txt -> doc/doc.txt
• 文档/nginx配置说明.txt -> doc/nginx配置说明.txt
• 文档/服务器操作.txt -> doc/服务器操作.txt
• index.html
• package.json
• project/hivuiBirt/config/index.js
• project/hivuiBirt/index.html
• 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/data-list/form-style-01.js
• project/hivuiBirt/templates/compose/org-tree-edit.jsx
• project/hivuiBirt/templates/compose/tree-edit-filter.jsx
• project/hivuiBirt/templates/lookup/TreeSingleSelect.js
• project/hivuiLogin/index.html
• project/hivuiMain/index.html
• project/hivuiMain/utils/index.js
• project/hivuiMain/views/layout/components/menus/subMenu.jsx
• template.html

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 = '' 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(":"));}' 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 #!/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="\/${serverName}\/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 ./build/doc.txt 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 ### 用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 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/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 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 } // 多进程 编译所有 //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'); }); */ console.log(`【编译所有】=====================\n`) let webpackList = require('./webpack.get-list.js'); len = webpackList.length; DoWebpackBuild(webpackList);//, 0, len //以上两种时间上差不多 20s } else { console.log(`【按需编译】=====================\n`) let webpackList = require('./webpack.get-list.js'); len = webpackList.length; DoWebpackBuild(webpackList)//, 0, len }

Ignore Space Show notes View 文档/doc.txt → doc/doc.txt

node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/project/deploy /filesdisk2/eap5/studio/workspace/project/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台 持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的， 配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g             2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin    （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server   (服务插件) 6.2: npm install style-loader css-loader  （css打包插件） 6.3: npm install file-loader url-loader    (文件图片打包插件) 6.4: npm install less-loader    (less打包插件) 6.5: npm install sass scss --save-dev       （sass scss打包插件） 6.6: npm install sass-loader nade-sass      (sass打包插件) 7新建一个src文件夹  和  less文件夹       和webpack.config.js  //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list //当dock重新部署时这个重启服务 pm2 resurrect npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 npm run build:modules ./project/WangGeShu/view/ShuWangGe/dtv/1.0.0/desktop webpack 2 vite https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md 自动化构建工具（三）Parcel https://blog.csdn.net/weixin_42580704/article/details/108378689 https://www.parceljs.cn/getting_started.html /eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/ chmod -R 777 /eap5.0/hiruntime/project/desktop /eap5.0/hiruntime/project/hicli.sh 域名 项目类型 用户名 项目 操作 如： 项目类型 用户名 项目名 创建操作 桌面端口 app端口 小程序端口 域名 eap5 0000227 eapProject create 2022 2023 2024 open2.hieap.cn 如：项目类型 用户名 项目名 删除操作 eap5 0000227 eapProject delete 如：项目类型 用户名 项目名 同步操作 平台 同步方式 eap5 0000227 eapProject sync desktop hiui eap5 0000227 eapProject sync rn eap5 0000227 eapProject sync xcx 如：项目类型 用户名 项目名 重启操作 平台 端口 eap5 0000227 eapProject restart desktop eap5 0000227 eapProject restart rn 2025 eap5 0000227 eapProject restart xcx 2026 项目类型，工号，项目，命令 ，平台 ，命令参数（逗号分开） eap5 admin eaptpl build desktop 上传路径 模块路径列表（逗号分开） eap5 admin eaptpl build android 上传路径 部署名 eap5 admin eaptpl build xcx 上传路径 部署名 eap5 admin eaptpl build ios 上传路径 部署名 ================linux 命令============================= nginx.conf 中通配域名识别 map $host $proxy_pass{ "mflm.0000221.pre2.hieap.cn" "43447"; } server { listen 8001; server_name ~^(\w)*?\.(\w)*?\.pre2\.hieap\.cn$; location / { proxy_pass http://127.0.0.1:$proxy_pass; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header X-real-ip $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; proxy_set_header Origin ""; index index.html index.htm; } } /usr/local/nginx/sbin pm2 startup # 用来启动保存下来的服务列表 pm2 resurrect 端口查看进程 lsof -i :8081 杀端口进程 netstat -apn|grep 3000 kill -9 18164 lsof -i :38889 free -m 查看内存 查看用户进程的内存使用情况 ps auxw|head -1;ps auxw|sort -rn -k3|head -10 杀webpack 进程 ps -ef|grep webpack|grep -v grep|cut -c 9-15|xargs kill -9 使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！ 内网： PC http://项目名.工号.pre2.hieap.cn 手机 http://项目名rn.工号.pre2.hieap.cn 小程序 http://项目名xcx.工号.pre2.hieap.cn 文档 http://项目名doc.工号.pre2.hieap.cn 外网： PC http://项目名.工号.pre.hieap.cn 手机 http://项目名rn.工号.pre.hieap.cn 小程序 http://项目名xcx.工号.pre.hieap.cn 文档 http://项目名doc.工号.pre.hieap.cn 【======编译问题 ======】 可能 parallel-webpack cpu太多 可能 happypack cpu太多 目前把 parallel-webpack 降到 1 cpu 结果可以跑的动 #第一个管道将每行的逗号去掉；第二个管道去掉{和}；第三个管道去掉所有双引号；第四个管道替换第一个:为=号 data=$(cat profile.json | sed -r 's/",/"/' | egrep -v '^[{}]' | sed 's/"//g' | sed 's/:/=/1') #如果json的值直接没有换行符则使用下面的方法获取 #data=`cat data.json |sed 's/,"/\n/g' |grep -v IAM_Server |sed 's/":"/=/g;s/"$//g;s/^{"//g;s/"}//g'` declare $data #声明变量 echo $Mysql_Port #查看变量值 node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/project/deploy /filesdisk2/eap5/studio/workspace/project/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台 持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的， 配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g             2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin    （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server   (服务插件) 6.2: npm install style-loader css-loader  （css打包插件） 6.3: npm install file-loader url-loader    (文件图片打包插件) 6.4: npm install less-loader    (less打包插件) 6.5: npm install sass scss --save-dev       （sass scss打包插件） 6.6: npm install sass-loader nade-sass      (sass打包插件) 7新建一个src文件夹  和  less文件夹       和webpack.config.js  //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list //当dock重新部署时这个重启服务 pm2 resurrect npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 npm run build:modules ./project/WangGeShu/view/ShuWangGe/dtv/1.0.0/desktop webpack 2 vite https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md 自动化构建工具（三）Parcel https://blog.csdn.net/weixin_42580704/article/details/108378689 https://www.parceljs.cn/getting_started.html /eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/ chmod -R 777 /eap5.0/hiruntime/project/desktop /eap5.0/hiruntime/project/hicli.sh 域名 项目类型 用户名 项目 操作 如： 域名 项目类型 用户名 项目名 创建操作 桌面端口 app端口 小程序端口 open2.hieap.cn eap5 0000227 eapProject create 2022 2023 2024 如：项目类型 用户名 项目名 删除操作 eap5 0000227 eapProject delete 如：项目类型 用户名 项目名 同步操作 平台 同步方式 eap5 0000227 eapProject sync desktop hiui eap5 0000227 eapProject sync rn eap5 0000227 eapProject sync xcx 如：项目类型 用户名 项目名 重启操作 平台 端口 eap5 0000227 eapProject restart desktop eap5 0000227 eapProject restart rn 2025 eap5 0000227 eapProject restart xcx 2026 项目类型，工号，项目，命令 ，平台 ，命令参数（逗号分开） eap5 admin eaptpl build desktop 上传路径 模块路径列表（逗号分开） eap5 admin eaptpl build android 上传路径 部署名 eap5 admin eaptpl build xcx 上传路径 部署名 eap5 admin eaptpl build ios 上传路径 部署名 ================linux 命令============================= nginx.conf 中通配域名识别 map $host $proxy_pass{ "mflm.0000221.pre2.hieap.cn" "43447"; } server { listen 8001; server_name ~^(\w)*?\.(\w)*?\.pre2\.hieap\.cn$; location / { proxy_pass http://127.0.0.1:$proxy_pass; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header X-real-ip $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; proxy_set_header Origin ""; index index.html index.htm; } } /usr/local/nginx/sbin pm2 startup # 用来启动保存下来的服务列表 pm2 resurrect 端口查看进程 lsof -i :8081 杀端口进程 netstat -apn|grep 3000 kill -9 18164 lsof -i :38889 free -m 查看内存 查看用户进程的内存使用情况 ps auxw|head -1;ps auxw|sort -rn -k3|head -10 杀webpack 进程 ps -ef|grep webpack|grep -v grep|cut -c 9-15|xargs kill -9 使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！ 内网： PC http://项目名.工号.pre2.hieap.cn 手机 http://项目名rn.工号.pre2.hieap.cn 小程序 http://项目名xcx.工号.pre2.hieap.cn 文档 http://项目名doc.工号.pre2.hieap.cn 外网： PC http://项目名.工号.pre.hieap.cn 手机 http://项目名rn.工号.pre.hieap.cn 小程序 http://项目名xcx.工号.pre.hieap.cn 文档 http://项目名doc.工号.pre.hieap.cn 【======编译问题 ======】 可能 parallel-webpack cpu太多 可能 happypack cpu太多 目前把 parallel-webpack 降到 1 cpu 结果可以跑的动

Ignore Space Show notes View 文档/nginx配置说明.txt → doc/nginx配置说明.txt
File renamed without changes

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

# 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/ # 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、

Ignore Space Show notes View index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project=='hi-vui-template'){%> <script> window.location = '/project/hivuiLogin/index.html'; </script> <%}%> <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project!='hi-vui-template'){%> <script> window.location = '/<%=htmlWebpackPlugin.project%>/hivuiLogin/index.html'; </script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/${serverName}/render/assets_platform/element-ui/index.css"> <script src="/${serverName}/render/assets_platform/vue/vue.min.js"></script> <script src="/${serverName}/render/assets_platform/vuex/vuex.min.js"></script> <script src="/${serverName}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="/${serverName}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <script src="/${serverName}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/${serverName}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project=='hi-vui-template'){%> <script> window.location = '/project/hivuiLogin/index.html'; </script> <%}%> <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project!='hi-vui-template'){%> <script> window.location = '/<%=htmlWebpackPlugin.project%>/hivuiLogin/index.html'; </script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View package.json

{ "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" } } { "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.4.10", "zhc-birt-core": "^1.9.0" } }

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

const SETTING = window.HIVUI_SETTING||{} const SERVER = import.meta.env.VITE_APP_SERVER || process.env.VITE_APP_SERVER; export const projectName = SETTING.projectName//'eaptpl'//window.__sysConfig.projectName//hcm //业务项目名 export const codeProjectName = window.server||"/birt"//'hirun'//'amrept-web'; // code项目名 export const baseURL = import.meta.env.VITE_APP_BASE_API||process.env.VITE_APP_BASE_API; // api的base_url export const requestUrl = SERVER + SETTING.serverUrl?SETTING.serverUrl:(codeProjectName+baseURL) // export const requestUrl = baseURL + 'e5' export const projectName = window.HIVUI_SETTING?.projectName//'eaptpl'//window.__sysConfig.projectName//hcm //业务项目名 export const codeProjectName = window.server||"/birt"//'hirun'//'amrept-web'; // code项目名 export const baseURL = import.meta.env.VITE_APP_BASE_API||process.env.VITE_APP_BASE_API; // api的base_url // export const requestUrl = window.HIVUI_SETTING?.serverUrl?window.HIVUI_SETTING.serverUrl:(codeProjectName+baseURL) export const requestUrl = baseURL + 'e5'

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> //window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/${serverName}/render/assets_platform/element-ui/index.css"> <script src="/${serverName}/render/assets_platform/vue/vue.min.js"></script> <script src="/${serverName}/render/assets_platform/vuex/vuex.min.js"></script> <script src="/${serverName}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="/${serverName}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <!-- <script src="/${serverName}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="/${serverName}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/${serverName}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <!-- <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> --> </div> <script> //window.onload=()=>{ // let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; // document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); // if(window.customSysCofig?.syTitle){ // document.title=window.customSysCofig.syTitle; // } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiBirt/index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

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

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 }) } } } import request from '@birt/funclib/AxiosUtil' import { addPermission, getResData, getOrgData, getRoleData, getDataAccess } from "@birt/api/user"; 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", __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", __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.indexOf(key)>=0){ scheme=value; } }); } return scheme || ""; }, getScheme(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(); // 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 == "dir") { // 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); // } // continue; // } else 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(); } }) .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) { 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); // let list = res.dataPack; // console.log('list', list) // if(list && list.length > 0){ // t.arrKeysToUpper(list).then((_s) => { // me.resData = _s; // 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) { if (!treeData || treeData.length === 0) { return []; } const array = []; for (let i = 0; i < treeData.length; i += 1) { let match = false; // if(typeof(treeData[i].fresname)=='string'){ // match |= treeData[i].fresname.includes(searchValue); // if(match) break; // } 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; }, 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 } 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:{ loadMethodC(store, loadCdion, option, resolve) { setTimeout(() => { let me = this; 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); } }); }, 50); }, // 根据用户查询反查 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 }) } } }

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) { 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", __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", __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) { 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.addOpetionData(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 == "dir") { // 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 = ""; // } // 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; // list.push(obj); // continue; // } else 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) { 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 (resData.frestype == "dir") { obj.fresguid = resData.fresguid; obj.forgguid = resData.forgguid; obj.froleguid = resData.froleguid; obj.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 ( 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.froleguid = resData.froleguid; obj.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); } var data = new Object(); data.fresguid = datas[0].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) { if (!treeData || treeData.length === 0) { return []; } const array = []; for (let i = 0; i < treeData.length; i += 1) { let match = false; // if(typeof(treeData[i].fresname)=='string'){ // match |= treeData[i].fresname.includes(searchValue); // if(match) break; // } 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; } .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; }

Ignore Space Show notes View project/hivuiBirt/templates/compose/data-list/form-style-01.js

/** * datalist网格表单布局风格1 * @param {*} form 表单配置[{rowspan:2,colspan:3,prop:"fieldName1",label:"字段1"}] * @param {*} option.hcDataList 数据列表个性化配置 * @param {*} option.row 网格行通用配置 * @param {*} option.cols 网格列配置 * @returns */ import { $CONST } from "@birt/funclib/ConstUtil"; import { $HCBIRT } from "@birt/funclib/HCBIRT" export function formStyle01(form, option = {}) { // let TitleTrStyle = option.titleTrStyle || "background-color:rgb(195,231,248);color:rgb(14,96,137);border: 1px solid #E6E6E6;font-family:Microsoft YaHei UI;font-size:11pt;font-weight:bold;text-indent:10px;" let TitleTrStyle = option.titleTrStyle || "font-family:Microsoft YaHei UI;font-size:11pt;font-weight:bold;text-indent:10px;" let LabelTdStyle = option.labelTdStyle || "background-color: #f5f3f6;border: 1px solid #dfd9e0;color:#333;font-family: &quot;Microsoft YaHei UI&quot;; font-size: 10pt; text-align: right;padding-right: 12px;" let emptyStyle = option.emptyStyle || "background-color: #f5f3f6;border: 1px solid #dfd9e0;" // let PropTdStyle = option.propTdStyle || "background-color: #EBEEF5;color:rgb(28,115,153);font-family:Microsoft YaHei UI;font-size:10pt;" let PropTdStyle = option.propTdStyle || "color:rgb(28,115,153);border: 1px solid #dfd9e0;font-family:Microsoft YaHei UI;font-size:10pt;" // 初始化数据列表配置 let hcDataList = Object.assign( { controlName: "HcDataList", width: form.width || $HCBIRT.formWidth, layout: "form", style: "border-spacing:0px;border-collapse: collapse;margin:auto" }, option.hcDataList || {} ); // 初始化cols列配置, 默认6列，700px宽 let cols = option.cols || [ { colWidth: 120, }, { colWidth: "auto", }, { colWidth: 120, }, { colWidth: "auto", }, { colWidth: 120, }, { colWidth: "auto", }, ] // 初始化变量 let rows = {}; let curtRow = newEmptyRow(); let rIndex = 1; let colTotalCount = cols.length; let colSpanCount = 0; let rowspanTds = {}; // 计算rows行配置 function newEmptyRow() { // 创建空行 return Object.assign({ rowHeight: 20, tds: {} }, option.row || {}); } // 获取分隔标题行 function getSplitTitleTr(rIndex, colspan, splitRow = {}) { let splitTr = Object.assign( { style: 'height: 50px;line-height: 32px;', class: 'dataList_title', tds: { }, }, splitRow.tr || {}); let rAxis = "A" + rIndex; splitTr.tds[rAxis] = Object.assign( { value: splitRow.title, class: 'formTitle', style: TitleTrStyle, colspan: colspan, }, splitRow.td || {}) return splitTr; } // 标签列 function getLabelTd(fItem, colspan) { return { value: fItem.label, labelProp: fItem.prop, style: LabelTdStyle + (fItem.style || ""), colspan: colspan || 1, } } // 空格 function getEmptyTd(colspan) { return { colspan: colspan || 1, style: emptyStyle, // style: "background-color: #EBEEF5;" } } // 获取项绑定字段td function getPropTd(formItem, rowspan, colspan) { return { style: PropTdStyle + (formItem.style || ""), className: "", rowspan: rowspan, colspan: colspan, children: [ Object.assign(formItem, { label: "" }), ], } } // 不足列进行补全 function fillTd(rIndex, curtColIndex, colCount, curtRow) { if (curtColIndex < colCount) { for (let m = curtColIndex; m < colCount; m++) { let mAxis = String.fromCharCode(65 + m) + rIndex; if (!rowspanTds[mAxis]) { curtRow.tds[mAxis] = { colspan: 1 } } } } } // 编辑列添加前置或后置项 function propTdAppendBrother(tdChildren, fiChildren) { let instI = 0; fiChildren.forEach(fi => { if (fi.slot && fi.slot == $CONST.PREPEND) { tdChildren.splice(instI, 0, fi); instI++; } else { tdChildren.push(fi); } }) } for (let i = 0, l = form.length; i < l; i++) { let fItem = form[i]; let prop = fItem.prop; let rowspan = fItem.rowspan || 1; let colspan = fItem.colspan || 1; let tdAxis = String.fromCharCode(65 + colSpanCount); // 记录跨行数大于1的列 if (rowspan > 1) { for (let j = rowspan; j > 1; j--) { for (let k = 0; k < colspan; k++) { let tdSpanAxis = String.fromCharCode(65 + colSpanCount + k) + (rIndex + j - 1); rowspanTds[tdSpanAxis] = true; } } } // 判断当前坐标是否被跨行包含 let checkAxis = tdAxis + rIndex; while (rowspanTds[checkAxis]) { colSpanCount++; if (colSpanCount > colTotalCount) { rIndex++; colSpanCount = 0; } checkAxis = String.fromCharCode(65 + colSpanCount) + rIndex; } // 获取表单项类型 let type = fItem.type; // 当前项已超本行总列数或当前是行分隔项，补全空余, 别取新行 if ((colSpanCount + colspan > colTotalCount) || (type == $CONST.SPLITROW)) { // 不足列进行补全 fillTd(rIndex, colSpanCount, colTotalCount, curtRow); // 当前列添加到rows,另取新行 let rAxis = "r" + rIndex; rows[rAxis] = JSON.parse(JSON.stringify(curtRow)); curtRow = newEmptyRow(); rIndex++; colSpanCount = 0; tdAxis = String.fromCharCode(65); // 添加分隔行 if (type == $CONST.SPLITROW) { let splitTr = getSplitTitleTr(rIndex, colTotalCount, fItem); let splitRAxis = "r" + rIndex; rows[splitRAxis] = splitTr; rIndex++; continue; } } // 当前行curtRow添加表单项td if (prop) { let propAxis = tdAxis + rIndex; let propColspan = colspan; // 当前有标签配置时，补全标签显示列 if (fItem.label) { curtRow.tds[tdAxis + rIndex] = getLabelTd(fItem, fItem.labelColspan); propColspan -= 1; propAxis = String.fromCharCode(65 + colSpanCount + 1); } let propTd = getPropTd(fItem, rowspan, propColspan); // 当表单存在children 前置、后置项时添加到添加prop列 if (fItem.brother) { propTdAppendBrother(propTd.children, fItem.brother); } curtRow.tds[propAxis] = propTd; } else { if (fItem.label) { curtRow.tds[tdAxis + rIndex] = getLabelTd(fItem, colspan); } else { curtRow.tds[tdAxis + rIndex] = getEmptyTd(colspan); } } colSpanCount += colspan; } // 添加最后一行 if (colSpanCount > 0) { // 补全最后一行 fillTd(rIndex, colSpanCount, colTotalCount, curtRow); let rAxis = "r" + rIndex; rows[rAxis] = JSON.parse(JSON.stringify(curtRow)); } // console.log('rows', rows) // console.log('cols', cols) hcDataList.rows = rows; hcDataList.cols = cols; // 返回表单结构 return hcDataList; } /** * datalist网格表单布局风格1 * @param {*} form 表单配置[{rowspan:2,colspan:3,prop:"fieldName1",label:"字段1"}] * @param {*} option.hcDataList 数据列表个性化配置 * @param {*} option.row 网格行通用配置 * @param {*} option.cols 网格列配置 * @returns */ import { $CONST } from "@birt/funclib/ConstUtil"; import { $HCBIRT } from "@birt/funclib/HCBIRT" export function formStyle01(form, option = {}) { let TitleTrStyle = option.titleTrStyle || "background-color:rgb(195,231,248);color:rgb(14,96,137);border: 1px solid #E6E6E6;font-family:Microsoft YaHei UI;font-size:11pt;font-weight:bold;text-indent:10px;" let LabelTdStyle = option.labelTdStyle || "background-color: #EBEEF5;color:#333;font-family: &quot;Microsoft YaHei UI&quot;; font-size: 10pt; text-align: right; padding-right: 12px;" let PropTdStyle = option.propTdStyle || "background-color: #EBEEF5;color:rgb(28,115,153);font-family:Microsoft YaHei UI;font-size:10pt;" // 初始化数据列表配置 let hcDataList = Object.assign( { controlName: "HcDataList", width: $HCBIRT.formWidth, layout: "form", style: "border-spacing:0px;border-collapse: collapse;margin:auto" }, option.hcDataList || {} ); // 初始化cols列配置, 默认6列，700px宽 let cols = option.cols || [ { colWidth: 120, }, { colWidth: "auto", }, { colWidth: 120, }, { colWidth: "auto", }, { colWidth: 120, }, { colWidth: "auto", }, ] // 初始化变量 let rows = {}; let curtRow = newEmptyRow(); let rIndex = 1; let colTotalCount = cols.length; let colSpanCount = 0; let rowspanTds = {}; // 计算rows行配置 function newEmptyRow() { // 创建空行 return Object.assign({ rowHeight: 20, tds: {} }, option.row || {}); } // 获取分隔标题行 function getSplitTitleTr(rIndex, colspan, splitRow = {}) { let splitTr = Object.assign( { rowHeight: 33, tds: { }, }, splitRow.tr || {}); let rAxis = "A" + rIndex; splitTr.tds[rAxis] = Object.assign( { value: splitRow.title, style: TitleTrStyle, colspan: colspan, }, splitRow.td || {}) return splitTr; } // 标签列 function getLabelTd(fItem, colspan) { return { value: fItem.label, labelProp: fItem.prop, style: LabelTdStyle + (fItem.style || ""), colspan: colspan || 1, } } // 空格 function getEmptyTd(colspan) { return { colspan: colspan || 1, style: "background-color: #EBEEF5;" } } // 获取项绑定字段td function getPropTd(formItem, rowspan, colspan) { return { style: PropTdStyle + (formItem.style || ""), className: "", rowspan: rowspan, colspan: colspan, children: [ Object.assign(formItem, { label: "" }), ], } } // 不足列进行补全 function fillTd(rIndex, curtColIndex, colCount, curtRow) { if (curtColIndex < colCount) { for (let m = curtColIndex; m < colCount; m++) { let mAxis = String.fromCharCode(65 + m) + rIndex; if (!rowspanTds[mAxis]) { curtRow.tds[mAxis] = { colspan: 1 } } } } } // 编辑列添加前置或后置项 function propTdAppendBrother(tdChildren, fiChildren) { let instI = 0; fiChildren.forEach(fi => { if (fi.slot && fi.slot == $CONST.PREPEND) { tdChildren.splice(instI, 0, fi); instI++; } else { tdChildren.push(fi); } }) } for (let i = 0, l = form.length; i < l; i++) { let fItem = form[i]; let prop = fItem.prop; let rowspan = fItem.rowspan || 1; let colspan = fItem.colspan || 1; let tdAxis = String.fromCharCode(65 + colSpanCount); // 记录跨行数大于1的列 if (rowspan > 1) { for (let j = rowspan; j > 1; j--) { for (let k = 0; k < colspan; k++) { let tdSpanAxis = String.fromCharCode(65 + colSpanCount + k) + (rIndex + j - 1); rowspanTds[tdSpanAxis] = true; } } } // 判断当前坐标是否被跨行包含 let checkAxis = tdAxis + rIndex; while (rowspanTds[checkAxis]) { colSpanCount++; if (colSpanCount > colTotalCount) { rIndex++; colSpanCount = 0; } checkAxis = String.fromCharCode(65 + colSpanCount) + rIndex; } // 获取表单项类型 let type = fItem.type; // 当前项已超本行总列数或当前是行分隔项，补全空余, 别取新行 if ((colSpanCount + colspan > colTotalCount) || (type == $CONST.SPLITROW)) { // 不足列进行补全 fillTd(rIndex, colSpanCount, colTotalCount, curtRow); // 当前列添加到rows,另取新行 let rAxis = "r" + rIndex; rows[rAxis] = JSON.parse(JSON.stringify(curtRow)); curtRow = newEmptyRow(); rIndex++; colSpanCount = 0; tdAxis = String.fromCharCode(65); // 添加分隔行 if (type == $CONST.SPLITROW) { let splitTr = getSplitTitleTr(rIndex, colTotalCount, fItem); let splitRAxis = "r" + rIndex; rows[splitRAxis] = splitTr; rIndex++; continue; } } // 当前行curtRow添加表单项td if (prop) { let propAxis = tdAxis + rIndex; let propColspan = colspan; // 当前有标签配置时，补全标签显示列 if (fItem.label) { curtRow.tds[tdAxis + rIndex] = getLabelTd(fItem, fItem.labelColspan); propColspan -= 1; propAxis = String.fromCharCode(65 + colSpanCount + 1); } let propTd = getPropTd(fItem, rowspan, propColspan); // 当表单存在children 前置、后置项时添加到添加prop列 if (fItem.brother) { propTdAppendBrother(propTd.children, fItem.brother); } curtRow.tds[propAxis] = propTd; } else { if (fItem.label) { curtRow.tds[tdAxis + rIndex] = getLabelTd(fItem, colspan); } else { curtRow.tds[tdAxis + rIndex] = getEmptyTd(colspan); } } colSpanCount += colspan; } // 添加最后一行 if (colSpanCount > 0) { // 补全最后一行 fillTd(rIndex, colSpanCount, colTotalCount, curtRow); let rAxis = "r" + rIndex; rows[rAxis] = JSON.parse(JSON.stringify(curtRow)); } // console.log('rows', rows) // console.log('cols', cols) hcDataList.rows = rows; hcDataList.cols = cols; // 返回表单结构 return hcDataList; }

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); 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); 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 // 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 = '岗位' } }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 = '职级' } }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" 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); 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/hivuiLogin/index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"></div> <script> if(window.customSysCofig&&window.customSysCofig.syTitle){ document.title=window.customSysCofig.loginTitle; } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/${serverName}/render/assets_platform/element-ui/index.css"> <script src="/${serverName}/render/assets_platform/vue/vue.min.js"></script> <script src="/${serverName}/render/assets_platform/vuex/vuex.min.js"></script> <script src="/${serverName}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="/${serverName}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <!-- <script src="/${serverName}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="/${serverName}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/${serverName}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"></div> <script> if(window.customSysCofig&&window.customSysCofig.syTitle){ document.title=window.customSysCofig.loginTitle; } </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View project/hivuiMain/index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <!-- <script src="${serverPath}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> //window.onload=()=>{ let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); if(window.customSysCofig&&window.customSysCofig.syTitle){ document.title=window.customSysCofig.syTitle; } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Main</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/${serverName}/render/assets_platform/element-ui/index.css"> <script src="/${serverName}/render/assets_platform/vue/vue.min.js"></script> <script src="/${serverName}/render/assets_platform/vuex/vuex.min.js"></script> <script src="/${serverName}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="/${serverName}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <!-- <script src="/${serverName}/render/assets_platform/vendor_dll/vuelibs.dll.js"></script> --> <script src="/${serverName}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/${serverName}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> <!-- <script src="/eaptpl/setting/desktop/appsetting/js/1.0.0/appsetting.js" type="text/javascript"></script> --> </head> <body> <div id="app"> <div style="padding:50px 0;text-align:center;"> <div> <img id="main_loading_logo" src="" /> </div> <div>系统正在预览初始化中...<a href="javascript:location.reload();">【点我刷新】</a></div> </div> </div> <script> //window.onload=()=>{ let _img=window.customSysCofig&&window.customSysCofig.sysLoadLogo&&window.customSysCofig.sysLoadLogo.src; document.getElementById("main_loading_logo").src=(_img||(window._global?"./assets/logo_max.png":"./static/img/logo_max.png")); if(window.customSysCofig&&window.customSysCofig.syTitle){ document.title=window.customSysCofig.syTitle; } //} </script> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View project/hivuiMain/utils/index.js

import getScroll from './getScroll' export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 }; } export function getOffset(element, target) { const elemRect = element.getBoundingClientRect(); const targetRect = getTargetRect(target); const scrollTop = getScroll(target, true); const scrollLeft = getScroll(target, false); const docElem = window.document.body; const clientTop = docElem.clientTop || 0; const clientLeft = docElem.clientLeft || 0; return { top: elemRect.top - targetRect.top + scrollTop - clientTop, left: elemRect.left - targetRect.left + scrollLeft - clientLeft, width: elemRect.width, height: elemRect.height, }; } export function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } /** * @method setUrlValue * @description 设置地址栏参数值 * @param url * @param pName * @param pValue * * @example: urlAppend("http://www.fdauto.com","userid=03870");�����http://www.fdauto.com?userid=03870;1` * urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")�����http://www.fdauto.com?userid=03870&bumen=aj; */ export function setUrlValue(url, key, value) { var returnUrl = '' if (url.indexOf('?') == -1) { returnUrl += url + '?' + key + '=' + value } else { if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) { returnUrl += url + '&' + key + '=' + value } else { var isDone = false var startIndex = 0 var endIndex = url.length - 1 var parm = '?' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } isDone = true break } } if (!isDone) { parm = '&' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } break } } } var parmKeyValue = parm + url.substring(startIndex, endIndex) returnUrl = url.replace(parmKeyValue, parm + value) } } return returnUrl } /** * @method getUrlValue * @description 获取地址栏参数值 * @param name * string * @param url * string * @example: getUrlValue("p","http://www.baidu.com?p=5"); */ export function getUrlValue(url, name) { var str = url || window.location.search; if (str.indexOf("&" + name) != -1 || str.indexOf("?" + name) != -1) { var pos_start = "" if (str.indexOf("?" + name) > -1) pos_start = str.indexOf("?" + name) + name.length + 2; else pos_start = str.indexOf("&" + name) + name.length + 2; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { return str.substring(pos_start); } else { return str.substring(pos_start, pos_end) } } else { return ""; } } export function getUrlSearch(url) { var name, value; var str = url; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 var search ={}; for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); search[name] = value; } } return search; } /** * var str='这是一个测试的字符串：{0} {1}'.format('Hello','world'); * var str='这是一个测试的字符串：{str0} {str1}'.format({str0:'Hello',str1:'world'}); */ export function strFormat(str, args) { var result = str; if (arguments.length > 0) { if (arguments.length == 2 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 1; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({)" + (i - 1) + "(})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } export function closeWindow(errorUrl){ if (document.all) { if (window.location.pathname == window.parent.location.pathname) { window.opener = null; window.open('', '_top'); window.top.close(); } } else { window.close(); } window.location.href = errorUrl || "about:blank"; } /*5.0替换3.0菜单字段*/ export function field5Change3(_arr){ /*5.0字段替换3.0*/ let fieldConversion={ isActive:"fisactive", isOffline:"fisoffline", isShow:"fshow", name:"fresname", orderIndex:"forder", parentId:"frespguid", resId:"fresguid", resUrl:"fresurl", type:"frestype", }; _arr.map(item=>{ if(item.children&&item.children.length>0){ field5Change3(item.children); } for(let i in fieldConversion){ if(typeof(item[fieldConversion[i]])!="undefined"){ item[i]=item[fieldConversion[i]]; delete item[fieldConversion[i]]; } } if(!window._global){//正式环境 item.resUrl=window.HIVUI_SETTING.serverName+item.resUrl; } return item; }); return _arr; } export function turnMenuTree(data,isNotTop) {//data:平级数据;isNotTop:输出数据是否不包含根节点 let map = {}; let val = []; //生成数据对象集合 data.forEach(it=>{ map[it.resId] = it; //resId为每个节点的id if(it.parentId==-1&&it.type=="root"){ isNotTop=true; } }); //生成结果集 data.forEach(it=>{ let parent = map[it.parentId]; //parentId为父节点的id if(parent){ if(!Array.isArray(parent.children)) parent.children = []; parent.children.push(it); }else{ val.push(it) } }); val=__sort(val); //排序 function __sort(__data,orderField="orderIndex"){ let zeroArr=__data.filter(item=>{ return item[orderField]==0; }); let normalArr=__data.filter(item=>{ return item[orderField]!=0; }); normalArr.sort((a,b)=>{ var value1 = a[orderField]; var value2 = b[orderField]; return value1 - value2; }); __data=normalArr.concat(zeroArr); for(let i of __data){ if(i.children&&i.children.length>0){ i.children=__sort(i.children); } } return __data; } //排查子节点是否全部不显示 function __filterHide(__data,total){ let count=0; for(let i=0;i<__data.length;i++){ if(__data[i].children&&__data[i].children.length>0){ if(!__filterHide(__data[i].children,__data[i].children.length)){ __data[i].isShow=0; count++; } }else{ if(!__data[i].isShow){ count++; } } } return count!=total; } let __result=isNotTop?(val[0]&&val[0].children):val; __filterHide(__result,__result.length); return __result; } import getScroll from './getScroll' export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 }; } export function getOffset(element, target) { const elemRect = element.getBoundingClientRect(); const targetRect = getTargetRect(target); const scrollTop = getScroll(target, true); const scrollLeft = getScroll(target, false); const docElem = window.document.body; const clientTop = docElem.clientTop || 0; const clientLeft = docElem.clientLeft || 0; return { top: elemRect.top - targetRect.top + scrollTop - clientTop, left: elemRect.left - targetRect.left + scrollLeft - clientLeft, width: elemRect.width, height: elemRect.height, }; } export function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } /** * @method setUrlValue * @description 设置地址栏参数值 * @param url * @param pName * @param pValue * * @example: urlAppend("http://www.fdauto.com","userid=03870");�����http://www.fdauto.com?userid=03870;1` * urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")�����http://www.fdauto.com?userid=03870&bumen=aj; */ export function setUrlValue(url, key, value) { var returnUrl = '' if (url.indexOf('?') == -1) { returnUrl += url + '?' + key + '=' + value } else { if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) { returnUrl += url + '&' + key + '=' + value } else { var isDone = false var startIndex = 0 var endIndex = url.length - 1 var parm = '?' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } isDone = true break } } if (!isDone) { parm = '&' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } break } } } var parmKeyValue = parm + url.substring(startIndex, endIndex) returnUrl = url.replace(parmKeyValue, parm + value) } } return returnUrl } /** * @method getUrlValue * @description 获取地址栏参数值 * @param name * string * @param url * string * @example: getUrlValue("p","http://www.baidu.com?p=5"); */ export function getUrlValue(url, name) { var str = url || window.location.search; if (str.indexOf("&" + name) != -1 || str.indexOf("?" + name) != -1) { var pos_start = "" if (str.indexOf("?" + name) > -1) pos_start = str.indexOf("?" + name) + name.length + 2; else pos_start = str.indexOf("&" + name) + name.length + 2; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { return str.substring(pos_start); } else { return str.substring(pos_start, pos_end) } } else { return ""; } } export function getUrlSearch(url) { var name, value; var str = url; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 var search ={}; for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); search[name] = value; } } return search; } /** * var str='这是一个测试的字符串：{0} {1}'.format('Hello','world'); * var str='这是一个测试的字符串：{str0} {str1}'.format({str0:'Hello',str1:'world'}); */ export function strFormat(str, args) { var result = str; if (arguments.length > 0) { if (arguments.length == 2 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 1; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({)" + (i - 1) + "(})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } export function closeWindow(errorUrl){ if (document.all) { if (window.location.pathname == window.parent.location.pathname) { window.opener = null; window.open('', '_top'); window.top.close(); } } else { window.close(); } window.location.href = errorUrl || "about:blank"; } /*5.0替换3.0菜单字段*/ export function field5Change3(_arr){ /*5.0字段替换3.0*/ let fieldConversion={ isActive:"fisactive", isOffline:"fisoffline", isShow:"fshow", name:"fresname", orderIndex:"forder", parentId:"frespguid", resId:"fresguid", resUrl:"fresurl", type:"frestype", }; _arr.map(item=>{ if(item.children&&item.children.length>0){ field5Change3(item.children); } for(let i in fieldConversion){ if(typeof(item[fieldConversion[i]])!="undefined"){ item[i]=item[fieldConversion[i]]; delete item[fieldConversion[i]]; } } if(!window._global){//正式环境 item.resUrl=window.HIVUI_SETTING.serverName+item.resUrl; } return item; }); return _arr; } export function turnMenuTree(data,isNotTop) {//data:平级数据;isNotTop:输出数据是否不包含根节点 let map = {}; let val = []; //生成数据对象集合 data.forEach(it=>{ map[it.resId] = it; //resId为每个节点的id if(it.parentId==-1&&it.type=="root"){ isNotTop=true; } }); //生成结果集 data.forEach(it=>{ let parent = map[it.parentId]; //parentId为父节点的id if(parent){ if(!Array.isArray(parent.children)) parent.children = []; parent.children.push(it); }else{ val.push(it) } }); val=__sort(val); //排序 function __sort(__data,orderField="orderIndex"){ let zeroArr=__data.filter(item=>{ return item[orderField]==0; }); let normalArr=__data.filter(item=>{ return item[orderField]!=0; }); normalArr.sort((a,b)=>{ var value1 = a[orderField]; var value2 = b[orderField]; return value1 - value2; }); __data=normalArr.concat(zeroArr); for(let i of __data){ if(i.children&&i.children.length>0){ i.children=__sort(i.children); } } return __data; } return isNotTop?(val[0]&&val[0].children):val; }

Ignore Space Show notes View project/hivuiMain/views/layout/components/menus/subMenu.jsx

import Trigger from './trigger' import {getOffset,getDefaultTarget} from '@main/utils' import {filterEmpty} from '@main/utils/props' import PopMenu from './popMenu' const SubMenu = { props:{ eventKey:{ type:String }, mode:{ type:String }, level:{ type:Number }, parent: { type: Object, default: null } }, data(){ return{ subStyle:{ left:0, top:0, display:'none' }, isActive:false, } }, methods:{ setPotion(){ let me=this; let rect = getOffset(me.$refs['domMenuTitle'],getDefaultTarget()); let subStyle = { left: me.level==0?rect.left:rect.left+rect.width, top: me.level==0?rect.top+rect.height-1:rect.top, width:rect.width } return subStyle; }, show(){ let me=this; if(me.level!=0){ me.parent.show&&me.parent.show(); } let p = me.setPotion(), h = document.documentElement.offsetHeight, w = document.documentElement.offsetWidth, subMenuDom = me.$refs['subMenus'].$el.firstElementChild, headH=document.querySelector(".pl-header").offsetHeight+document.querySelector(".pl-navbar").offsetHeight; subMenuDom.style.display = 'block'; let sh = subMenuDom.offsetHeight, sw = subMenuDom.offsetWidth; sh = sh>(h-headH) ? (h-headH) : sh; if(me.level>0){ subMenuDom.style.left = (p.left+sw>w?p.left-p.width-sw:p.left-10)+'px'; }else{ subMenuDom.style.left = (p.left+sw>w?w-sw:p.left)+'px'; } subMenuDom.style.top = ((sh+p.top)>h?(h-sh):p.top)+'px'; subMenuDom.style.height = sh+'px'; subMenuDom.style.display = 'block'; let zIndex = window.getComputedStyle(this.$el.parentNode,null)['z-index']*1; subMenuDom.style.zIndex=zIndex+1; // me.$set(me,'subStyle',{display:'block',...p}); // me.subStyle.display = 'block'; me.isActive =true; }, hide(){ let me=this; let subMenuDom = me.$refs['subMenus'].$el.firstElementChild; subMenuDom.style.display = 'none'; // me.subStyle.display = 'none'; me.isActive = false; }, hideParent(){ let me=this; if(me.level!=0){ me.parent.hide&&me.parent.hideParent(); } this.hide(); }, handleTitleMouseEnter(evt){ this.show(); }, handleTitleMouseLeave(evt){ this.hide(); }, handleSubMouseEnter(){ this.show(); this.$emit('mouseenter'); }, handleSubMouseLeave(){ this.hideParent(); this.$emit('mouseleave'); }, renderChildren(children){ let {...props} = this.$props; const {subStyle,isActive} = this; let popMenuProps={ props:{ ...props, level:props.level+1, children:children, parent:this }, style:{ // ...subStyle, }, class:{ ['pl-menus-sub']:1, ['pl-menus-pop']:1, }, on:{ mouseenter:this.handleSubMouseEnter, mouseleave:this.handleSubMouseLeave } } return ( <PopMenu ref="domMenuSub" {...popMenuProps}></PopMenu> ) } }, render(h) { const props = this.$props; const {subStyle,isActive} = this; const isInlineMode = props.mode === 'inline'; const children = this.renderChildren(filterEmpty(this.$slots.default)); const nodeProps ={ class:{ ['pl-menus-item']:1, ['pl-menus-itemSeld']:isActive } } const titleProps={ attrs:{ title:this.$slots.title[0].text }, on:{ mouseenter:this.handleTitleMouseEnter, mouseleave:this.handleTitleMouseLeave } } /* {isInlineMode && children} {!isInlineMode && ( <Trigger> {children} </Trigger>)} */ /** * 菜单太多的问题 * 子菜单独立渲染 添加滚动条 */ return ( <li {...nodeProps} > <div ref="domMenuTitle" class="title" {...titleProps}> {props.level>0&&(<i class="iconfont icon-arrow-right trigger"></i>)} <span class='txt'>{this.$slots.title}</span> </div> <Trigger ref="subMenus">{children}</Trigger> {/* {props.level==0&&( <Trigger> {children} </Trigger>)} { props.level>0&&children } */} </li> ); } } export default SubMenu; import Trigger from './trigger' import {getOffset,getDefaultTarget} from '@main/utils' import {filterEmpty} from '@main/utils/props' import PopMenu from './popMenu' const SubMenu = { props:{ eventKey:{ type:String }, mode:{ type:String }, level:{ type:Number }, parent: { type: Object, default: null } }, data(){ return{ subStyle:{ left:0, top:0, display:'none' }, isActive:false, } }, methods:{ setPotion(){ let me=this; let rect = getOffset(me.$refs['domMenuTitle'],getDefaultTarget()); let subStyle = { left: me.level==0?rect.left:rect.left+rect.width, top: me.level==0?rect.top+rect.height-1:rect.top, width:rect.width } return subStyle; }, show(){ let me=this; if(me.level!=0){ me.parent.show&&me.parent.show(); } let p = me.setPotion(), h = document.documentElement.offsetHeight, w = document.documentElement.offsetWidth, subMenuDom = me.$refs['subMenus'].$el.firstElementChild; subMenuDom.style.display = 'block'; let sh = subMenuDom.offsetHeight, sw = subMenuDom.offsetWidth; sh = sh>h?h:sh; if(me.level>0){ subMenuDom.style.left = (p.left+sw>w?p.left-p.width-sw:p.left-10)+'px'; }else{ subMenuDom.style.left = (p.left+sw>w?w-sw:p.left)+'px'; } subMenuDom.style.top = (p.top+sh>h?h-sh:p.top)+'px'; subMenuDom.style.height = sh+'px'; subMenuDom.style.display = 'block'; let zIndex = window.getComputedStyle(this.$el.parentNode,null)['z-index']*1; subMenuDom.style.zIndex=zIndex+1; // me.$set(me,'subStyle',{display:'block',...p}); // me.subStyle.display = 'block'; me.isActive =true; }, hide(){ let me=this; let subMenuDom = me.$refs['subMenus'].$el.firstElementChild; subMenuDom.style.display = 'none'; // me.subStyle.display = 'none'; me.isActive = false; }, hideParent(){ let me=this; if(me.level!=0){ me.parent.hide&&me.parent.hideParent(); } this.hide(); }, handleTitleMouseEnter(evt){ this.show(); }, handleTitleMouseLeave(evt){ this.hide(); }, handleSubMouseEnter(){ this.show(); this.$emit('mouseenter'); }, handleSubMouseLeave(){ this.hideParent(); this.$emit('mouseleave'); }, renderChildren(children){ let {...props} = this.$props; const {subStyle,isActive} = this; let popMenuProps={ props:{ ...props, level:props.level+1, children:children, parent:this }, style:{ // ...subStyle, }, class:{ ['pl-menus-sub']:1, ['pl-menus-pop']:1, }, on:{ mouseenter:this.handleSubMouseEnter, mouseleave:this.handleSubMouseLeave } } return ( <PopMenu ref="domMenuSub" {...popMenuProps}></PopMenu> ) } }, render(h) { const props = this.$props; const {subStyle,isActive} = this; const isInlineMode = props.mode === 'inline'; const children = this.renderChildren(filterEmpty(this.$slots.default)); const nodeProps ={ class:{ ['pl-menus-item']:1, ['pl-menus-itemSeld']:isActive } } const titleProps={ attrs:{ title:this.$slots.title[0].text }, on:{ mouseenter:this.handleTitleMouseEnter, mouseleave:this.handleTitleMouseLeave } } /* {isInlineMode && children} {!isInlineMode && ( <Trigger> {children} </Trigger>)} */ /** * 菜单太多的问题 * 子菜单独立渲染 添加滚动条 */ return ( <li {...nodeProps} > <div ref="domMenuTitle" class="title" {...titleProps}> {props.level>0&&(<i class="iconfont icon-arrow-right trigger"></i>)} <span class='txt'>{this.$slots.title}</span> </div> <Trigger ref="subMenus">{children}</Trigger> {/* {props.level==0&&( <Trigger> {children} </Trigger>)} { props.level>0&&children } */} </li> ); } } export default SubMenu;

Ignore Space Show notes View template.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时 公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="/${serverName}/render/assets_platform/element-ui/index.css"> <script src="/${serverName}/render/assets_platform/vue/vue.min.js"></script> <script src="/${serverName}/render/assets_platform/vuex/vuex.min.js"></script> <script src="/${serverName}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="/${serverName}/render/assets_platform/element-ui/index.js"></script> <!--发布时 公共库--> <script src="/${serverName}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="/${serverName}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Show line notes below