xuziqiang
6 months ago
1475 changed files with 31 additions and 419923 deletions
@ -1,10 +0,0 @@ |
|||||
# port |
|
||||
VITE_PORT = 3333 |
|
||||
#mode |
|
||||
VITE_GLOB_APP_RUN_TYPE = saas |
|
||||
|
|
||||
# spa-title |
|
||||
VITE_GLOB_APP_TITLE = Smart Community-op |
|
||||
|
|
||||
# spa shortname |
|
||||
VITE_GLOB_APP_SHORT_NAME = smart-community-op |
|
||||
@ -1,22 +0,0 @@ |
|||||
# Whether to open mock |
|
||||
VITE_USE_MOCK = true |
|
||||
|
|
||||
# public path |
|
||||
VITE_PUBLIC_PATH = / |
|
||||
|
|
||||
# Cross-domain proxy, you can configure multiple |
|
||||
# Please note that no line breaks |
|
||||
VITE_PROXY = {"/api":{ "target":"http://100.73.70.51","changeOrigin": true}} |
|
||||
# VITE_PROXY=[["/api","https://vvbin.cn/test"]] |
|
||||
|
|
||||
# Delete console |
|
||||
VITE_DROP_CONSOLE = false |
|
||||
|
|
||||
# Basic interface address SPA |
|
||||
VITE_GLOB_API_URL=/basic-api |
|
||||
|
|
||||
# File upload address， optional |
|
||||
VITE_GLOB_UPLOAD_URL=/upload |
|
||||
|
|
||||
# Interface prefix |
|
||||
VITE_GLOB_API_URL_PREFIX= |
|
||||
@ -1,35 +0,0 @@ |
|||||
# Whether to open mock |
|
||||
VITE_USE_MOCK = true |
|
||||
|
|
||||
# public path |
|
||||
VITE_PUBLIC_PATH = / |
|
||||
|
|
||||
# Delete console |
|
||||
VITE_DROP_CONSOLE = true |
|
||||
|
|
||||
# Whether to enable gzip or brotli compression |
|
||||
# Optional: gzip | brotli | none |
|
||||
# If you need multiple forms, you can use `,` to separate |
|
||||
VITE_BUILD_COMPRESS = 'none' |
|
||||
|
|
||||
# Whether to delete origin files when using compress, default false |
|
||||
VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false |
|
||||
|
|
||||
# Basic interface address SPA |
|
||||
VITE_GLOB_API_URL=/basic-api |
|
||||
|
|
||||
# File upload address， optional |
|
||||
# It can be forwarded by nginx or write the actual address directly |
|
||||
VITE_GLOB_UPLOAD_URL=/upload |
|
||||
|
|
||||
# Interface prefix |
|
||||
VITE_GLOB_API_URL_PREFIX= |
|
||||
|
|
||||
# Whether to enable image compression |
|
||||
VITE_USE_IMAGEMIN= true |
|
||||
|
|
||||
# use pwa |
|
||||
VITE_USE_PWA = false |
|
||||
|
|
||||
# Is it compatible with older browsers |
|
||||
VITE_LEGACY = false |
|
||||
@ -1 +0,0 @@ |
|||||
1.0.14 |
|
||||
@ -1,74 +0,0 @@ |
|||||
#!/bin/bash |
|
||||
SOURCE="$0" |
|
||||
while [ -h "$SOURCE" ]; do # resolve $SOURCE until the file is no longer a symlink |
|
||||
DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )" |
|
||||
SOURCE="$(readlink "$SOURCE")" |
|
||||
[[ $SOURCE != /* ]] && SOURCE="$DIR/$SOURCE" # if $SOURCE was a relative symlink, we need to resolve it relative to the path where the symlink file was located |
|
||||
done |
|
||||
DIR="$( cd -P "$( dirname "$SOURCE" )" && pwd )" |
|
||||
|
|
||||
if [ -z $WORKSPACE ];then |
|
||||
echo "WORKSPACE not exists" |
|
||||
else |
|
||||
set DIR=$WORKSPACE |
|
||||
fi |
|
||||
|
|
||||
echo "current dir" |
|
||||
echo "$DIR" |
|
||||
|
|
||||
cd "$DIR" |
|
||||
projectname=$(basename `pwd`) |
|
||||
|
|
||||
npm run community-op-build |
|
||||
|
|
||||
if [ -d "$DIR/dist" ];then |
|
||||
|
|
||||
cd "$DIR/dist" |
|
||||
|
|
||||
# copy module.json |
|
||||
cp ../module.json ./ |
|
||||
|
|
||||
# package |
|
||||
VERSION=$(cat ../.version) |
|
||||
lastdir=../release/ |
|
||||
if [ -d ${lastdir} ];then |
|
||||
echo "删除旧release文件夹" |
|
||||
rm -rf ${lastdir} |
|
||||
else |
|
||||
echo "文件夹不存在！" |
|
||||
fi |
|
||||
mkdir -p ${lastdir} |
|
||||
|
|
||||
dir=../release/nerv/$projectname/$VERSION |
|
||||
mkdir -p ${dir} |
|
||||
tar -zcvf "${dir}/$projectname-$VERSION.tgz" ./* |
|
||||
|
|
||||
templatedir=../release/resources/templates/nerv/$projectname/$VERSION/$projectname |
|
||||
mkdir -p ${templatedir} |
|
||||
cp -r ../resources/templates/* ${templatedir} |
|
||||
|
|
||||
cd ../ |
|
||||
|
|
||||
releasefile=nerv-$projectname-$VERSION.tgz |
|
||||
if [ -f ${releasefile} ];then |
|
||||
echo "删除旧包！" |
|
||||
rm -rf ${releasefile} |
|
||||
fi |
|
||||
|
|
||||
tar -zcvf ${releasefile} ./release/* release.yaml |
|
||||
|
|
||||
mkdir -p ./release/nervui |
|
||||
cp -r ./release/nerv/* ./release/nervui |
|
||||
|
|
||||
if [ -f ${releasefile} ];then |
|
||||
echo "编译成功！" |
|
||||
mv ${releasefile} ./release |
|
||||
else |
|
||||
echo "编译失败!!!" |
|
||||
exit 1 |
|
||||
fi |
|
||||
|
|
||||
else |
|
||||
echo "编译失败!!!" |
|
||||
exit 1 |
|
||||
fi |
|
||||
@ -1,18 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html lang="en"> |
|
||||
<head> |
|
||||
<meta charset="UTF-8" /> |
|
||||
<link rel="icon" href="/favicon.ico" /> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
||||
<title>smart-community-op</title> |
|
||||
<script type="text/javascript"> |
|
||||
window._AMapSecurityConfig = { |
|
||||
securityJsCode: '09e43004c09d39c0e61f8fd65d5e6a5a', |
|
||||
}; |
|
||||
</script> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div id="app"></div> |
|
||||
<script type="module" src="./src/main.ts"></script> |
|
||||
</body> |
|
||||
</html> |
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 602 B |
|
Before Width: | Height: | Size: 109 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 1008 KiB |
|
Before Width: | Height: | Size: 217 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 4.2 KiB |
@ -1,12 +0,0 @@ |
|||||
# 上传release目录信息到nerv-file仓库 |
|
||||
release: |
|
||||
- {src: release, dest: /upload/pkg, include: [".*(.tgz)$"]} |
|
||||
- {src: release/resources/templates, dest: /upload/templates} |
|
||||
register: |
|
||||
name: nervui-smart-community-op |
|
||||
version: 1.0.14 |
|
||||
components: |
|
||||
- type: nervui-smart-community-op |
|
||||
resources: |
|
||||
- {type: template, relativePath: /nervui-smart-community-op/deploy.json} |
|
||||
|
|
||||
@ -1,35 +0,0 @@ |
|||||
echo "=====================================================create=====================================================" |
|
||||
|
|
||||
#!/usr/bin/env bash |
|
||||
|
|
||||
function create() { |
|
||||
|
|
||||
if [ -d "$nervui_app_home" ];then |
|
||||
echo "$nervui_app_home exists!" |
|
||||
else |
|
||||
echo "start mkdir $nervui_app_home" |
|
||||
mkdir -p "$nervui_app_home" |
|
||||
fi |
|
||||
|
|
||||
pkg_file_name=${pkg_url##*/} |
|
||||
pkg_file_path="$nervui_app_home$pkg_file_name" |
|
||||
|
|
||||
|
|
||||
echo "start download $pkg_url" |
|
||||
curl -L -o $pkg_file_path $pkg_url |
|
||||
|
|
||||
|
|
||||
echo "start install $pkg_file_path" |
|
||||
tar -xf $pkg_file_path -C $nervui_app_home |
|
||||
|
|
||||
} |
|
||||
|
|
||||
if [ "$pkg_url" == "" ]; then |
|
||||
echo {\"error\":\"pkg_url is empty\"} |
|
||||
exit 1 |
|
||||
elif [ "$nervui_app_home" == "" ]; then |
|
||||
echo {\"error\":\"nervui_app_home is empty\"} |
|
||||
exit 1 |
|
||||
else |
|
||||
create |
|
||||
fi |
|
||||
@ -1 +0,0 @@ |
|||||
echo "=====================================================delete=====================================================" |
|
||||
@ -1 +0,0 @@ |
|||||
echo "=====================================================setup=====================================================" |
|
||||
@ -1 +0,0 @@ |
|||||
echo "=====================================================start=====================================================" |
|
||||
@ -1 +0,0 @@ |
|||||
echo "=====================================================stop=====================================================" |
|
||||
@ -1,30 +0,0 @@ |
|||||
{ |
|
||||
"name": "/nervui/nervui-smart-community-op", |
|
||||
"operations": [ |
|
||||
{ |
|
||||
"name": "Create", |
|
||||
"type": "shell", |
|
||||
"implementor": "create.sh" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "Delete", |
|
||||
"type": "shell", |
|
||||
"implementor": "delete.sh" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "Setup", |
|
||||
"type": "shell", |
|
||||
"implementor": "setup.sh" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "Start", |
|
||||
"type": "shell", |
|
||||
"implementor": "start.sh" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "Stop", |
|
||||
"type": "shell", |
|
||||
"implementor": "stop.sh" |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
@ -1,64 +0,0 @@ |
|||||
{ |
|
||||
"name": "/nervui/nervui-smart-community-op", |
|
||||
"version": 1, |
|
||||
"inputs": [ |
|
||||
{ |
|
||||
"name": "server_ip", |
|
||||
"type": "string", |
|
||||
"required": true, |
|
||||
"description": "应用安装IP地址", |
|
||||
"inputType": "ipSelectType" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "version", |
|
||||
"type": "string", |
|
||||
"required": true, |
|
||||
"description": "软件版本", |
|
||||
"inputType": "versionSelectType" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "install_dir", |
|
||||
"type": "string", |
|
||||
"required": true, |
|
||||
"defaultValue": "/data", |
|
||||
"inputType": "textInputType", |
|
||||
"description": "安装目录" |
|
||||
} |
|
||||
], |
|
||||
"nodes": [ |
|
||||
{ |
|
||||
"name": "nervui-smart-community-op", |
|
||||
"type": "/nerv/nerv-orchestrator/cluster/Nervui", |
|
||||
"parameters": [ |
|
||||
{ |
|
||||
"name": "file_repository", |
|
||||
"value": "${nerv_file_repository}" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "install_dir", |
|
||||
"value": "${install_dir}" |
|
||||
}, |
|
||||
{ |
|
||||
"name": "pkg_url", |
|
||||
"value": "/api/pkg/nerv/nervui-smart-community-op/${version}/nervui-smart-community-op-${version}.tgz" |
|
||||
} |
|
||||
], |
|
||||
"dependencies": [ |
|
||||
{ |
|
||||
"type": "contained", |
|
||||
"target": "host" |
|
||||
} |
|
||||
] |
|
||||
}, |
|
||||
{ |
|
||||
"name": "host", |
|
||||
"type": "/nerv/nerv-orchestrator/compute/Host", |
|
||||
"parameters": [ |
|
||||
{ |
|
||||
"name": "address", |
|
||||
"value": "${server_ip}" |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
@ -1,336 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<a-config-provider :locale="locale"> |
|
||||
<router-view /> |
|
||||
</a-config-provider> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts"> |
|
||||
import { defineComponent, watch, ref } from 'vue'; |
|
||||
import zhCN from 'ant-design-vue/es/locale/zh_CN'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
import Cookies from 'js-cookie'; |
|
||||
import { message } from 'ant-design-vue'; |
|
||||
export default defineComponent({ |
|
||||
name: 'App', |
|
||||
|
|
||||
setup() { |
|
||||
const router = useRouter(); |
|
||||
router.beforeEach((to, from) => { |
|
||||
if (Cookies.get('nervsid') === undefined && to.fullPath !== '/login') { |
|
||||
if (from.name !== undefined) { |
|
||||
message.warn('登陆信息已过期，请重新登录!', 1); |
|
||||
} |
|
||||
router.push('/login'); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
const cachedViews = ['Status']; |
|
||||
|
|
||||
// watch( |
|
||||
// () => router.currentRoute.value, |
|
||||
// (e) => { |
|
||||
// // if (Cookies.get('nervsid') === undefined && e.fullPath !== '/login') { |
|
||||
// // message.warn('登陆信息已过期，请重新登录!', 1); |
|
||||
// // router.push('/login'); |
|
||||
// // } |
|
||||
// // } else { |
|
||||
// // if (Cookies.get('nervsid') !== undefined && e === '/login') { |
|
||||
// // let url = window.sessionStorage.getItem('url'); |
|
||||
// // url === null ? window.sessionStorage.setItem('url', '/doorway/visitor/audit') : ''; |
|
||||
// // router.push(url === null ? '/doorway' : url); |
|
||||
// // } |
|
||||
// // } |
|
||||
// } |
|
||||
// ); |
|
||||
return { |
|
||||
cachedViews, |
|
||||
locale: zhCN, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less" scoped> |
|
||||
#app { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
} |
|
||||
:deep(.nsHeader_action) { |
|
||||
.action { |
|
||||
cursor: pointer; |
|
||||
&:hover { |
|
||||
background-color: @primary-color; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/***顶部菜单和侧边菜单样式修改 */ |
|
||||
:deep(.ns-left-menu) { |
|
||||
position: fixed; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
z-index: 99; |
|
||||
height: calc(100% - 40px); |
|
||||
background-image: url(/asset/image/side.png); |
|
||||
background-size: cover; |
|
||||
padding-top: 48px; |
|
||||
.ant-layout-sider-children { |
|
||||
background-color: transparent; |
|
||||
.ant-menu-root { |
|
||||
background-color: transparent; |
|
||||
} |
|
||||
.ant-menu { |
|
||||
color: rgba(255, 255, 255, 0.9); |
|
||||
} |
|
||||
.ant-menu-item a { |
|
||||
color: rgba(255, 255, 255, 0.9); |
|
||||
} |
|
||||
.ant-menu-submenu-expand-icon, |
|
||||
.ant-menu-submenu-arrow { |
|
||||
color: rgba(255, 255, 255, 0.9); |
|
||||
} |
|
||||
.ant-menu-sub.ant-menu-inline { |
|
||||
background-color: #001027; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
:deep(.ns-header-menu) { |
|
||||
background-size: 100% 100%; |
|
||||
.ant-menu-root { |
|
||||
background-color: transparent; |
|
||||
} |
|
||||
.ant-menu.ant-menu-dark .ant-menu-item:hover { |
|
||||
background: @primary-color !important; |
|
||||
} |
|
||||
.ant-menu.ant-menu-dark .ant-menu-item-selected { |
|
||||
background: @primary-color !important; |
|
||||
} |
|
||||
} |
|
||||
:deep(.ns-left-menu-trigger) { |
|
||||
background: rgba(0, 0, 0, 0.1) !important; |
|
||||
} |
|
||||
:deep(.ant-menu-inline .ant-menu-item-selected) { |
|
||||
&::after { |
|
||||
position: absolute; |
|
||||
border: unset !important; |
|
||||
content: ''; |
|
||||
} |
|
||||
&::before { |
|
||||
background: transparent; |
|
||||
} |
|
||||
} |
|
||||
/********* 菜单选中符号修改 */ |
|
||||
:deep(.ant-menu-sub .ant-menu-item-selected::after) { |
|
||||
position: absolute; |
|
||||
width: 2px; |
|
||||
height: 14px; |
|
||||
background: #fff; |
|
||||
border: unset; |
|
||||
top: 14px; |
|
||||
left: 20px; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
content: ''; |
|
||||
} |
|
||||
:deep(.ant-menu-submenu .ant-menu-submenu .ant-menu-sub .ant-menu-item-selected::after) { |
|
||||
position: absolute; |
|
||||
width: 2px; |
|
||||
height: 14px; |
|
||||
background: #fff; |
|
||||
border: unset; |
|
||||
top: 14px; |
|
||||
left: 40px; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
content: ''; |
|
||||
} |
|
||||
/********* 一级菜单选中效果 */ |
|
||||
:deep(.firstMenuItem-selected) { |
|
||||
background: @primary-color!important; |
|
||||
border-radius: 4px; |
|
||||
} |
|
||||
:deep(.ns-left-menu .ant-layout-sider-children .ant-menu-submenu-arrow) { |
|
||||
color: rgba(255, 255, 255, 0.5); |
|
||||
} |
|
||||
:deep(.ant-layout-sider-children) { |
|
||||
overflow-x: hidden; |
|
||||
} |
|
||||
:deep(.ns-left-menu .firstMenuItem-selected .ant-menu-title-content) { |
|
||||
background: unset !important; |
|
||||
} |
|
||||
:deep(.ns-left-menu .ant-menu-item-selected .ant-menu-title-content) { |
|
||||
color: #fff !important; |
|
||||
background: @primary-color; |
|
||||
border-radius: 2px; |
|
||||
height: 40px; |
|
||||
line-height: 40px; |
|
||||
a { |
|
||||
color: #ffffff !important; |
|
||||
} |
|
||||
} |
|
||||
:deep(.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover) { |
|
||||
background: @primary-color; |
|
||||
} |
|
||||
:deep(.ant-menu-inline .ant-menu-submenu-title) { |
|
||||
color: rgba(255, 255, 255, 0.9) !important; |
|
||||
} |
|
||||
:deep(.ns-left-menu .ant-layout-sider-children .ant-menu-sub.ant-menu-inline) { |
|
||||
position: relative; |
|
||||
&::before { |
|
||||
display: flex; |
|
||||
width: 2px; |
|
||||
height: calc(100% - 40px); |
|
||||
position: absolute; |
|
||||
top: 20px; |
|
||||
left: 20px; |
|
||||
content: ''; |
|
||||
background-color: rgba(255, 255, 255, 0.2); |
|
||||
} |
|
||||
} |
|
||||
:deep(.link-btn) { |
|
||||
color: @primary-color !important; |
|
||||
} |
|
||||
:deep(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected) { |
|
||||
color: @primary-color !important; |
|
||||
} |
|
||||
:deep(.ant-table-footer .ns-icon) { |
|
||||
color: @primary-color !important; |
|
||||
} |
|
||||
//*************************含tab的 list列表样式 */ |
|
||||
:deep(.tabListTable) { |
|
||||
.ns-table-title { |
|
||||
text-align: left; |
|
||||
height: 46px; |
|
||||
line-height: 46px; |
|
||||
font-size: 18px; |
|
||||
font-weight: bold; |
|
||||
user-select: text; |
|
||||
padding-left: 16px; |
|
||||
background: #fff; |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px; |
|
||||
} |
|
||||
.tabs-list { |
|
||||
overflow: visible !important; |
|
||||
} |
|
||||
.ant-tabs-nav { |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px !important; |
|
||||
background: #fff; |
|
||||
border-top: 1px solid #e5ebf0; |
|
||||
} |
|
||||
.ant-tabs-nav-list { |
|
||||
margin-left: 0px; |
|
||||
} |
|
||||
.ant-tabs-nav-wrap { |
|
||||
padding: 0 16px; |
|
||||
height: 46px; |
|
||||
} |
|
||||
.customContent { |
|
||||
border-top: 16px solid #e5ebf0; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
//*********************详情页返回修改 */ |
|
||||
:deep(.nsDetailView) { |
|
||||
min-height: 100%; |
|
||||
height: 100%; |
|
||||
.ns-detail-content { |
|
||||
padding: 0px 24px; |
|
||||
border-top: 16px solid #e5ebf0; |
|
||||
} |
|
||||
|
|
||||
.ant-descriptions-item-label { |
|
||||
color: rgba(0, 0, 0, 0.5); |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
.ant-descriptions-item-content { |
|
||||
color: rgba(0, 0, 0, 0.95); |
|
||||
font-family: PingFang SC; |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
.ns-table .ns-table-main { |
|
||||
border: unset; |
|
||||
} |
|
||||
.ant-descriptions-title { |
|
||||
&::after { |
|
||||
content: ''; |
|
||||
width: 75px; |
|
||||
height: 7px; |
|
||||
display: block; |
|
||||
background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%); |
|
||||
margin-left: 2px; |
|
||||
margin-top: -2px; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.ant-descriptions-row > th, |
|
||||
.ant-descriptions-row > td { |
|
||||
padding-bottom: 8px; |
|
||||
} |
|
||||
.ns-page-header { |
|
||||
margin-bottom: 0 !important; |
|
||||
padding-top: 7px !important; |
|
||||
padding-bottom: 7px !important; |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px; |
|
||||
.title { |
|
||||
cursor: pointer; |
|
||||
font-size: 18px !important; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
} |
|
||||
} |
|
||||
.ant-descriptions-header { |
|
||||
margin: 16px 0 16px 0 !important; |
|
||||
|
|
||||
.ant-descriptions-title { |
|
||||
line-height: 16px; |
|
||||
font-size: 16px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
<style lang="less"> |
|
||||
// 列表弹框样式修改 |
|
||||
.listTableModal .ant-modal-title { |
|
||||
font-weight: 600; |
|
||||
} |
|
||||
.listTableModal .ant-modal-body { |
|
||||
padding: 16px !important; |
|
||||
.ant-tabs-nav-wrap { |
|
||||
padding: 0px; |
|
||||
} |
|
||||
.ns-list-table { |
|
||||
border-left: 16px solid #e5ebf0; |
|
||||
border-right: 16px solid #e5ebf0; |
|
||||
border-bottom: 16px solid #e5ebf0; |
|
||||
} |
|
||||
} |
|
||||
:deep(.ant-menu-submenu-title) { |
|
||||
color: #ffffff !important; |
|
||||
} |
|
||||
//************************修改顶部菜单弹框样式 |
|
||||
.ant-menu-submenu-placement-bottomLeft { |
|
||||
.ant-menu-submenu { |
|
||||
background: rgb(3 24 53) !important; |
|
||||
} |
|
||||
|
|
||||
.ant-menu-sub { |
|
||||
background: rgb(3 24 53) !important; |
|
||||
} |
|
||||
.ant-menu-title-content { |
|
||||
color: #fff !important; |
|
||||
.ns-icon { |
|
||||
margin-right: 7px; |
|
||||
transform: translateY(2px); |
|
||||
} |
|
||||
} |
|
||||
.ant-menu-submenu-arrow { |
|
||||
color: #fff !important; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,49 +0,0 @@ |
|||||
/*** |
|
||||
*配置接口 格式 module:Array<resource> |
|
||||
*/ |
|
||||
export const apiModule = { |
|
||||
community: [ |
|
||||
'User', |
|
||||
'CurrentUser', |
|
||||
'Organizational', |
|
||||
'Device', |
|
||||
'Region', |
|
||||
'Owner', |
|
||||
'AllList', |
|
||||
'VisitorRecord', |
|
||||
'Room', |
|
||||
'Device', |
|
||||
'CommunityVisitor', |
|
||||
'AccessControlGroup', |
|
||||
'AccessControlLeft', |
|
||||
'AccessControlRight', |
|
||||
'AccessControlRightIdentity', |
|
||||
'Visitor', |
|
||||
'DeviceListByDeviceCategory', |
|
||||
'Perimeter', |
|
||||
'AccessControlRightVisitorIdentity', |
|
||||
'BedChoose', |
|
||||
'Gateway', |
|
||||
'FileUpload', |
|
||||
'User', |
|
||||
'CurrentUser', |
|
||||
'Organizational', |
|
||||
'Device', |
|
||||
'Region', |
|
||||
'Owner', |
|
||||
'AllList', |
|
||||
'VisitorRecord', |
|
||||
'Room', |
|
||||
'Device', |
|
||||
'CommunityVisitor', |
|
||||
'AccessControlGroup', |
|
||||
'AccessControlLeft', |
|
||||
'AccessControlRight', |
|
||||
'AccessControlRightIdentity', |
|
||||
'Visitor', |
|
||||
'DeviceListByDeviceCategory', |
|
||||
'BedChoose', |
|
||||
'Perimeter', |
|
||||
'OrganizationConfig', |
|
||||
], |
|
||||
}; |
|
||||
@ -1,15 +0,0 @@ |
|||||
import { http } from '/nerv-lib/util/http'; |
|
||||
|
|
||||
enum Api { |
|
||||
USER_LOGIN = '/api/community/objs/Login', //用户登录
|
|
||||
USER_INFO = 'api/community/community/objs/CurrentUser', //获取用户信息
|
|
||||
} |
|
||||
export const userLogin = (data: RoomListModel) => http.post(Api.USER_LOGIN, data); |
|
||||
export const userInfo = () => http.get(Api.USER_INFO); |
|
||||
/** |
|
||||
* @description 用户登录 |
|
||||
* @property `[fatherRegionUuid]` 父级区域唯一标识 |
|
||||
*/ |
|
||||
interface RoomListModel { |
|
||||
data: string; |
|
||||
} |
|
||||
@ -1,10 +0,0 @@ |
|||||
import { http } from '/nerv-lib/util/http'; |
|
||||
|
|
||||
/** |
|
||||
* 获取审批数据 |
|
||||
* @param {*} data |
|
||||
* @returns |
|
||||
*/ |
|
||||
export function getWorkFlowData(data) { |
|
||||
return http.get('/api/workflow/objs/admin/processTemplate/detail', data); |
|
||||
} |
|
||||
@ -1,179 +0,0 @@ |
|||||
<template> |
|
||||
<div class="add-node-btn-box"> |
|
||||
<div class="add-node-btn"> |
|
||||
<Popover placement="right"> |
|
||||
<template #content> |
|
||||
<div class="add-node-popover-body"> |
|
||||
<a class="add-node-popover-item approver" @click="addType(2)"> |
|
||||
<p>新增审批</p> |
|
||||
</a> |
|
||||
<!-- <a class="add-node-popover-item condition" @click="addType(3)"> |
|
||||
<p>新增条件分支</p> |
|
||||
</a> --> |
|
||||
</div> |
|
||||
</template> |
|
||||
<button class="btn" type="button"> |
|
||||
<span class="iconfont"></span> |
|
||||
</button> |
|
||||
</Popover> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
import { ref } from 'vue'; |
|
||||
import { Popover } from 'ant-design-vue'; |
|
||||
let props = defineProps({ |
|
||||
childNodeP: { |
|
||||
type: Object, |
|
||||
default: () => ({}), |
|
||||
}, |
|
||||
}); |
|
||||
let emits = defineEmits(['update:childNodeP']); |
|
||||
let visible = ref(false); |
|
||||
const addType = (type) => { |
|
||||
console.log(props.childNodeP); |
|
||||
visible.value = false; |
|
||||
if (type != 3) { |
|
||||
var data; |
|
||||
if (type == 2) { |
|
||||
data = { |
|
||||
name: '审批', |
|
||||
nodeType: 2, |
|
||||
next: JSON.stringify(props.childNodeP) == '{}' ? null : props.childNodeP, |
|
||||
sendMessage: 1, |
|
||||
assignee: {}, |
|
||||
exclusive: [], |
|
||||
}; |
|
||||
} |
|
||||
emits('update:childNodeP', data); |
|
||||
} else { |
|
||||
emits('update:childNodeP', { |
|
||||
name: '路由', |
|
||||
nodeType: 3, |
|
||||
exclusive: [ |
|
||||
{ |
|
||||
name: '条件1', |
|
||||
jumpId: '', |
|
||||
conditionType: 2, |
|
||||
priorityLevel: 1, |
|
||||
conditionGroupList: [], |
|
||||
conditionExpression: '', |
|
||||
exclusiveBranchNode: JSON.stringify(props.childNodeP) == '{}' ? null : props.childNodeP, |
|
||||
}, |
|
||||
{ |
|
||||
name: '默认条件', |
|
||||
jumpId: '', |
|
||||
conditionType: 1, |
|
||||
priorityLevel: 1, |
|
||||
conditionGroupList: null, |
|
||||
conditionExpression: '', |
|
||||
exclusiveBranchNode: null, |
|
||||
}, |
|
||||
], |
|
||||
}); |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
<style scoped lang="less"> |
|
||||
.add-node-btn-box { |
|
||||
width: 240px; |
|
||||
display: -webkit-inline-box; |
|
||||
display: -ms-inline-flexbox; |
|
||||
display: inline-flex; |
|
||||
-ms-flex-negative: 0; |
|
||||
flex-shrink: 0; |
|
||||
-webkit-box-flex: 1; |
|
||||
-ms-flex-positive: 1; |
|
||||
position: relative; |
|
||||
|
|
||||
&:before { |
|
||||
content: ''; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
z-index: -1; |
|
||||
margin: auto; |
|
||||
width: 2px; |
|
||||
height: 100%; |
|
||||
background-color: #cacaca; |
|
||||
} |
|
||||
|
|
||||
.add-node-btn { |
|
||||
user-select: none; |
|
||||
width: 240px; |
|
||||
padding: 20px 0 32px; |
|
||||
display: flex; |
|
||||
-webkit-box-pack: center; |
|
||||
justify-content: center; |
|
||||
flex-shrink: 0; |
|
||||
-webkit-box-flex: 1; |
|
||||
flex-grow: 1; |
|
||||
|
|
||||
.btn { |
|
||||
outline: none; |
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); |
|
||||
width: 30px; |
|
||||
height: 30px; |
|
||||
background: #3296fa; |
|
||||
border-radius: 50%; |
|
||||
position: relative; |
|
||||
border: none; |
|
||||
line-height: 30px; |
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
|
||||
|
|
||||
.iconfont { |
|
||||
color: #fff; |
|
||||
font-size: 16px; |
|
||||
} |
|
||||
|
|
||||
// &:hover { |
|
||||
// transform: scale(1.3); |
|
||||
// box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.1); |
|
||||
// } |
|
||||
|
|
||||
&:active { |
|
||||
transform: none; |
|
||||
background: #1e83e9; |
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
<style lang="less"> |
|
||||
.add-node-popover-body { |
|
||||
.add-node-popover-item { |
|
||||
display: block; |
|
||||
margin: 10px 0; |
|
||||
cursor: pointer; |
|
||||
text-align: center; |
|
||||
color: #191f25 !important; |
|
||||
padding: 5px 12px; |
|
||||
border: 1px solid #ccc; |
|
||||
border-radius: 4px; |
|
||||
&:hover { |
|
||||
p { |
|
||||
color: #1bb6b6; |
|
||||
} |
|
||||
|
|
||||
.iconfont { |
|
||||
color: #fff; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
&:active { |
|
||||
.item-wrapper { |
|
||||
box-shadow: none; |
|
||||
background: #eaeaea; |
|
||||
} |
|
||||
|
|
||||
.iconfont { |
|
||||
color: inherit; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,144 +0,0 @@ |
|||||
<template> |
|
||||
<Modal |
|
||||
title="审批人设置" |
|
||||
:destroyOnClose="true" |
|
||||
v-model:visible="visible" |
|
||||
class="set_promoter" |
|
||||
width="900px"> |
|
||||
<ns-form :model="approverConfig" :schemas="formSchema" ref="approverForm" /> |
|
||||
{{ approverForm?.validatorResult }} |
|
||||
<template #footer> |
|
||||
<a-button type="primary" @click="saveApprover" :disabled="buttonDisabled"> 确 定 </a-button> |
|
||||
<a-button @click="closeDrawer">取 消</a-button> |
|
||||
</template> |
|
||||
</Modal> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
import { ref, watch, computed, provide, nextTick } from 'vue'; |
|
||||
import $func from '/@/utils/index'; |
|
||||
import { setTypes, selectModes, selectRanges } from '/@/utils/const'; |
|
||||
import { useStore } from '/@/stores/index'; |
|
||||
import { Modal } from 'ant-design-vue'; |
|
||||
import assigneeForm from './drawerComponents/assignee/assigneeForm.vue'; |
|
||||
|
|
||||
let props = defineProps({ |
|
||||
directorMaxLevel: { |
|
||||
type: Number, |
|
||||
default: 0, |
|
||||
}, |
|
||||
}); |
|
||||
provide('components', () => { |
|
||||
return { assigneeForm }; |
|
||||
}); |
|
||||
let approverForm = ref(); |
|
||||
let approverConfig = ref({}); |
|
||||
let store = useStore(); |
|
||||
let { setApproverConfig, setApprover } = store; |
|
||||
let approverConfig1 = computed(() => store.approverConfig1); |
|
||||
let approverDrawer = computed(() => store.approverDrawer); |
|
||||
let visible = computed({ |
|
||||
get() { |
|
||||
return approverDrawer.value; |
|
||||
}, |
|
||||
set() { |
|
||||
closeDrawer(); |
|
||||
}, |
|
||||
}); |
|
||||
let validateResult = computed(() => { |
|
||||
return approverForm.value?.validateResult; |
|
||||
}); |
|
||||
let disabled = ref(false); |
|
||||
let buttonDisabled = ref(true); |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'name', |
|
||||
label: '节点名称', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
validator: async (rule, value) => { |
|
||||
if (!value) { |
|
||||
return Promise.reject('节点名称不能为空'); |
|
||||
} |
|
||||
const unicRegexp = new RegExp('[\u4e00-\u9fa5]', 'g'); |
|
||||
let unicValue = value; |
|
||||
unicValue = value.replace(unicRegexp, 'aa'); |
|
||||
if (!/^[a-zA-Z\d\u4e00-\u9fa5]{2,20}$/.test(unicValue)) { |
|
||||
return Promise.reject('支持数字，大小写字母，中文，2-20字符，中文占两位'); |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: '', |
|
||||
label: '', |
|
||||
component: 'NsInputText', |
|
||||
componentProps: { |
|
||||
placeholder: '', |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: '', |
|
||||
label: '', |
|
||||
component: 'NsInputText', |
|
||||
componentProps: { |
|
||||
placeholder: '', |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'assignee', |
|
||||
label: '', |
|
||||
component: 'assigneeForm', |
|
||||
class: 'ns-form-item-full', |
|
||||
componentProps: { |
|
||||
placeholder: '', |
|
||||
onValidator: (value) => { |
|
||||
disabled.value = value; |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
// watch(approverConfig1, (val) => { |
|
||||
// approverConfig.value = val.value; |
|
||||
// }); |
|
||||
// 监听form是否已经加载和值是否改变，监听form是为了处理校验规则问题，避免赋值后表单才加载 |
|
||||
watch([approverForm, approverConfig1], (val) => { |
|
||||
if (val[0]) approverConfig.value = val[1].value; |
|
||||
}); |
|
||||
watch( |
|
||||
() => [validateResult.value, disabled.value], |
|
||||
(val) => { |
|
||||
if (!val[0]) { |
|
||||
buttonDisabled.value = true; |
|
||||
} |
|
||||
if (val[0]) { |
|
||||
if (!val[1]) buttonDisabled.value = true; |
|
||||
if (val[1]) buttonDisabled.value = false; |
|
||||
} |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
const saveApprover = () => { |
|
||||
console.log(approverConfig.value); |
|
||||
approverConfig.value.error = !$func.setApproverStr(approverConfig.value); |
|
||||
setApproverConfig({ |
|
||||
value: approverConfig.value, |
|
||||
flag: true, |
|
||||
id: approverConfig1.value.id, |
|
||||
}); |
|
||||
closeDrawer(); |
|
||||
}; |
|
||||
const closeDrawer = () => { |
|
||||
setApprover(false); |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="less" scoped> |
|
||||
:deep(.ns-form.ns-vertical-form) { |
|
||||
width: 100% !important; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,167 +0,0 @@ |
|||||
<template> |
|
||||
<Modal |
|
||||
:destroyOnClose="true" |
|
||||
title="条件设置" |
|
||||
v-model:visible="visible" |
|
||||
width="900px" |
|
||||
class="condition_copyer"> |
|
||||
<ns-form :model="conditionConfig" :schemas="formSchema" ref="nsFormRef" /> |
|
||||
<template #footer> |
|
||||
<a-button type="primary" @click="saveCondition" :disabled="buttonDisabled">确 定</a-button> |
|
||||
<a-button @click="closeDrawer">取 消</a-button> |
|
||||
</template> |
|
||||
</Modal> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
import { ref, watch, computed, provide, nextTick } from 'vue'; |
|
||||
import $func from '/@/utils/index'; |
|
||||
import { useStore } from '/@/stores/index'; |
|
||||
import { SelectType } from '/@/utils/const'; |
|
||||
import { Modal } from 'ant-design-vue'; |
|
||||
import gruopList from './drawerComponents/groupList/groupList.vue'; |
|
||||
provide('components', () => { |
|
||||
return { gruopList }; |
|
||||
}); |
|
||||
|
|
||||
let conditionsConfig = ref({ |
|
||||
exclusive: [], |
|
||||
}); |
|
||||
let conditionConfig = ref({}); |
|
||||
let PriorityLevel = ref(''); |
|
||||
let nsFormRef = ref(); |
|
||||
|
|
||||
let store = useStore(); |
|
||||
let { setCondition, setConditionsConfig } = store; |
|
||||
let conditionsConfig1 = computed(() => store.conditionsConfig1); |
|
||||
let conditionDrawer = computed(() => store.conditionDrawer); |
|
||||
let visible = computed({ |
|
||||
get() { |
|
||||
return conditionDrawer.value; |
|
||||
}, |
|
||||
set() { |
|
||||
closeDrawer(); |
|
||||
}, |
|
||||
}); |
|
||||
|
|
||||
let options = ref([]); |
|
||||
watch(conditionsConfig1, (val) => { |
|
||||
conditionsConfig.value = val.value; |
|
||||
PriorityLevel.value = val.priorityLevel; |
|
||||
options.value = []; |
|
||||
for (let i = 1; i < conditionsConfig.value.exclusive.length; i++) { |
|
||||
options.value.push({ |
|
||||
label: `优先级${i}`, |
|
||||
value: i, |
|
||||
}); |
|
||||
} |
|
||||
nextTick(() => { |
|
||||
conditionConfig.value = val.priorityLevel |
|
||||
? conditionsConfig.value.exclusive[val.priorityLevel - 1] |
|
||||
: { conditionGroupList: [] }; |
|
||||
conditionConfig.value.priorityLevel = val.priorityLevel; |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
let disabled = ref(false); |
|
||||
let buttonDisabled = ref(true); |
|
||||
let validateResult = computed(() => { |
|
||||
return nsFormRef.value?.validateResult; |
|
||||
}); |
|
||||
|
|
||||
watch( |
|
||||
() => [validateResult.value, disabled.value], |
|
||||
(val) => { |
|
||||
if (!val[0]) { |
|
||||
buttonDisabled.value = true; |
|
||||
} |
|
||||
if (val[0]) { |
|
||||
if (!val[1]) buttonDisabled.value = true; |
|
||||
if (val[1]) buttonDisabled.value = false; |
|
||||
} |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
|
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'name', |
|
||||
label: '条件名称', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
validator: async (rule, value) => { |
|
||||
if (!value) { |
|
||||
return Promise.reject('条件名称不能为空'); |
|
||||
} |
|
||||
const unicRegexp = new RegExp('[\u4e00-\u9fa5]', 'g'); |
|
||||
let unicValue = value; |
|
||||
unicValue = value.replace(unicRegexp, 'aa'); |
|
||||
if (!/^[a-zA-Z\d\u4e00-\u9fa5]{2,20}$/.test(unicValue)) { |
|
||||
return Promise.reject('支持数字，大小写字母，中文，2-20字符，中文占两位'); |
|
||||
} |
|
||||
}, |
|
||||
trigger: 'change', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'priorityLevel', |
|
||||
label: '优先级', |
|
||||
component: 'NsSelect', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: options, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: '', |
|
||||
label: '', |
|
||||
component: 'NsInputText', |
|
||||
}, |
|
||||
{ |
|
||||
field: 'conditionGroupList', |
|
||||
label: '', |
|
||||
component: 'gruopList', |
|
||||
class: 'ns-form-item-full', |
|
||||
componentProps: { |
|
||||
onValidator: (val) => { |
|
||||
disabled.value = val; |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
|
|
||||
const saveCondition = () => { |
|
||||
closeDrawer(); |
|
||||
// 调整优先级位置的方法 |
|
||||
var a = conditionsConfig.value.exclusive.splice(PriorityLevel.value - 1, 1); //截取旧下标 |
|
||||
conditionsConfig.value.exclusive.splice(conditionConfig.value.priorityLevel - 1, 0, a[0]); //填充新下标 |
|
||||
conditionsConfig.value.exclusive.map((item, index) => { |
|
||||
item.priorityLevel = index + 1; |
|
||||
}); |
|
||||
for (var i = 0; i < conditionsConfig.value.exclusive.length; i++) { |
|
||||
conditionsConfig.value.exclusive[i].error = |
|
||||
$func.conditionStr(conditionsConfig.value, i) == '请设置条件' && |
|
||||
i != conditionsConfig.value.exclusive.length - 1; |
|
||||
} |
|
||||
// 存储数据的方法 |
|
||||
setConditionsConfig({ |
|
||||
value: conditionsConfig.value, |
|
||||
flag: true, |
|
||||
id: conditionsConfig1.value.id, |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const closeDrawer = (val) => { |
|
||||
setCondition(false); |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="less" scoped> |
|
||||
:deep(.ns-form::after) { |
|
||||
display: none !important; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,338 +0,0 @@ |
|||||
<template> |
|
||||
<div class="group"> |
|
||||
<ns-form :model="data" :schemas="formSchema" ref="nsFormRef" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { ref, defineComponent, watch, provide, computed, nextTick } from 'vue'; |
|
||||
import selectPerson from '../formComponents/selectPerson.vue'; |
|
||||
import overDot from '../formComponents/overDot.vue'; |
|
||||
export default defineComponent({ |
|
||||
components: {}, |
|
||||
props: { |
|
||||
value: { |
|
||||
type: Object, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
}, |
|
||||
emits: ['change', 'validator'], |
|
||||
setup(props, { emit }) { |
|
||||
provide('components', () => { |
|
||||
return { selectPerson, overDot }; |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
assigneeIsEmpty: '', |
|
||||
assigneeList: null, |
|
||||
assigneeListUser: [], |
|
||||
assigneeType: '', |
|
||||
completionConditionExpression: '', |
|
||||
lastLeaderLevel: '', |
|
||||
multiMode: '', |
|
||||
roleList: [], |
|
||||
dotDesc: '', |
|
||||
}); |
|
||||
if (props.value) { |
|
||||
nextTick(() => { |
|
||||
data.value = props.value; |
|
||||
data.value.lastLeaderLevel = props.value.lastLeaderLevel; |
|
||||
}); |
|
||||
} |
|
||||
let nsFormRef = ref(); |
|
||||
const validateResult = computed(() => { |
|
||||
return nsFormRef.value?.validateResult; |
|
||||
}); |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'userType', |
|
||||
label: '设置审批人', |
|
||||
component: 'NsRadioGroup', |
|
||||
class: 'ns-form-item-full', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
styleType: { flex: true }, |
|
||||
radioType: 'radio', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '指定员工', |
|
||||
value: 1, |
|
||||
disabled: true, |
|
||||
}, |
|
||||
{ |
|
||||
label: '所属部门负责人', |
|
||||
value: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '主部门负责人', |
|
||||
value: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '发起人自己', |
|
||||
value: 4, |
|
||||
}, |
|
||||
{ |
|
||||
label: '直属上级', |
|
||||
value: 5, |
|
||||
}, |
|
||||
{ |
|
||||
label: '连续多级主管', |
|
||||
value: 6, |
|
||||
}, |
|
||||
{ |
|
||||
label: '角色（角色中的部门负责人）', |
|
||||
value: 8, |
|
||||
disabled: true, |
|
||||
}, |
|
||||
], |
|
||||
onChange: (val) => { |
|
||||
if (val !== 6) data.value.assigneeType = val.target.value; |
|
||||
}, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '设置审批人', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'assigneeListUser', |
|
||||
label: '指定员工', |
|
||||
component: 'selectPerson', |
|
||||
class: 'ns-form-item-full', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.userType == '1'; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
onChange: (value) => { |
|
||||
if (!value || !value.length) { |
|
||||
data.value.assigneeList = null; |
|
||||
} else { |
|
||||
data.value.assigneeList = value.map((item) => { |
|
||||
return item.personUuid; |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
data.value.assigneeListUser = value; |
|
||||
}, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '指定员工', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'createUserRole', |
|
||||
label: '选择角色', |
|
||||
component: 'NsSelectApi', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.userType == 8; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
placeholder: '请选择角色', |
|
||||
api: '/api/community/objs/admin/Role', |
|
||||
params: { |
|
||||
pageSize: 10, |
|
||||
}, |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'roleName', |
|
||||
valueField: 'roleUuid', |
|
||||
filterFiled: 'roleName', |
|
||||
scrollLoad: true, |
|
||||
labelInValue: true, |
|
||||
mode: 'multiple', |
|
||||
showSearch: true, |
|
||||
onChange: (val, opt) => { |
|
||||
data.value.roleList = val.map((item) => { |
|
||||
return item.value; |
|
||||
}); |
|
||||
}, |
|
||||
immediate: true, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '选择角色', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'multiMode', |
|
||||
label: '多人审批时采用的审批方式', |
|
||||
component: 'NsRadioGroup', |
|
||||
class: 'ns-form-item-full', |
|
||||
ifShow: (formModel) => { |
|
||||
if (formModel.userType == 1 && formModel.assigneeList?.length > 1) { |
|
||||
return true; |
|
||||
} |
|
||||
if ([2, 3, 6, 8].includes(formModel.userType)) { |
|
||||
return true; |
|
||||
} |
|
||||
}, |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
radioType: 'radio', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '会签（需要所有审批人都同意才可通过）', |
|
||||
value: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '或签（其中一名审批人同意或拒绝即可）', |
|
||||
value: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '依次审批（按顺序同意或拒绝）', |
|
||||
value: 1, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '多人审批时采用的审批方式', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'overDot', |
|
||||
label: '审批终点', |
|
||||
component: 'overDot', |
|
||||
class: 'ns-form-item-full', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.userType == 6; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
onChange: (val) => { |
|
||||
if (val) { |
|
||||
data.value.assigneeType = val[0]; |
|
||||
data.value.lastLeaderLevel = val[1]; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '审批终点', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'lastLeaderLevel', |
|
||||
label: '直属上级', |
|
||||
component: 'NsSelect', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.userType == 5; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '直属上级', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第2级直属上级', |
|
||||
value: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第3级直属上级', |
|
||||
value: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第4级直属上级', |
|
||||
value: 4, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第5级直属上级', |
|
||||
value: 5, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第6级直属上级', |
|
||||
value: 6, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第7级直属上级', |
|
||||
value: 7, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第8级直属上级', |
|
||||
value: 8, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第9级直属上级', |
|
||||
value: 9, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第10级直属上级', |
|
||||
value: 10, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '直属上级', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'assigneeIsEmpty', |
|
||||
label: '审批人为空时', |
|
||||
component: 'NsRadioGroup', |
|
||||
class: 'ns-form-item-full', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.userType && formModel.userType !== 4; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
radioType: 'radio', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '自动通过', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '自动转交给管理员', |
|
||||
value: 2, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '审批人为空时', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
]); |
|
||||
|
|
||||
watch( |
|
||||
() => data.value.assigneeType, |
|
||||
(val) => { |
|
||||
emit('change', data.value); |
|
||||
}, |
|
||||
{ |
|
||||
deep: true, |
|
||||
}, |
|
||||
); |
|
||||
watch( |
|
||||
() => validateResult.value, |
|
||||
(val) => { |
|
||||
emit('validator', val); |
|
||||
}, |
|
||||
{ |
|
||||
deep: true, |
|
||||
}, |
|
||||
); |
|
||||
return { |
|
||||
data, |
|
||||
formSchema, |
|
||||
nsFormRef, |
|
||||
validateResult, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,177 +0,0 @@ |
|||||
<template> |
|
||||
<a-form-item-rest> |
|
||||
<div class="overDot"> |
|
||||
<a-radio-group v-model:value="radioData" @change="handleChange"> |
|
||||
<a-radio :style="radioStyle" :value="6"> 不超过发起人向上的 </a-radio> |
|
||||
<a-radio :style="radioStyle" :value="7"> 组织架构中的 </a-radio> |
|
||||
</a-radio-group> |
|
||||
<div class="options"> |
|
||||
<ns-select |
|
||||
style="width: 200px; display: block; margin-bottom: 10px" |
|
||||
:disabled="radioData !== 6" |
|
||||
:options="opt1" |
|
||||
v-model:value="levelData[6]" /> |
|
||||
<ns-select |
|
||||
style="width: 200px; display: block" |
|
||||
:disabled="radioData !== 7" |
|
||||
:options="opt2" |
|
||||
v-model:value="levelData[7]" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</a-form-item-rest> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { ref, defineComponent, watch, reactive, nextTick } from 'vue'; |
|
||||
export default defineComponent({ |
|
||||
components: {}, |
|
||||
props: { |
|
||||
value: { |
|
||||
type: Array, |
|
||||
}, |
|
||||
}, |
|
||||
emits: ['change'], |
|
||||
setup(props, { emit }) { |
|
||||
let data = ref([]); |
|
||||
let radioData = ref(); |
|
||||
let levelData = ref([]); |
|
||||
if (props.value) { |
|
||||
nextTick(() => { |
|
||||
data.value = props.value; |
|
||||
radioData.value = props.value[0]; |
|
||||
levelData.value[props.value[0]] = props.value[1]; |
|
||||
emit('change', data.value); |
|
||||
}); |
|
||||
} |
|
||||
let options = [ |
|
||||
{ |
|
||||
label: '不超过发起人向上的', |
|
||||
value: 6, |
|
||||
}, |
|
||||
{ |
|
||||
label: '组织架构中的', |
|
||||
value: 7, |
|
||||
}, |
|
||||
]; |
|
||||
let opt1 = [ |
|
||||
{ |
|
||||
label: '1级主部门负责人', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '2级主部门负责人', |
|
||||
value: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '3级主部门负责人', |
|
||||
value: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '4级主部门负责人', |
|
||||
value: 4, |
|
||||
}, |
|
||||
{ |
|
||||
label: '5级主部门负责人', |
|
||||
value: 5, |
|
||||
}, |
|
||||
{ |
|
||||
label: '6级主部门负责人', |
|
||||
value: 6, |
|
||||
}, |
|
||||
{ |
|
||||
label: '7级主部门负责人', |
|
||||
value: 7, |
|
||||
}, |
|
||||
{ |
|
||||
label: '8级主部门负责人', |
|
||||
value: 8, |
|
||||
}, |
|
||||
{ |
|
||||
label: '9级主部门负责人', |
|
||||
value: 9, |
|
||||
}, |
|
||||
{ |
|
||||
label: '10级主部门负责人', |
|
||||
value: 10, |
|
||||
}, |
|
||||
]; |
|
||||
let opt2 = [ |
|
||||
{ |
|
||||
label: '最高级主部门负责人', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第2级主部门负责人', |
|
||||
value: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第3级主部门负责人', |
|
||||
value: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第4级主部门负责人', |
|
||||
value: 4, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第5级主部门负责人', |
|
||||
value: 5, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第6级主部门负责人', |
|
||||
value: 6, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第7级主部门负责人', |
|
||||
value: 7, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第8级主部门负责人', |
|
||||
value: 8, |
|
||||
}, |
|
||||
{ |
|
||||
label: '第9级主部门负责人', |
|
||||
value: 9, |
|
||||
}, |
|
||||
{ |
|
||||
label: '10级主部门负责人', |
|
||||
value: 10, |
|
||||
}, |
|
||||
]; |
|
||||
const radioStyle = reactive({ |
|
||||
display: 'flex', |
|
||||
lineHeight: '40px', |
|
||||
}); |
|
||||
const handleChange = () => { |
|
||||
levelData.value = []; |
|
||||
}; |
|
||||
watch( |
|
||||
() => levelData.value, |
|
||||
(value) => { |
|
||||
data.value = [radioData.value, value[radioData.value]]; |
|
||||
emit('change', data.value); |
|
||||
}, |
|
||||
{ |
|
||||
deep: true, |
|
||||
}, |
|
||||
); |
|
||||
return { |
|
||||
data, |
|
||||
options, |
|
||||
radioStyle, |
|
||||
opt1, |
|
||||
opt2, |
|
||||
radioData, |
|
||||
levelData, |
|
||||
handleChange, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="less" scoped> |
|
||||
.overDot { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
.options { |
|
||||
line-height: 40px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,301 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<div> |
|
||||
<a @click="selectPerson(index)" class="option" v-if="!disabled">选择员工</a> |
|
||||
<div class="select-area" v-if="dataSource.length"> |
|
||||
<div class="select-item" v-for="(item, index) in dataSource" :key="item.personUuid"> |
|
||||
{{ item.personName }} |
|
||||
<a @click="remove(index)" v-if="!disabled"><delete-outlined /></a> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<ns-modal |
|
||||
v-model:visible="visible" |
|
||||
title="选择员工" |
|
||||
width="1000px" |
|
||||
@ok="handleOk" |
|
||||
@cancel="cancel" |
|
||||
:destroyOnClose="true"> |
|
||||
<ns-view-list-table |
|
||||
v-bind="tableConfig" |
|
||||
style="width: 100%" |
|
||||
:row-selection="{ |
|
||||
selectedRowKeys: selectedRowKeys, |
|
||||
onChange: onSelectChange, |
|
||||
preserveSelectedRowKeys: true, |
|
||||
getCheckboxProps: getCheckboxProps, |
|
||||
}" /> |
|
||||
</ns-modal> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts"> |
|
||||
import { defineComponent, ref, reactive, watch, toRefs } from 'vue'; |
|
||||
import moment from 'moment'; |
|
||||
import { DeleteOutlined } from '@ant-design/icons-vue'; |
|
||||
import { cloneDeep } from 'lodash-es'; |
|
||||
|
|
||||
export default defineComponent({ |
|
||||
name: 'NsEditTableOrder', |
|
||||
components: { |
|
||||
'delete-outlined': DeleteOutlined, |
|
||||
}, |
|
||||
props: { |
|
||||
disabled: Boolean, |
|
||||
value: { |
|
||||
type: Array, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
}, |
|
||||
emits: ['change'], |
|
||||
setup(props, context) { |
|
||||
const dataSource = ref(); |
|
||||
dataSource.value = []; |
|
||||
let visible = ref(false); |
|
||||
let selectData = ref([]); |
|
||||
let arr = ref([]); |
|
||||
|
|
||||
const state = reactive<{ |
|
||||
selectedRowKeys: []; |
|
||||
selectedRows: []; |
|
||||
}>({ |
|
||||
selectedRowKeys: [], |
|
||||
selectedRows: [], |
|
||||
}); |
|
||||
|
|
||||
const onSelectChange = (selectedRowKeys: [], selectedRows: []) => { |
|
||||
state.selectedRowKeys = selectedRowKeys; |
|
||||
state.selectedRows = selectedRows; |
|
||||
}; |
|
||||
|
|
||||
const handleOk = () => { |
|
||||
arr.value = []; |
|
||||
state.selectedRowKeys.forEach((item) => { |
|
||||
let info = state.selectedRows.filter((v) => v?.personUuid === item)[0]; |
|
||||
if (!info) { |
|
||||
let dInfo = selectData.value.filter((v) => v?.personUuid === item)[0]; |
|
||||
!dInfo ? '' : arr.value.push(dInfo); |
|
||||
} else { |
|
||||
arr.value.push(info); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
dataSource.value = cloneDeep(arr.value); |
|
||||
selectData.value = cloneDeep(arr.value); |
|
||||
visible.value = false; |
|
||||
}; |
|
||||
|
|
||||
const selectPerson = (index) => { |
|
||||
visible.value = true; |
|
||||
}; |
|
||||
|
|
||||
const cancel = () => { |
|
||||
visible.value = false; |
|
||||
state.selectedRows = []; |
|
||||
state.selectedRows = cloneDeep(arr.value); |
|
||||
state.selectedRowKeys = cloneDeep( |
|
||||
arr.value.map((item) => { |
|
||||
return item.personUuid; |
|
||||
}), |
|
||||
); |
|
||||
}; |
|
||||
|
|
||||
const tableConfig = { |
|
||||
api: '/api/person/objs/admin/Person', |
|
||||
title: '', |
|
||||
params: { |
|
||||
page: 0, |
|
||||
pageSize: 10, |
|
||||
personStatus: 1, |
|
||||
}, |
|
||||
rowSelection: null, |
|
||||
sticky: false, |
|
||||
// scroll: { x: 1150 }, |
|
||||
columns: [ |
|
||||
{ |
|
||||
title: '姓名', |
|
||||
dataIndex: 'personName', |
|
||||
textNumber: 5, |
|
||||
textEllipsis: true, |
|
||||
}, |
|
||||
{ |
|
||||
title: '性别', |
|
||||
dataIndex: 'sex', |
|
||||
textNumber: 5, |
|
||||
customRender: (value) => { |
|
||||
switch (value.text) { |
|
||||
case 0: |
|
||||
return '女'; |
|
||||
case 1: |
|
||||
return '男'; |
|
||||
default: |
|
||||
return '-'; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
title: '员工编号', |
|
||||
dataIndex: 'personNum', |
|
||||
// textNumber: 5, |
|
||||
}, |
|
||||
{ |
|
||||
title: '手机号码', |
|
||||
dataIndex: 'telNum', |
|
||||
// textNumber: 5, |
|
||||
}, |
|
||||
{ |
|
||||
title: '所属部门', |
|
||||
dataIndex: 'departmentNameList', |
|
||||
customRender: ({ value }) => { |
|
||||
if (value) return value.join('/'); |
|
||||
else return '-'; |
|
||||
}, |
|
||||
textNumber: 8, |
|
||||
textEllipsis: true, |
|
||||
}, |
|
||||
{ |
|
||||
title: '账号状态', |
|
||||
dataIndex: 'accountState', |
|
||||
customRender: (value) => { |
|
||||
switch (value.text) { |
|
||||
case 1: |
|
||||
return '启用'; |
|
||||
case 2: |
|
||||
return '禁用'; |
|
||||
default: |
|
||||
return '-'; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
title: '在职状态', |
|
||||
dataIndex: 'personStatus', |
|
||||
customRender: (value) => { |
|
||||
switch (value.text) { |
|
||||
case 1: |
|
||||
return '在职'; |
|
||||
case 2: |
|
||||
return '离职'; |
|
||||
default: |
|
||||
return '-'; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
formConfig: { |
|
||||
schemas: [ |
|
||||
{ |
|
||||
field: 'departmentUuid', |
|
||||
component: 'nsSelectApi', |
|
||||
label: '所属部门', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
api: '/api/community/objs/admin/Department', |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'departmentName', |
|
||||
valueField: 'departmentUuid', |
|
||||
autoSelectFirst: false, |
|
||||
immediate: true, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'personName', |
|
||||
label: '员工姓名', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入员工姓名', |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'personNum', |
|
||||
label: '员工编号', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入员工编号', |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
rowKey: 'personUuid', |
|
||||
}; |
|
||||
|
|
||||
const remove = (index) => { |
|
||||
dataSource.value.splice(index, 1); |
|
||||
state.selectedRows.splice(index, 1); |
|
||||
state.selectedRowKeys.splice(index, 1); |
|
||||
// let arr = dataSource; |
|
||||
}; |
|
||||
|
|
||||
watch( |
|
||||
() => dataSource.value, |
|
||||
(val) => { |
|
||||
if (val !== null && val !== undefined) { |
|
||||
context.emit('change', val); |
|
||||
} |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
|
|
||||
if (props.value) { |
|
||||
dataSource.value = cloneDeep(props.value); |
|
||||
selectData.value = cloneDeep(props.value); |
|
||||
state.selectedRows = cloneDeep(props.value); |
|
||||
state.selectedRowKeys = cloneDeep( |
|
||||
props.value.map((item) => { |
|
||||
return item.personUuid; |
|
||||
}), |
|
||||
); |
|
||||
} |
|
||||
|
|
||||
const getCheckboxProps = (record) => { |
|
||||
if (state.selectedRowKeys.length > 10) { |
|
||||
state.selectedRowKeys.splice(10, state.selectedRowKeys.length - 1); |
|
||||
state.selectedRows.splice(10, state.selectedRowKeys.length - 1); |
|
||||
dataSource.value.splice(10, state.selectedRowKeys.length - 1); |
|
||||
selectData.value.splice(10, state.selectedRowKeys.length - 1); |
|
||||
} |
|
||||
if (state.selectedRowKeys.length >= 10) { |
|
||||
if (!state.selectedRowKeys.includes(record.personUuid)) { |
|
||||
return { |
|
||||
disabled: true, |
|
||||
}; |
|
||||
} |
|
||||
} else { |
|
||||
return { |
|
||||
disabled: false, |
|
||||
}; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
dataSource, |
|
||||
moment, |
|
||||
tableConfig, |
|
||||
visible, |
|
||||
getCheckboxProps, |
|
||||
onSelectChange, |
|
||||
handleOk, |
|
||||
cancel, |
|
||||
selectPerson, |
|
||||
remove, |
|
||||
...toRefs(state), |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="less" scoped> |
|
||||
.select-area { |
|
||||
width: 100%; |
|
||||
border: 1px solid #ccc; |
|
||||
padding: 5px 10px; |
|
||||
max-height: 150px; |
|
||||
overflow-y: auto; |
|
||||
margin-top: 10px; |
|
||||
.select-item { |
|
||||
padding: 5px; |
|
||||
display: inline-block; |
|
||||
border: 1px solid #ccc; |
|
||||
margin: 5px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,69 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { nextTick, ref, watch } from 'vue'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'departmentInUuid', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'departmentInUuid', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'departmentInUuid') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.departmentInUuid = props.modelValue.value; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'departmentInUuid', |
|
||||
label: '调入主部门', |
|
||||
component: 'NsSelectApi', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择调入主部门', |
|
||||
api: '/api/community/objs/admin/Department', |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'departmentName', |
|
||||
valueField: 'departmentUuid', |
|
||||
filterOption: (input, option) => { |
|
||||
return option.departmentName.indexOf(input) >= 0; |
|
||||
}, |
|
||||
mode: 'multiple', |
|
||||
showSearch: true, |
|
||||
onChange: (v, o) => { |
|
||||
console.log(o); |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
let str = ''; |
|
||||
str = '调入主部门为' + o[0]?.departmentName; |
|
||||
data.value.dotDesc = str; |
|
||||
data.value.value = v; |
|
||||
}, |
|
||||
immediate: true, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,69 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { nextTick, ref, watch } from 'vue'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'departmentMainUuid', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'departmentMainUuid', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'departmentMainUuid') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.departmentMainUuid = props.modelValue.value; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'departmentMainUuid', |
|
||||
label: '主部门', |
|
||||
component: 'NsSelectApi', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择主部门', |
|
||||
api: '/api/community/objs/admin/Department', |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'departmentName', |
|
||||
valueField: 'departmentUuid', |
|
||||
filterOption: (input, option) => { |
|
||||
return option.departmentName.indexOf(input) >= 0; |
|
||||
}, |
|
||||
mode: 'multiple', |
|
||||
showSearch: true, |
|
||||
onChange: (v, o) => { |
|
||||
console.log(o); |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
let str = ''; |
|
||||
str = '主部门为' + o[0]?.departmentName; |
|
||||
data.value.dotDesc = str; |
|
||||
data.value.value = v; |
|
||||
}, |
|
||||
immediate: true, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,186 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
import { cloneDeep } from 'lodash-es'; |
|
||||
import { ref, watch, provide, nextTick } from 'vue'; |
|
||||
import selectPerson from '../formComponents/selectPerson.vue'; |
|
||||
const emits = defineEmits(['update:modelValue']); |
|
||||
provide('components', () => { |
|
||||
return { selectPerson }; |
|
||||
}); |
|
||||
const props = defineProps({ |
|
||||
modelValue: Object, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: '', |
|
||||
value: [], |
|
||||
valueCp: [], |
|
||||
valueType: 'string', |
|
||||
checkbox: 'faqiren', |
|
||||
selectLabel: '', |
|
||||
dotDesc: '', |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'faqiren') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.createUser = props.modelValue.valueCp; |
|
||||
data.value.createUserRole = props.modelValue.createUserRole; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'paramKey', |
|
||||
label: '发起人', |
|
||||
component: 'NsSelect', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '指定员工', |
|
||||
value: 'createUser', |
|
||||
}, |
|
||||
{ |
|
||||
label: '指定部门', |
|
||||
value: 'createUserDepartment', |
|
||||
}, |
|
||||
{ |
|
||||
label: '指定角色', |
|
||||
value: 'createUserRole', |
|
||||
}, |
|
||||
], |
|
||||
onChange: () => { |
|
||||
data.value.value = []; |
|
||||
data.value.valueCp = []; |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'createUser', |
|
||||
label: '选择员工', |
|
||||
component: 'selectPerson', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.paramKey == 'createUser'; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
onChange: (value) => { |
|
||||
let str = ''; |
|
||||
data.value.value = value.map((item) => { |
|
||||
return item.personUuid; |
|
||||
}); |
|
||||
data.value.valueCp = value; |
|
||||
|
|
||||
if (value && value.length) { |
|
||||
str = |
|
||||
'指定员工为' + |
|
||||
value |
|
||||
.map((item) => { |
|
||||
return item.personName; |
|
||||
}) |
|
||||
.join(','); |
|
||||
} else { |
|
||||
str = ''; |
|
||||
} |
|
||||
data.value.dotDesc = str; |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'value', |
|
||||
label: '选择部门', |
|
||||
component: 'NsSelectApi', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.paramKey == 'createUserDepartment'; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
placeholder: '请选择部门', |
|
||||
api: '/api/community/objs/admin/Department', |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'departmentName', |
|
||||
valueField: 'departmentUuid', |
|
||||
filterOption: (input, option) => { |
|
||||
return option.departmentName.indexOf(input) >= 0; |
|
||||
}, |
|
||||
mode: 'multiple', |
|
||||
showSearch: true, |
|
||||
onChange: (val, opt) => { |
|
||||
let str = ''; |
|
||||
if (opt && opt.length) { |
|
||||
str = |
|
||||
'指定部门为' + |
|
||||
opt |
|
||||
.map((item) => { |
|
||||
return item.departmentName; |
|
||||
}) |
|
||||
.join(','); |
|
||||
} else { |
|
||||
str = ''; |
|
||||
} |
|
||||
data.value.dotDesc = str; |
|
||||
}, |
|
||||
immediate: true, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'createUserRole', |
|
||||
label: '选择角色', |
|
||||
component: 'NsSelectApi', |
|
||||
ifShow: (formModel) => { |
|
||||
return formModel.paramKey == 'createUserRole'; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
placeholder: '请选择角色', |
|
||||
api: '/api/community/objs/admin/Role', |
|
||||
params: { |
|
||||
pageSize: 10, |
|
||||
}, |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'roleName', |
|
||||
valueField: 'roleUuid', |
|
||||
filterFiled: 'roleName', |
|
||||
labelInValue: true, |
|
||||
scrollLoad: true, |
|
||||
mode: 'multiple', |
|
||||
showSearch: true, |
|
||||
onChange: (val, opt) => { |
|
||||
let str = ''; |
|
||||
data.value.value = val.map((item) => { |
|
||||
return item.value; |
|
||||
}); |
|
||||
if (val && val.length) { |
|
||||
str = |
|
||||
'指定角色为' + |
|
||||
val |
|
||||
.map((item) => { |
|
||||
return item.label; |
|
||||
}) |
|
||||
.join(','); |
|
||||
} else { |
|
||||
str = ''; |
|
||||
} |
|
||||
data.value.dotDesc = str; |
|
||||
}, |
|
||||
immediate: true, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: '', |
|
||||
label: '', |
|
||||
component: 'NsInputText', |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,247 +0,0 @@ |
|||||
<template> |
|
||||
<div class="group"> |
|
||||
<a-form-item-rest> |
|
||||
<div class="header"> |
|
||||
<div class="title"><span style="color: red">*</span> 条件组</div> |
|
||||
<div class="title"> |
|
||||
<ns-button type="primary" @click="addGroup">新增条件组</ns-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="list"> |
|
||||
<div class="list-item" v-for="(item, index) in groupList" :key="index"> |
|
||||
<div class="header"> |
|
||||
<div class="title">条件组{{ index + 1 }}</div> |
|
||||
<div class="group_check"> |
|
||||
<ns-checkbox |
|
||||
@change="change($event, index, i)" |
|
||||
v-for="(checkbox, i) in SelectType[parseInt(processInfo.processSubType)]" |
|
||||
v-model:checked="selectValue[index][i]" |
|
||||
:value="checkbox" |
|
||||
:key="checkbox.value"> |
|
||||
{{ checkbox.label }} |
|
||||
</ns-checkbox> |
|
||||
<!-- <ns-checkbox-group |
|
||||
:options="SelectType[parseInt(processInfo.processSubType)]" |
|
||||
v-model:value="selectComponent[index]" |
|
||||
@change="change" /> --> |
|
||||
</div> |
|
||||
<div class="delete"> |
|
||||
<a @click="deleteGroup(index)"> <delete-outlined /> 删除</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="group_info_list"> |
|
||||
<template v-for="(c, j) in selectComponent[index]" :key="j"> |
|
||||
<component :is="c?.value" v-model="groupList[index].conditionInfoList[j]" /> |
|
||||
<span class="error" v-if="!groupList[index].conditionInfoList[j]?.paramKey"> |
|
||||
条件内容不能为空 |
|
||||
</span> |
|
||||
<span |
|
||||
class="error" |
|
||||
v-if=" |
|
||||
groupList[index].conditionInfoList[j]?.paramKey && |
|
||||
!groupList[index].conditionInfoList[j]?.value?.length |
|
||||
"> |
|
||||
条件值不能为空 |
|
||||
</span> |
|
||||
<div |
|
||||
class="and" |
|
||||
v-if="selectComponent[index].length > 0 && j < selectComponent[index].length - 1"> |
|
||||
且 |
|
||||
</div> |
|
||||
</template> |
|
||||
<span class="error" v-if="!selectComponent[index]?.length">请选择条件</span> |
|
||||
</div> |
|
||||
<div class="or" v-if="groupList.length > 0 && index < groupList.length - 1">或</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</a-form-item-rest> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { ref, defineComponent, watch, nextTick, inject } from 'vue'; |
|
||||
import { DeleteOutlined } from '@ant-design/icons-vue'; |
|
||||
import { SelectType } from '/@/utils/const'; |
|
||||
import faqiren from './faqiren.vue'; |
|
||||
import sex from './sex.vue'; |
|
||||
import departmentMainUuid from './departmentMainUuid.vue'; |
|
||||
import personStatus from './personStatus.vue'; |
|
||||
import quitType from './quitType.vue'; |
|
||||
import quitReason from './quitReason.vue'; |
|
||||
import workHandover from './workHandover.vue'; |
|
||||
import departmentInUuid from './departmentInUuid.vue'; |
|
||||
import { cloneDeep } from 'lodash-es'; |
|
||||
export default defineComponent({ |
|
||||
components: { |
|
||||
DeleteOutlined, |
|
||||
faqiren, |
|
||||
sex, |
|
||||
departmentMainUuid, |
|
||||
personStatus, |
|
||||
quitType, |
|
||||
quitReason, |
|
||||
workHandover, |
|
||||
departmentInUuid, |
|
||||
}, |
|
||||
props: { |
|
||||
value: { |
|
||||
type: Array, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
}, |
|
||||
emits: ['change', 'validator'], |
|
||||
setup(props, { emit }) { |
|
||||
let groupList = ref([]); |
|
||||
let selectComponent = ref([]); |
|
||||
let selectValue = ref([]); |
|
||||
emit('validator', false); |
|
||||
const addGroup = () => { |
|
||||
groupList.value.push({ |
|
||||
conditionInfoList: [], |
|
||||
}); |
|
||||
selectValue.value.push([]); |
|
||||
}; |
|
||||
const deleteGroup = (index) => { |
|
||||
groupList.value.splice(index, 1); |
|
||||
selectComponent.value.splice(index, 1); |
|
||||
}; |
|
||||
const change = (value, groupIndex, checkboxIndex) => { |
|
||||
// value = JSON.parse(value); |
|
||||
if (value.target.checked) { |
|
||||
selectComponent.value[groupIndex].push(value.target.value); |
|
||||
// groupList.value[groupIndex].conditionInfoList.splice(index, 1); |
|
||||
// selectComponent.value[groupIndex] = selectComponent.value[groupIndex].sort((a, b) => { |
|
||||
// return a.sort - b.sort; |
|
||||
// }); |
|
||||
} else { |
|
||||
let index = 0; |
|
||||
index = selectComponent.value[groupIndex].findIndex((item) => { |
|
||||
return item.label == value.target.value.label; |
|
||||
}); |
|
||||
selectComponent.value[groupIndex].splice(index, 1); |
|
||||
groupList.value[groupIndex].conditionInfoList.splice(index, 1); |
|
||||
} |
|
||||
console.log(groupList); |
|
||||
}; |
|
||||
|
|
||||
let processInfo = inject('processInfo'); |
|
||||
|
|
||||
watch( |
|
||||
() => props.value, |
|
||||
(val) => { |
|
||||
groupList.value = props.value; |
|
||||
for (let i = 0; i < props.value.length; i++) { |
|
||||
const item = props.value[i]; |
|
||||
selectComponent.value[i] = []; |
|
||||
selectValue.value[i] = []; |
|
||||
if (item.conditionInfoList && item.conditionInfoList.length) { |
|
||||
for (let j = 0; j < item.conditionInfoList.length; j++) { |
|
||||
const jtem = item.conditionInfoList[j]; |
|
||||
let select; |
|
||||
select = SelectType[parseInt(processInfo.value.processSubType)].filter((se, t) => { |
|
||||
if (se.value == jtem.checkbox) { |
|
||||
selectValue.value[i][t] = true; |
|
||||
return se; |
|
||||
} |
|
||||
})[0]; |
|
||||
selectComponent.value[i].push(select); |
|
||||
groupList.value[i].conditionInfoList[j] = jtem; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
if (groupList.value.length) { |
|
||||
let flag = false; |
|
||||
if (groupList.value.length > 0) flag = true; |
|
||||
for (let i = 0; i < groupList.value.length; i++) { |
|
||||
const item = groupList.value[i]; |
|
||||
if (!item.conditionInfoList?.length) flag = false; |
|
||||
for (let j = 0; j < item.conditionInfoList.length; j++) { |
|
||||
const jtem = item.conditionInfoList[j]; |
|
||||
if (!jtem.paramKey) flag = false; |
|
||||
if (!jtem.value || !jtem.value.length) flag = false; |
|
||||
} |
|
||||
} |
|
||||
if (flag) emit('validator', true); |
|
||||
else emit('validator', false); |
|
||||
} |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
|
|
||||
watch( |
|
||||
() => groupList.value, |
|
||||
(val) => { |
|
||||
emit('change', val); |
|
||||
let flag = false; |
|
||||
if (val.length > 0) flag = true; |
|
||||
for (let i = 0; i < val.length; i++) { |
|
||||
const item = val[i]; |
|
||||
if (!item.conditionInfoList?.length) flag = false; |
|
||||
for (let j = 0; j < item.conditionInfoList.length; j++) { |
|
||||
const jtem = item.conditionInfoList[j]; |
|
||||
if (!jtem.paramKey) flag = false; |
|
||||
if (!jtem.value || !jtem.value.length) flag = false; |
|
||||
} |
|
||||
} |
|
||||
if (flag) emit('validator', true); |
|
||||
else emit('validator', false); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
return { |
|
||||
groupList, |
|
||||
selectComponent, |
|
||||
SelectType, |
|
||||
processInfo, |
|
||||
selectValue, |
|
||||
addGroup, |
|
||||
deleteGroup, |
|
||||
change, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="less" scoped> |
|
||||
.group { |
|
||||
.header { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
margin-bottom: 19px; |
|
||||
} |
|
||||
.list { |
|
||||
width: 100%; |
|
||||
.header { |
|
||||
width: 100%; |
|
||||
height: 40px; |
|
||||
background: rgba(0, 0, 0, 0.02); |
|
||||
padding: 0 16px; |
|
||||
font-family: 'PingFang'; |
|
||||
font-style: normal; |
|
||||
font-weight: 500; |
|
||||
font-size: 16px; |
|
||||
color: rgba(0, 0, 0, 0.85); |
|
||||
.title { |
|
||||
flex: 1; |
|
||||
} |
|
||||
.group_check { |
|
||||
flex: 5; |
|
||||
} |
|
||||
} |
|
||||
.and { |
|
||||
margin: 0 0 16px; |
|
||||
color: rgba(0, 0, 0, 0.85); |
|
||||
font-size: 16px; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.or { |
|
||||
margin: 24px 0; |
|
||||
color: rgba(0, 0, 0, 0.85); |
|
||||
font-size: 16px; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.error { |
|
||||
color: #ff4d4f; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,71 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { nextTick, ref, watch } from 'vue'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'personStatus', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'personStatus', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'personStatus') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.personStatus = props.modelValue.value; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'personStatus', |
|
||||
component: 'NsSelect', |
|
||||
label: '岗位状态', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '试用', |
|
||||
value: 0, |
|
||||
}, |
|
||||
{ |
|
||||
label: '实习', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '正式', |
|
||||
value: 2, |
|
||||
}, |
|
||||
], |
|
||||
mode: 'multiple', |
|
||||
onChange: (v, o) => { |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
|
|
||||
data.value.dotDesc = o.length ? `岗位状态为${o[0].label}` : null; |
|
||||
data.value.value = v; |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,62 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { computed, ref, watch } from 'vue'; |
|
||||
import { useStore } from '/@/stores/index'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
let store = useStore(); |
|
||||
let { setQuitReason } = store; |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'quitReason', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'quitReason', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'quitReason') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.quitReason = props.modelValue.value; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
let reason = computed(() => store.quitReason); |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'quitReason', |
|
||||
component: 'NsSelect', |
|
||||
label: '离职原因', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: reason, |
|
||||
mode: 'multiple', |
|
||||
onChange: (v, o) => { |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
|
|
||||
data.value.dotDesc = o.length ? `离职类型为${o[0].label}` : null; |
|
||||
data.value.value = v; |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,73 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { nextTick, ref, watch } from 'vue'; |
|
||||
import { useStore } from '/@/stores/index'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
let store = useStore(); |
|
||||
let { setQuitReason } = store; |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'quitType', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'quitType', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'quitType') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.quitType = props.modelValue.value; |
|
||||
setQuitReason(props.modelValue.value[0]); |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'quitType', |
|
||||
component: 'NsSelect', |
|
||||
label: '离职类型', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '主动原因', |
|
||||
value: 0, |
|
||||
}, |
|
||||
{ |
|
||||
label: '被动原因', |
|
||||
value: 1, |
|
||||
}, |
|
||||
], |
|
||||
mode: 'multiple', |
|
||||
onChange: (v, o) => { |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
|
|
||||
data.value.dotDesc = o.length ? `离职类型为${o[0].label}` : null; |
|
||||
data.value.value = v; |
|
||||
console.log(v); |
|
||||
setQuitReason(v[0]); |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,73 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { emit } from 'process'; |
|
||||
import { nextTick, ref, watch } from 'vue'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'sex', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'sex', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
console.log(props.modelValue); |
|
||||
if (props.modelValue.checkbox == 'sex') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.sex = props.modelValue.value; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'sex', |
|
||||
label: '性别', |
|
||||
component: 'NsSelect', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
onChange: (v, o) => { |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
|
|
||||
data.value.dotDesc = o.length ? `性别为${o[0].label}` : null; |
|
||||
data.value.value = v; |
|
||||
}, |
|
||||
mode: 'multiple', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '女', |
|
||||
value: 0, |
|
||||
}, |
|
||||
{ |
|
||||
label: '男', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '未知', |
|
||||
value: 2, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', data.value); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,71 +0,0 @@ |
|||||
<template> |
|
||||
<div class="faqiren"> |
|
||||
<ns-form :model="data" :schemas="formSchema" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
import { nextTick, ref, watch } from 'vue'; |
|
||||
import { useStore } from '/@/stores/index'; |
|
||||
const emits = defineEmits(['update:modelValue', 'change']); |
|
||||
let store = useStore(); |
|
||||
let { setQuitReason } = store; |
|
||||
const props = defineProps({ |
|
||||
modelValue: { |
|
||||
type: Object, |
|
||||
}, |
|
||||
}); |
|
||||
let data = ref({ |
|
||||
compareType: 'in', |
|
||||
numberAfterCompareType: false, |
|
||||
paramKey: 'workHandover', |
|
||||
value: [], |
|
||||
valueType: 'number', |
|
||||
checkbox: 'workHandover', |
|
||||
dotDesc: null, |
|
||||
}); |
|
||||
emits('update:modelValue', data.value); |
|
||||
if (props.modelValue) { |
|
||||
if (props.modelValue.checkbox == 'workHandover') { |
|
||||
data.value = props.modelValue; |
|
||||
data.value.workHandover = props.modelValue.value; |
|
||||
emits('update:modelValue', data.value); |
|
||||
} |
|
||||
} |
|
||||
const formSchema = ref([ |
|
||||
{ |
|
||||
field: 'workHandover', |
|
||||
component: 'NsSelect', |
|
||||
label: '是否需要工作交接人', |
|
||||
componentProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '否', |
|
||||
value: 0, |
|
||||
}, |
|
||||
{ |
|
||||
label: '是', |
|
||||
value: 1, |
|
||||
}, |
|
||||
], |
|
||||
mode: 'multiple', |
|
||||
onChange: (v, o) => { |
|
||||
if (o && o.length > 1) o.splice(0, 1); |
|
||||
if (v && v.length > 1) v.splice(0, 1); |
|
||||
|
|
||||
data.value.dotDesc = o.length ? `是否需要工作交接人为${o[0].label}` : null; |
|
||||
data.value.value = v; |
|
||||
setQuitReason(v[0]); |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
]); |
|
||||
watch( |
|
||||
() => data.value, |
|
||||
(val) => { |
|
||||
emits('update:modelValue', val); |
|
||||
}, |
|
||||
{ deep: true }, |
|
||||
); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
|
Before Width: | Height: | Size: 537 B |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
@ -1,322 +0,0 @@ |
|||||
<template> |
|
||||
<div class="node-wrap" v-if="nodeConfig.nodeType < 3"> |
|
||||
<div |
|
||||
v-if="nodeConfig.nodeType == 1" |
|
||||
:style="`background: ${bgColors[nodeConfig.nodeType]}`" |
|
||||
class="node-wrap-box-start"> |
|
||||
<div class="title-icon" :style="`background: ${bgColors[nodeConfig.nodeType]}`"> |
|
||||
<img src="./icon/start-icon.png" alt="" /> |
|
||||
</div> |
|
||||
{{ nodeConfig.name }} |
|
||||
</div> |
|
||||
<div v-else class="node-wrap-box" :class="isTried && nodeConfig.error ? 'active error' : ''"> |
|
||||
<div class="title" :style="`background: ${bgColors[nodeConfig.nodeType]}`"> |
|
||||
<div class="title-icon" :style="`background: ${bgColors[nodeConfig.nodeType]}`"> |
|
||||
<img src="./icon/node-icon.png" alt="" /> |
|
||||
</div> |
|
||||
<div class="editable-title">{{ nodeConfig.name }}</div> |
|
||||
<a class="anticon anticon-close close" @click="delNode" title="删除"> |
|
||||
<close-circle-filled style="font-size: 18px" /> |
|
||||
</a> |
|
||||
</div> |
|
||||
<div class="content" @click="setPerson"> |
|
||||
<div class="text"> |
|
||||
<span class="placeholder" v-if="!showText">请选择{{ defaultText }}</span> |
|
||||
{{ showText }} |
|
||||
</div> |
|
||||
<i class="anticon anticon-right arrow"></i> |
|
||||
</div> |
|
||||
<div class="error_tip" v-if="isTried && nodeConfig.error"> |
|
||||
<i class="anticon anticon-exclamation-circle"></i> |
|
||||
</div> |
|
||||
</div> |
|
||||
<addNode v-model:childNodeP="nodeConfig.next" /> |
|
||||
</div> |
|
||||
<div class="branch-wrap" v-if="nodeConfig.nodeType == 3"> |
|
||||
<div class="branch-box-wrap"> |
|
||||
<div class="branch-box"> |
|
||||
<button class="add-branch" @click="addTerm">添加条件</button> |
|
||||
<div class="col-box" v-for="(item, index) in nodeConfig.exclusive" :key="index"> |
|
||||
<div class="condition-node"> |
|
||||
<div class="condition-node-box"> |
|
||||
<div class="auto-judge" :class="isTried && item.error ? 'error active' : ''"> |
|
||||
<!-- <div class="sort-left" v-if="index != 0" @click="arrTransfer(index, -1)"><</div> --> |
|
||||
<div class="title-wrapper" :style="`background: ${bgColors[nodeConfig.nodeType]}`"> |
|
||||
<div class="title-icon" :style="`background: ${bgColors[nodeConfig.nodeType]}`"> |
|
||||
<img src="./icon/node-icon.png" alt="" /> |
|
||||
</div> |
|
||||
<div class="editable-title">{{ item.name }}</div> |
|
||||
<div class="priority-title">优先级{{ index + 1 }}</div> |
|
||||
<div class="priority-action" v-if="index < nodeConfig.exclusive.length - 1"> |
|
||||
<a |
|
||||
title="复制" |
|
||||
class="anticon anticon-close close" |
|
||||
style="margin-right: 8px" |
|
||||
@click="copyTerm(index, nodeConfig)"> |
|
||||
<diff-filled style="font-size: 18px" /> |
|
||||
</a> |
|
||||
<a title="删除" class="anticon anticon-close close" @click="delTerm(index)"> |
|
||||
<close-circle-filled style="font-size: 18px" /> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- <div |
|
||||
class="sort-right" |
|
||||
v-if="index != nodeConfig.exclusive.length - 1" |
|
||||
@click="arrTransfer(index)" |
|
||||
>></div |
|
||||
> --> |
|
||||
<div |
|
||||
class="content" |
|
||||
@click="setPerson(index)" |
|
||||
v-if="index < nodeConfig.exclusive.length - 1"> |
|
||||
<div class="text"> |
|
||||
{{ $func.conditionStr(nodeConfig, index) }} |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="content" v-else> |
|
||||
<div class="text">其他条件进入此流程 </div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="error_tip" v-if="isTried && item.error"> |
|
||||
<i class="anticon anticon-exclamation-circle"></i> |
|
||||
</div> |
|
||||
</div> |
|
||||
<addNode v-model:childNodeP="item.exclusiveBranchNode" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<nodeWrap v-if="item.exclusiveBranchNode" v-model:nodeConfig="item.exclusiveBranchNode" /> |
|
||||
<template v-if="index == 0"> |
|
||||
<div class="top-left-cover-line"></div> |
|
||||
<div class="bottom-left-cover-line"></div> |
|
||||
</template> |
|
||||
<template v-if="index == nodeConfig.exclusive.length - 1"> |
|
||||
<div class="top-right-cover-line"></div> |
|
||||
<div class="bottom-right-cover-line"></div> |
|
||||
</template> |
|
||||
</div> |
|
||||
</div> |
|
||||
<addNode v-model:childNodeP="nodeConfig.next" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<nodeWrap v-if="nodeConfig.next" v-model:nodeConfig="nodeConfig.next" /> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
import { onMounted, ref, watch, getCurrentInstance, computed } from 'vue'; |
|
||||
import $func from '/@/utils/index'; |
|
||||
import { useStore } from '/@/stores/index'; |
|
||||
import { bgColors, placeholderList } from '/@/utils/const'; |
|
||||
import { CloseCircleFilled, DiffFilled } from '@ant-design/icons-vue'; |
|
||||
let _uid = getCurrentInstance().uid; |
|
||||
let props = defineProps({ |
|
||||
nodeConfig: { |
|
||||
type: Object, |
|
||||
default: () => ({}), |
|
||||
}, |
|
||||
flowPermission: { |
|
||||
type: Object, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
}); |
|
||||
|
|
||||
let defaultText = computed(() => { |
|
||||
return placeholderList[props.nodeConfig.nodeType]; |
|
||||
}); |
|
||||
let showText = computed(() => { |
|
||||
if (props.nodeConfig.nodeType == 1) return $func.arrToStr(props.flowPermission) || '所有人'; |
|
||||
return $func.setApproverStr(props.nodeConfig); |
|
||||
}); |
|
||||
|
|
||||
let isInputList = ref([]); |
|
||||
let isInput = ref(false); |
|
||||
const resetConditionNodesErr = () => { |
|
||||
for (var i = 0; i < props.nodeConfig.exclusive.length; i++) { |
|
||||
props.nodeConfig.exclusive[i].error = |
|
||||
$func.conditionStr(props.nodeConfig, i) == '请设置条件' && |
|
||||
i != props.nodeConfig.exclusive.length - 1; |
|
||||
} |
|
||||
}; |
|
||||
onMounted(() => { |
|
||||
if (props.nodeConfig.nodeType == 2) { |
|
||||
props.nodeConfig.error = !$func.setApproverStr(props.nodeConfig); |
|
||||
} else if (props.nodeConfig.nodeType == 2) { |
|
||||
props.nodeConfig.error = !$func.copyerStr(props.nodeConfig); |
|
||||
} else if (props.nodeConfig.nodeType == 3) { |
|
||||
resetConditionNodesErr(); |
|
||||
} |
|
||||
}); |
|
||||
let emits = defineEmits(['update:flowPermission', 'update:nodeConfig']); |
|
||||
let store = useStore(); |
|
||||
let { setPromoter, setApprover, setCondition, setApproverConfig, setConditionsConfig } = store; |
|
||||
let isTried = computed(() => store.isTried); |
|
||||
let approverConfig1 = computed(() => store.approverConfig1); |
|
||||
let conditionsConfig1 = computed(() => store.conditionsConfig1); |
|
||||
|
|
||||
watch(approverConfig1, (approver) => { |
|
||||
if (approver.flag && approver.id === _uid) { |
|
||||
emits('update:nodeConfig', approver.value); |
|
||||
} |
|
||||
}); |
|
||||
watch(conditionsConfig1, (condition) => { |
|
||||
if (condition.flag && condition.id === _uid) { |
|
||||
emits('update:nodeConfig', condition.value); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
const delNode = () => { |
|
||||
emits('update:nodeConfig', props.nodeConfig.next); |
|
||||
}; |
|
||||
const addTerm = () => { |
|
||||
let len = props.nodeConfig.exclusive.length; |
|
||||
console.log(len); |
|
||||
props.nodeConfig.exclusive.splice(len - 1, 0, { |
|
||||
name: '条件' + len, |
|
||||
jumpId: '', |
|
||||
conditionType: 2, |
|
||||
priorityLevel: len, |
|
||||
conditionGroupList: [], |
|
||||
conditionExpression: '', |
|
||||
exclusiveBranchNode: null, |
|
||||
}); |
|
||||
resetConditionNodesErr(); |
|
||||
emits('update:nodeConfig', props.nodeConfig); |
|
||||
}; |
|
||||
const delTerm = (index) => { |
|
||||
props.nodeConfig.exclusive.splice(index, 1); |
|
||||
props.nodeConfig.exclusive.map((item, index) => { |
|
||||
item.priorityLevel = index + 1; |
|
||||
}); |
|
||||
resetConditionNodesErr(); |
|
||||
emits('update:nodeConfig', props.nodeConfig); |
|
||||
if (props.nodeConfig.exclusive.length == 1) { |
|
||||
if (props.nodeConfig.next) { |
|
||||
if (props.nodeConfig.exclusive[0].next) { |
|
||||
reData(props.nodeConfig.exclusive[0].next, props.nodeConfig.next); |
|
||||
} else { |
|
||||
props.nodeConfig.exclusive[0].next = props.nodeConfig.next; |
|
||||
} |
|
||||
} |
|
||||
emits('update:nodeConfig', props.nodeConfig.exclusive[0].next); |
|
||||
} |
|
||||
}; |
|
||||
const copyTerm = (index, nodeConfig) => { |
|
||||
let config = nodeConfig.exclusive[index]; |
|
||||
let len = props.nodeConfig.exclusive.length; |
|
||||
config.priorityLevel = len; |
|
||||
props.nodeConfig.exclusive.splice(len - 1, 0, config); |
|
||||
resetConditionNodesErr(); |
|
||||
emits('update:nodeConfig', props.nodeConfig); |
|
||||
}; |
|
||||
const reData = (data, addData) => { |
|
||||
if (!data.next) { |
|
||||
data.next = addData; |
|
||||
} else { |
|
||||
reData(data.next, addData); |
|
||||
} |
|
||||
}; |
|
||||
const setPerson = (index) => { |
|
||||
var { nodeType } = props.nodeConfig; |
|
||||
if (nodeType == 1) { |
|
||||
setPromoter(true); |
|
||||
} else if (nodeType == 2) { |
|
||||
setApprover(true); |
|
||||
setApproverConfig({ |
|
||||
value: { |
|
||||
...JSON.parse(JSON.stringify(props.nodeConfig)), |
|
||||
}, |
|
||||
flag: false, |
|
||||
id: _uid, |
|
||||
}); |
|
||||
} else { |
|
||||
setCondition(true); |
|
||||
setConditionsConfig({ |
|
||||
value: JSON.parse(JSON.stringify(props.nodeConfig)), |
|
||||
priorityLevel: index + 1, |
|
||||
flag: false, |
|
||||
id: _uid, |
|
||||
}); |
|
||||
} |
|
||||
}; |
|
||||
const arrTransfer = (index, type = 1) => { |
|
||||
//向左-1,向右1 |
|
||||
props.nodeConfig.exclusive[index] = props.nodeConfig.exclusive.splice( |
|
||||
index + type, |
|
||||
1, |
|
||||
props.nodeConfig.exclusive[index], |
|
||||
)[0]; |
|
||||
props.nodeConfig.exclusive.map((item, index) => { |
|
||||
item.priorityLevel = index + 1; |
|
||||
}); |
|
||||
resetConditionNodesErr(); |
|
||||
emits('update:nodeConfig', props.nodeConfig); |
|
||||
}; |
|
||||
</script> |
|
||||
<style lang="less" scoped> |
|
||||
.anticon:before { |
|
||||
display: block; |
|
||||
font-family: anticon !important; |
|
||||
} |
|
||||
.error_tip { |
|
||||
position: absolute; |
|
||||
top: 0px; |
|
||||
right: 0px; |
|
||||
transform: translate(150%, 0px); |
|
||||
font-size: 24px; |
|
||||
} |
|
||||
|
|
||||
.promoter_person .el-dialog__body { |
|
||||
padding: 10px 20px 14px 20px; |
|
||||
} |
|
||||
|
|
||||
.selected_list { |
|
||||
margin-bottom: 20px; |
|
||||
line-height: 30px; |
|
||||
} |
|
||||
|
|
||||
.selected_list span { |
|
||||
margin-right: 10px; |
|
||||
padding: 3px 6px 3px 9px; |
|
||||
line-height: 12px; |
|
||||
white-space: nowrap; |
|
||||
border-radius: 2px; |
|
||||
border: 1px solid rgba(220, 220, 220, 1); |
|
||||
} |
|
||||
|
|
||||
.selected_list img { |
|
||||
margin-left: 5px; |
|
||||
width: 7px; |
|
||||
height: 7px; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
.node-wrap-box-start { |
|
||||
width: 272px; |
|
||||
height: 48px; |
|
||||
text-align: center; |
|
||||
color: #fff; |
|
||||
border-radius: 4px; |
|
||||
line-height: 52px; |
|
||||
position: relative; |
|
||||
font-size: 14px; |
|
||||
.title-icon { |
|
||||
width: 48px; |
|
||||
height: 48px; |
|
||||
border: 1px solid #ffffff; |
|
||||
border-radius: 50%; |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
transform: translateX(-50%); |
|
||||
top: -35px; |
|
||||
img { |
|
||||
width: 70%; |
|
||||
margin-top: 5px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.node-wrap-box { |
|
||||
.editable-title { |
|
||||
width: 100%; |
|
||||
text-align: center; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,87 +0,0 @@ |
|||||
<template> |
|
||||
<ul class="select-box"> |
|
||||
<template v-for="(elem, i) in list" :key="i"> |
|
||||
<template v-if="elem.type === 'role'"> |
|
||||
<li |
|
||||
v-for="item in elem.data" |
|
||||
:key="item.roleId" |
|
||||
class="check_box" |
|
||||
:class="{ active: elem.isActive && elem.isActive(item), not: elem.not }" |
|
||||
@click="elem.change(item)"> |
|
||||
<a |
|
||||
:title="item.description" |
|
||||
:class="{ active: elem.isActiveItem && elem.isActiveItem(item) }"> |
|
||||
<img src="/@/assets/images/icon_role.png" />{{ item.roleName }} |
|
||||
</a> |
|
||||
</li> |
|
||||
</template> |
|
||||
<template v-if="elem.type === 'department'"> |
|
||||
<li |
|
||||
v-for="item in elem.data" |
|
||||
:key="item.id" |
|
||||
class="check_box" |
|
||||
:class="{ not: !elem.isDepartment }"> |
|
||||
<a |
|
||||
v-if="elem.isDepartment" |
|
||||
:class="elem.isActive(item) && 'active'" |
|
||||
@click="elem.change(item)"> |
|
||||
<img src="/@/assets/images/icon_file.png" />{{ item.departmentName }}</a |
|
||||
> |
|
||||
<a v-else><img src="/@/assets/images/icon_file.png" />{{ item.departmentName }}</a> |
|
||||
<i @click="elem.next(item)">下级</i> |
|
||||
</li> |
|
||||
</template> |
|
||||
<template v-if="elem.type === 'employee'"> |
|
||||
<li v-for="item in elem.data" :key="item.id" class="check_box"> |
|
||||
<a |
|
||||
:class="elem.isActive(item) && 'active'" |
|
||||
@click="elem.change(item)" |
|
||||
:title="item.departmentNames"> |
|
||||
<img src="/@/assets/images/icon_people.png" />{{ item.employeeName }} |
|
||||
</a> |
|
||||
</li> |
|
||||
</template> |
|
||||
</template> |
|
||||
</ul> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
defineProps({ |
|
||||
list: { |
|
||||
type: Array, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="less"> |
|
||||
.select-box { |
|
||||
height: 420px; |
|
||||
overflow-y: auto; |
|
||||
|
|
||||
li { |
|
||||
padding: 5px 0; |
|
||||
|
|
||||
i { |
|
||||
float: right; |
|
||||
padding-left: 24px; |
|
||||
padding-right: 10px; |
|
||||
color: #3195f8; |
|
||||
font-size: 12px; |
|
||||
cursor: pointer; |
|
||||
background: url(~/@/assets/images/next_level_active.png) no-repeat 10px center; |
|
||||
border-left: 1px solid rgb(238, 238, 238); |
|
||||
} |
|
||||
|
|
||||
a.active + i { |
|
||||
color: rgb(197, 197, 197); |
|
||||
background-image: url(~/@/assets/images/next_level.png); |
|
||||
pointer-events: none; |
|
||||
} |
|
||||
|
|
||||
img { |
|
||||
width: 14px; |
|
||||
vertical-align: middle; |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,93 +0,0 @@ |
|||||
<template> |
|
||||
<div class="select-result l"> |
|
||||
<p class="clear" |
|
||||
>已选（{{ total }}） |
|
||||
<a @click="emits('del')">清空</a> |
|
||||
</p> |
|
||||
<ul> |
|
||||
<template v-for="{ type, data, cancel } in list" :key="type"> |
|
||||
<template v-if="type === 'role'"> |
|
||||
<li v-for="item in data" :key="item.roleId"> |
|
||||
<img src="/@/assets/images/icon_role.png" //> |
|
||||
<span>{{ item.roleName }}</span> |
|
||||
<img src="/@/assets/images/cancel.png" @click="cancel(item)" //> |
|
||||
</li> |
|
||||
</template> |
|
||||
<template v-if="type === 'department'"> |
|
||||
<li v-for="item in data" :key="item.id"> |
|
||||
<img src="/@/assets/images/icon_file.png" //> |
|
||||
<span>{{ item.departmentName }}</span> |
|
||||
<img src="/@/assets/images/cancel.png" @click="cancel(item)" //> |
|
||||
</li> |
|
||||
</template> |
|
||||
<template v-if="type === 'employee'"> |
|
||||
<li v-for="item in data" :key="item.id"> |
|
||||
<img src="/@/assets/images/icon_people.png" //> |
|
||||
<span>{{ item.employeeName }}</span> |
|
||||
<img src="/@/assets/images/cancel.png" @click="cancel(item)" //> |
|
||||
</li> |
|
||||
</template> |
|
||||
</template> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup> |
|
||||
defineProps({ |
|
||||
total: { |
|
||||
type: Number, |
|
||||
default: 0, |
|
||||
}, |
|
||||
list: { |
|
||||
type: Array, |
|
||||
default: () => [{ type: 'role', data, cancel }], |
|
||||
}, |
|
||||
}); |
|
||||
let emits = defineEmits(['del']); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less"> |
|
||||
.select-result { |
|
||||
width: 276px; |
|
||||
height: 100%; |
|
||||
font-size: 12px; |
|
||||
|
|
||||
ul { |
|
||||
height: 460px; |
|
||||
overflow-y: auto; |
|
||||
|
|
||||
li { |
|
||||
margin: 11px 26px 13px 19px; |
|
||||
line-height: 17px; |
|
||||
|
|
||||
span { |
|
||||
vertical-align: middle; |
|
||||
} |
|
||||
|
|
||||
img { |
|
||||
&:first-of-type { |
|
||||
width: 14px; |
|
||||
vertical-align: middle; |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
|
|
||||
&:last-of-type { |
|
||||
float: right; |
|
||||
margin-top: 2px; |
|
||||
width: 14px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
p { |
|
||||
padding-left: 19px; |
|
||||
padding-right: 20px; |
|
||||
line-height: 37px; |
|
||||
border-bottom: 1px solid #f2f2f2; |
|
||||
|
|
||||
a { |
|
||||
float: right; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,90 +0,0 @@ |
|||||
/** @format */ |
|
||||
import { dateUtil } from '/nerv-lib/util/date-util'; |
|
||||
|
|
||||
export const appConfig = { |
|
||||
projectType: 'web', |
|
||||
baseApi: '/api', |
|
||||
enablePermissions: true, |
|
||||
baseHeader: '/home', |
|
||||
baseRouter: '/home/index', |
|
||||
timeout: 30 * 1000, |
|
||||
userLoginApi: '/api/op/objs/Login', |
|
||||
userInfoApi: '/api/op/objs/CurrentUser', |
|
||||
userResourceApi: '/api/op/objs/User/Resource', |
|
||||
useHistoryTag: false, |
|
||||
customLogin: () => import('/@/view/login.vue'), |
|
||||
updatePassWordInfo: { |
|
||||
title: '修改密码', |
|
||||
subtitle: '智慧园区平台', |
|
||||
api: '/api/op/objs/User/changePassword', |
|
||||
}, |
|
||||
resourceInfo: { |
|
||||
application: { |
|
||||
version: '1.0.35', |
|
||||
label: '智慧园区', |
|
||||
dataScope: { |
|
||||
scopeMode: 2, |
|
||||
scopeType: 'dept', |
|
||||
dataTips: '', |
|
||||
dataConfig: { |
|
||||
dept: { |
|
||||
scopeType: 'dept', |
|
||||
scopeMap: { |
|
||||
'1': { |
|
||||
scopeKey: '1', |
|
||||
title: '全部', |
|
||||
score: 0, |
|
||||
keyType: 'int', |
|
||||
}, |
|
||||
'2': { |
|
||||
scopeKey: '2', |
|
||||
title: '自己', |
|
||||
score: 4, |
|
||||
keyType: 'int', |
|
||||
}, |
|
||||
'3': { |
|
||||
scopeKey: '3', |
|
||||
title: '本部门', |
|
||||
score: 2, |
|
||||
keyType: 'int', |
|
||||
}, |
|
||||
'4': { |
|
||||
scopeKey: '4', |
|
||||
title: '本部门及其下属部门', |
|
||||
score: 1, |
|
||||
keyType: 'int', |
|
||||
}, |
|
||||
'5': { |
|
||||
scopeKey: '5', |
|
||||
title: '自选部门', |
|
||||
score: 3, |
|
||||
type: 1, |
|
||||
tips: '选择部门：互斥，父亲本部门及其下属部门，那这里只能选择这几个部门，如果父亲是本部门，只能', |
|
||||
keyType: 'int', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
api: '/qa/Operation/Resources/Op/init', |
|
||||
token: `${dateUtil().format('YYYYMMDD')}pensionwebui`, |
|
||||
dealReosurceList: (RouteMouleList: any) => { |
|
||||
if (Object.prototype.toString.call(RouteMouleList) === '[object Array]') { |
|
||||
RouteMouleList.forEach((item: any) => { |
|
||||
if (item.code === 'AssetManagementInfo') { |
|
||||
item.codeDataScope = { |
|
||||
status: 1, |
|
||||
scopeType: 'dept', |
|
||||
dataTips: '', |
|
||||
scopeList: [1, 3, 4, 5], |
|
||||
}; |
|
||||
} |
|
||||
}); |
|
||||
return RouteMouleList; |
|
||||
} else { |
|
||||
return []; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
@ -1,2 +0,0 @@ |
|||||
import { appConfig } from '/@/config/app.config'; |
|
||||
export { appConfig }; |
|
||||
@ -1,22 +0,0 @@ |
|||||
export enum ResultEnum { |
|
||||
SUCCESS = 0, |
|
||||
ERROR = 1, |
|
||||
TIMEOUT = 401, |
|
||||
TOKEN_INVALID = 403, |
|
||||
} |
|
||||
|
|
||||
export enum RequestEnum { |
|
||||
GET = 'GET', |
|
||||
POST = 'POST', |
|
||||
PUT = 'PUT', |
|
||||
DELETE = 'DELETE', |
|
||||
} |
|
||||
|
|
||||
export enum ContentTypeEnum { |
|
||||
// json
|
|
||||
JSON = 'application/json;charset=UTF-8', |
|
||||
// form-data qs
|
|
||||
FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8', |
|
||||
// form-data upload
|
|
||||
FORM_DATA = 'multipart/form-data;charset=UTF-8', |
|
||||
} |
|
||||
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 777 B |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 263 B |
|
Before Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 526 B |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
@ -1,34 +0,0 @@ |
|||||
import { createApp } from 'vue'; |
|
||||
import App from '/@/App.vue'; |
|
||||
import { saasInit } from '/nerv-lib/saas'; |
|
||||
import { apiModule } from '/@/api'; |
|
||||
import { appConfig } from '/@/config'; |
|
||||
|
|
||||
const app = createApp(App); |
|
||||
saasInit({ |
|
||||
app, |
|
||||
apiModule, |
|
||||
appConfig, |
|
||||
}); |
|
||||
import nodeWrap from '/@/components/nodeWrap.vue'; |
|
||||
app.component('NodeWrap', nodeWrap); //初始化组件
|
|
||||
import addNode from '/@/components/addNode.vue'; |
|
||||
app.component('AddNode', addNode); //初始化组件
|
|
||||
|
|
||||
app.directive('focus', { |
|
||||
mounted(el) { |
|
||||
el.focus(); |
|
||||
}, |
|
||||
}); |
|
||||
|
|
||||
app.directive('enterNumber', { |
|
||||
mounted(el, { value = 100 }, vnode) { |
|
||||
el = el.nodeName == 'INPUT' ? el : el.children[0]; |
|
||||
const RegStr = value == 0 ? `^[\\+\\-]?\\d+\\d{0,0}` : `^[\\+\\-]?\\d+\\.?\\d{0,${value}}`; |
|
||||
el.addEventListener('input', function () { |
|
||||
el.value = el.value.match(new RegExp(RegStr, 'g')); |
|
||||
el.dispatchEvent(new Event('input')); |
|
||||
}); |
|
||||
}, |
|
||||
}); |
|
||||
app.mount('#app'); |
|
||||
@ -1,11 +0,0 @@ |
|||||
/** @format */ |
|
||||
|
|
||||
const RootRoute = { |
|
||||
path: '/', |
|
||||
name: 'root', |
|
||||
redirect: { name: 'MessageTemplate' }, |
|
||||
meta: { |
|
||||
title: 'Root', |
|
||||
}, |
|
||||
}; |
|
||||
export default RootRoute; |
|
||||
File diff suppressed because it is too large
@ -1,943 +0,0 @@ |
|||||
/** @format */ |
|
||||
|
|
||||
const Base = () => import('/nerv-lib/saas/view/system/layout/content.vue'); |
|
||||
const basicData = { |
|
||||
path: '/systemSettingManage', |
|
||||
name: 'systemSettingManage', |
|
||||
meta: { title: '系统设置', icon: 'doorway', index: 10 }, |
|
||||
redirect: { name: 'UserIndex' }, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'menuManage', |
|
||||
name: 'menuManage', |
|
||||
meta: { title: '菜单管理', hideResource: true, icon: 'caidanguanli', hideChildren: true }, |
|
||||
component: Base, |
|
||||
redirect: { name: 'menuManageIndex' }, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'menuManageIndex', |
|
||||
component: () => import('/nerv-lib/saas/view/menuManage/index.vue'), |
|
||||
meta: { title: '菜单管理', keepAlive: true }, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'user', |
|
||||
name: 'User', |
|
||||
meta: { title: '用户管理', icon: 'yonghuguanli', hideChildren: true }, |
|
||||
redirect: { name: 'UserIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'UserIndex', |
|
||||
component: () => import('/@/view/userManage/userList/index.vue'), |
|
||||
meta: { |
|
||||
title: '用户管理', |
|
||||
keepAlive: true, |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '重置密码', |
|
||||
code: 'UserReset', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/person/reset', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
title: '删除', |
|
||||
code: 'UserRemove', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/person/delete', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/person/pageList', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'add', |
|
||||
name: 'UserAdd', |
|
||||
meta: { |
|
||||
type: 'op', |
|
||||
title: '新增', |
|
||||
backApi: [ |
|
||||
{ method: 'POST', url: '/api/objs/person/add' }, |
|
||||
{ method: 'GET', url: '/api/objs/person/detail' }, |
|
||||
{ method: 'GET', url: '/api/objs/admin/DictItem' }, |
|
||||
{ method: 'GET', url: '/api/objs/Department' }, |
|
||||
{ method: 'GET', url: '/api/objs/admin/BaseArea' }, |
|
||||
{ method: 'POST', url: '/api/objs/admin/MaterialFile' }, |
|
||||
], |
|
||||
}, |
|
||||
component: () => import('/@/view/userManage/userList/add.vue'), |
|
||||
}, |
|
||||
{ |
|
||||
path: 'edit', |
|
||||
name: 'UserEdit', |
|
||||
meta: { |
|
||||
type: 'op', |
|
||||
title: '编辑', |
|
||||
backApi: [ |
|
||||
{ method: 'POST', url: '/api/objs/person/update' }, |
|
||||
{ method: 'GET', url: '/api/objs/person/detail' }, |
|
||||
{ method: 'GET', url: '/api/objs/admin/DictItem' }, |
|
||||
{ method: 'GET', url: '/api/objs/Department' }, |
|
||||
{ method: 'GET', url: '/api/objs/admin/BaseArea' }, |
|
||||
{ method: 'POST', url: '/api/objs/admin/MaterialFile' }, |
|
||||
], |
|
||||
}, |
|
||||
component: () => import('/@/view/userManage/userList/edit.vue'), |
|
||||
}, |
|
||||
{ |
|
||||
path: 'detail', |
|
||||
name: 'UserDetail', |
|
||||
meta: { |
|
||||
type: 'op', |
|
||||
title: '详情', |
|
||||
backApi: [{ method: 'GET', url: '/api/objs/person/detail' }], |
|
||||
}, |
|
||||
component: () => import('/@/view/userManage/userList/detail.vue'), |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'roleType', |
|
||||
name: 'RoleType', |
|
||||
meta: { title: '角色管理', icon: 'jueseguanli', hideChildren: true }, |
|
||||
redirect: { name: 'RoleTypeIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'RoleTypeIndex', |
|
||||
component: () => import('/@/view/userManage/roleType/index.vue'), |
|
||||
meta: { |
|
||||
title: '角色管理', |
|
||||
keepAlive: true, |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '删除', |
|
||||
code: 'RoleTypeRemove', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/Role/delete', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/Role', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'add', |
|
||||
meta: { |
|
||||
type: 'op', |
|
||||
title: '新增', |
|
||||
backApi: [ |
|
||||
{ method: 'POST', url: '/api/objs/Role' }, |
|
||||
{ method: 'POST', url: '/api/objs/Role/update' }, |
|
||||
{ method: 'GET', url: '/api/objs/Role/detail' }, |
|
||||
{ method: 'GET', url: '/api/objs/Role/ResourcesMap' }, |
|
||||
{ method: 'GET', url: '/api/objs/AppResourcesAllList' }, |
|
||||
], |
|
||||
}, |
|
||||
name: 'RoleTypeAdd', |
|
||||
component: () => import('/@/view/userManage/roleType/addOrEdit.vue'), |
|
||||
}, |
|
||||
{ |
|
||||
path: 'edit', |
|
||||
meta: { |
|
||||
type: 'op', |
|
||||
title: '编辑', |
|
||||
backApi: [ |
|
||||
{ method: 'POST', url: '/api/objs/Role' }, |
|
||||
{ method: 'POST', url: '/api/objs/Role/update' }, |
|
||||
{ method: 'GET', url: '/api/objs/Role/detail' }, |
|
||||
{ method: 'GET', url: '/api/objs/Role/ResourcesMap' }, |
|
||||
{ method: 'GET', url: '/api/objs/AppResourcesAllList' }, |
|
||||
], |
|
||||
}, |
|
||||
name: 'RoleTypeEdit', |
|
||||
component: () => import('/@/view/userManage/roleType/addOrEdit.vue'), |
|
||||
}, |
|
||||
{ |
|
||||
path: 'setRolePerson', |
|
||||
meta: { |
|
||||
type: 'op', |
|
||||
title: '人员设置', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/Role/Account', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/Role/detail', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/Role/Account', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
name: 'SetRolePerson', |
|
||||
component: () => import('/@/view/userManage/roleType/setRolePerson.vue'), |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
|
|
||||
{ |
|
||||
path: '/organManagement', |
|
||||
name: 'organManagement', |
|
||||
meta: { title: '机构管理', icon: 'jigouguanli' }, |
|
||||
redirect: { name: 'OperationManagement' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'organAccount', |
|
||||
name: 'OrganAccount', |
|
||||
meta: { title: '机构账号', hideChildren: true }, |
|
||||
redirect: { name: 'OrganAccountIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'OrganAccountIndex', |
|
||||
component: () => import('/@/view/organManagement-op/organAccount/index.vue'), |
|
||||
meta: { |
|
||||
title: '机构列表', |
|
||||
keepAlive: true, |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/tenant/operator/pageList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/tenant/disable', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/tenant/resetPassword', |
|
||||
}, |
|
||||
], |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '批量导出', |
|
||||
code: 'exports', |
|
||||
}, |
|
||||
{ |
|
||||
title: '重置密码', |
|
||||
code: 'resetPassword', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'add', |
|
||||
name: 'OrganAccountAdd', |
|
||||
component: () => import('/@/view/organManagement-op/organAccount/add.vue'), |
|
||||
meta: { |
|
||||
title: '新增', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/tenant/operator/detail', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/bg/institution/pageList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ResCollType/typeList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/community/tenant/add', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/community/tenant/update', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'edit', |
|
||||
name: 'OrganAccountEdit', |
|
||||
component: () => import('/@/view/organManagement-op/organAccount/edit.vue'), |
|
||||
meta: { |
|
||||
title: '编辑', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/tenant/operator/detail', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/bg/institution/pageList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/pension/tenant/add', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ResCollType/typeList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/community/tenant/update', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'config', |
|
||||
name: 'OrganAccountConfig', |
|
||||
component: () => import('/@/view/organManagement-op/organAccount/config.vue'), |
|
||||
meta: { |
|
||||
title: '配置项', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/tenant/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/productType/selectTenant', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/v2/tenant/config/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/tenant/hadProduct', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/productType/select', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/tenant/hadAlarmGrade', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/tenant/config/orgConfig', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/common/tenant/initPension', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'batchConfig', |
|
||||
name: 'OrganAccountBatchConfig', |
|
||||
component: () => import('/@/view/organManagement-op/organAccount/batchConfig.vue'), |
|
||||
meta: { |
|
||||
title: '批量配置', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/tenant/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/v2/tenant/config/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/tenant/config/orgConfig', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/common/tenant/initPension', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'organType', |
|
||||
name: 'OrganType', |
|
||||
meta: { title: '机构类型', hideChildren: true }, |
|
||||
redirect: { name: 'OrganTypeIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'OrganTypeIndex', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/index.vue'), |
|
||||
meta: { |
|
||||
title: '机构类型', |
|
||||
keepAlive: true, |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ResCollType/page', |
|
||||
}, |
|
||||
], |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '编辑备注', |
|
||||
code: 'OrganTypeEditDec', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/ResCollType/update', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'appListUnderOranType', |
|
||||
name: 'AppListUnderOranType', |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/organType/appListUnderOranType.vue'), |
|
||||
meta: { |
|
||||
title: '应用管理', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/CollTypeResource/Application', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'permissionSet', |
|
||||
name: 'PermissionSet', |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/organType/permissionSet.vue'), |
|
||||
meta: { |
|
||||
title: '追加权限', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ResCollResource', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/Resources/AllList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/ResCollResource/save', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'menusSort', |
|
||||
name: 'MenusTree', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/menusTree.vue'), |
|
||||
meta: { |
|
||||
title: '调整布局', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/CollTypeResource/MenuTree', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/CollTypeResource/Sort', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'menusEdit', |
|
||||
name: 'MenusEdit', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/menusEdit.vue'), |
|
||||
meta: { |
|
||||
title: '修改菜单', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/CollTypeResource/MenuTree', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/CollTypeResource/Update', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/CollTypeResource/Add', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/CollTypeResource/Offline', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'config', |
|
||||
name: 'OrganTypeConfig', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/config.vue'), |
|
||||
meta: { |
|
||||
title: '配置项', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/authorityType/queryAuthorityDataListByTenantType', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/productType/selectOrganizationType', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/v2/tenant/config/OrgTypePageListInit', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/orgType/allAlarmRule', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/orgType/hadAlarmRule', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/orgType/hadProduct', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/common/orgType/hadAlarmGrade', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/productType/select', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/tenant/initPension', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/v2/tenant/config/OrgTypePageListInit', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/workOrder/queryWorkOrderTypeDataByTenantType', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/workOrder/queryWorkOrderTypePage', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/v2/ResCollType/config/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/v2/tenant/config/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/authorityType/querySetAuthorityDataPublicList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/ResCollType/config/orgConfigTemplateList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/processTemplate/getTypeByOrg', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/processTemplate/pageList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/tenant/config/orgTypeConfig', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/v2/tenant/config/orgTypeConfigInit', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'themeConfig', |
|
||||
name: 'OrganTypeThemeConfig', |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/organType/themeConfig.vue'), |
|
||||
meta: { |
|
||||
title: '主题配置', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/sysTheme/orgType/update', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/User/themeConfig', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/sysTheme/orgType/detail', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'appManage', |
|
||||
name: 'AppManage', |
|
||||
meta: { title: '应用管理', hideChildren: true, icon: 'caidanguanli' }, |
|
||||
redirect: { name: 'AppManageIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'appList', |
|
||||
name: 'AppManageIndex', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/appList.vue'), |
|
||||
// component: () => import('/@/view/organManagement-op/organType/appList.vue'),
|
|
||||
meta: { |
|
||||
title: '应用管理', |
|
||||
icon: 'doorway', |
|
||||
keepAlive: true, |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ProjectManagerInfo', |
|
||||
}, |
|
||||
], |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '清理版本', |
|
||||
code: 'VersionClear', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/ResourceMagVersionClear', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
title: '编辑备注', |
|
||||
code: 'VersionDescribeUpdate', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/ResourceMagVersion/update', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
title: '导出JSON', |
|
||||
code: 'VersionExport', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/ResourceMagVersionComplete', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'versionLoad', |
|
||||
name: 'VersionLoad', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/versionLoad.vue'), |
|
||||
//component: () => import('/@/view/organManagement-op/organType/versionLoad.vue'),
|
|
||||
meta: { |
|
||||
title: '导入应用', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/ResourceMagVersionComplete', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'versionList', |
|
||||
name: 'VersionList', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/versionList.vue'), |
|
||||
meta: { |
|
||||
title: '版本管理', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ResourceMagVersion', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
|
|
||||
{ |
|
||||
path: 'menuTreeDetail', |
|
||||
name: 'MenuTreeDetail', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/organType/menuTreeDetail.vue'), |
|
||||
meta: { |
|
||||
title: '查看功能树', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ResourceMagVersion', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'screenOperate', |
|
||||
name: 'ScreenOperate', |
|
||||
meta: { title: '大屏运维', hideChildren: true, icon: 'caidanguanli' }, |
|
||||
redirect: { name: 'ScreenOperateIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'ScreenOperateIndex', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/screenOperate/index.vue'), |
|
||||
meta: { |
|
||||
title: '大屏运维', |
|
||||
icon: 'doorway', |
|
||||
keepAlive: true, |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/DatavManage/list', |
|
||||
}, |
|
||||
], |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '导入接口', |
|
||||
code: 'ScreenImportApi', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/DatavManage/saveBackApi', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
title: '导出接口', |
|
||||
code: 'ScreenExportApi', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/DatavManage/detail', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'screenOperateEdit', |
|
||||
name: 'ScreenOperateEdit', |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/screenOperate/screenOperateEdit.vue'), |
|
||||
meta: { |
|
||||
title: '编辑大屏', |
|
||||
icon: 'doorway', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/DatavManage/detail', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/DatavManage/editInfo', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/MaterialFile', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'authorize', |
|
||||
name: 'ScreenOperateAuthorize', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/screenOperate/authorize.vue'), |
|
||||
meta: { |
|
||||
title: '授权机构', |
|
||||
icon: 'doorway', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/DatavManage/detail', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/DatavManage/organizeList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/DatavManage/authOrganize', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'bigDataScreen', |
|
||||
name: 'BigDataScreen', |
|
||||
meta: { title: '数据大屏', hideChildren: true, icon: 'caidanguanli' }, |
|
||||
redirect: { name: 'BigDataScreenIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'BigDataScreenIndex', |
|
||||
component: () => import('/nerv-lib/saas/view/commonMoudule/bigDataScreen/index.vue'), |
|
||||
meta: { |
|
||||
title: '数据大屏', |
|
||||
icon: 'doorway', |
|
||||
keepAlive: true, |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/ProjectManagerInfo', |
|
||||
}, |
|
||||
], |
|
||||
operates: [ |
|
||||
{ |
|
||||
title: '分享链接', |
|
||||
code: 'shareLink', |
|
||||
backApi: [ |
|
||||
{ method: 'POST', url: '/api/objs/Datav/share' }, |
|
||||
{ method: 'POST', url: '/api/objs/Datav/shareCancel' }, |
|
||||
{ method: 'GET', url: '/api/objs/Datav/shareList' }, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
path: 'administrativeDivision-op', |
|
||||
name: 'AdministrativeDivision', |
|
||||
meta: { title: '行政区域', hideChildren: true, icon: 'caidanguanli' }, |
|
||||
redirect: { name: 'AdministrativeDivisionIndex' }, |
|
||||
component: Base, |
|
||||
children: [ |
|
||||
{ |
|
||||
path: 'index', |
|
||||
name: 'AdministrativeDivisionIndex', |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/administrativeDivision/index.vue'), |
|
||||
meta: { |
|
||||
title: '行政区域', |
|
||||
keepAlive: true, |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/area/listByParentCode', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/area/pageList', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/op/objs/Role/Account', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/area/areaTree', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
path: 'add', |
|
||||
name: 'AdministrativeDivisionAdd', |
|
||||
meta: { |
|
||||
title: '新增', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/area/listByParentCode', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/area/add', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/administrativeDivision/add.vue'), |
|
||||
}, |
|
||||
{ |
|
||||
path: 'edit', |
|
||||
name: 'AdministrativeDivisionEdit', |
|
||||
meta: { |
|
||||
title: '编辑', |
|
||||
type: 'op', |
|
||||
backApi: [ |
|
||||
{ |
|
||||
method: 'GET', |
|
||||
url: '/api/objs/admin/area/detail', |
|
||||
}, |
|
||||
{ |
|
||||
method: 'POST', |
|
||||
url: '/api/objs/admin/area/update', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
component: () => |
|
||||
import('/nerv-lib/saas/view/commonMoudule/administrativeDivision/edit.vue'), |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
], |
|
||||
}; |
|
||||
export default basicData; |
|
||||
@ -1,12 +0,0 @@ |
|||||
import { defineStore } from 'pinia'; |
|
||||
|
|
||||
export const items = defineStore({ |
|
||||
id: 'items', |
|
||||
state() { |
|
||||
return { list: [], count: 10 }; |
|
||||
}, |
|
||||
getters: { |
|
||||
double: (state: any) => state.count * 2, |
|
||||
}, |
|
||||
actions: {}, |
|
||||
}); |
|
||||
@ -1,97 +0,0 @@ |
|||||
import { defineStore } from 'pinia'; |
|
||||
|
|
||||
export const useStore = defineStore('store', { |
|
||||
state: () => ({ |
|
||||
tableId: '', |
|
||||
isTried: false, |
|
||||
promoterDrawer: false, |
|
||||
flowPermission1: {}, |
|
||||
approverDrawer: false, |
|
||||
approverConfig1: {}, |
|
||||
copyerDrawer: false, |
|
||||
copyerConfig1: {}, |
|
||||
conditionDrawer: false, |
|
||||
conditionsConfig1: { |
|
||||
conditionNodes: [], |
|
||||
}, |
|
||||
quitReason: [], |
|
||||
}), |
|
||||
actions: { |
|
||||
setTableId(payload) { |
|
||||
this.tableId = payload; |
|
||||
}, |
|
||||
setIsTried(payload) { |
|
||||
this.isTried = payload; |
|
||||
}, |
|
||||
setPromoter(payload) { |
|
||||
this.promoterDrawer = payload; |
|
||||
}, |
|
||||
setFlowPermission(payload) { |
|
||||
this.flowPermission1 = payload; |
|
||||
}, |
|
||||
setApprover(payload) { |
|
||||
this.approverDrawer = payload; |
|
||||
}, |
|
||||
setApproverConfig(payload) { |
|
||||
this.approverConfig1 = payload; |
|
||||
}, |
|
||||
setCopyer(payload) { |
|
||||
this.copyerDrawer = payload; |
|
||||
}, |
|
||||
setCopyerConfig(payload) { |
|
||||
this.copyerConfig1 = payload; |
|
||||
}, |
|
||||
setCondition(payload) { |
|
||||
this.conditionDrawer = payload; |
|
||||
}, |
|
||||
setConditionsConfig(payload) { |
|
||||
this.conditionsConfig1 = payload; |
|
||||
}, |
|
||||
setQuitReason(quitType) { |
|
||||
if (quitType == 0) { |
|
||||
this.quitReason = [ |
|
||||
{ |
|
||||
label: '个人原因', |
|
||||
value: 0, |
|
||||
}, |
|
||||
{ |
|
||||
label: '家庭原因', |
|
||||
value: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '发展原因', |
|
||||
value: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '合同到期不续约', |
|
||||
value: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '其他', |
|
||||
value: 4, |
|
||||
}, |
|
||||
]; |
|
||||
} |
|
||||
if (quitType == 1) { |
|
||||
this.quitReason = [ |
|
||||
{ |
|
||||
label: '协议解除', |
|
||||
value: 5, |
|
||||
}, |
|
||||
{ |
|
||||
label: '无法胜任工作', |
|
||||
value: 6, |
|
||||
}, |
|
||||
{ |
|
||||
label: '裁员', |
|
||||
value: 7, |
|
||||
}, |
|
||||
{ |
|
||||
label: '严重违法违纪', |
|
||||
value: 8, |
|
||||
}, |
|
||||
]; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
}); |
|
||||
@ -1,111 +0,0 @@ |
|||||
// 临时为豪恩部分页面内写死颜色的组件用的样式 |
|
||||
|
|
||||
// .link-btn { |
|
||||
// color: @primary-color !important; |
|
||||
// } |
|
||||
|
|
||||
// .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { |
|
||||
// color: @primary-color !important; |
|
||||
// } |
|
||||
|
|
||||
// .ant-table-footer .ns-icon { |
|
||||
// color: @primary-color !important; |
|
||||
// } |
|
||||
|
|
||||
.ant-tree { |
|
||||
width: 100%; |
|
||||
} |
|
||||
.ant-tree .ant-tree-treenode { |
|
||||
width: 100%; |
|
||||
} |
|
||||
//侧边导航 |
|
||||
// .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { |
|
||||
// background: rgb(229, 247, 249) !important; |
|
||||
// } |
|
||||
.ant-menu.ant-menu-dark .ant-menu-item-selected { |
|
||||
color: #fff; |
|
||||
background: rgba(0, 0, 0, 0.06) !important; |
|
||||
} |
|
||||
|
|
||||
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { |
|
||||
background: rgba(0, 0, 0, 0.06) !important; |
|
||||
} |
|
||||
.ant-tree .ant-tree-node-content-wrapper { |
|
||||
transition: none !important; |
|
||||
} |
|
||||
// .ant-tree .ant-tree-node-content-wrapper:hover{ |
|
||||
// width: 100%; |
|
||||
// background: #EDF0F3 !important; |
|
||||
// } |
|
||||
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item, |
|
||||
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { |
|
||||
color: #ffffff; |
|
||||
// background: #43BB79 !important; |
|
||||
} |
|
||||
|
|
||||
.home_header img { |
|
||||
height: 48px !important; |
|
||||
} |
|
||||
|
|
||||
.logo .logoImg { |
|
||||
max-height: 36px !important; |
|
||||
} |
|
||||
.lg_card { |
|
||||
margin-right: 130px !important; |
|
||||
} |
|
||||
|
|
||||
@media print { |
|
||||
html, |
|
||||
body { |
|
||||
overflow: unset !important; |
|
||||
} |
|
||||
#printLable img { |
|
||||
display: inline-block !important; |
|
||||
} |
|
||||
} |
|
||||
::-webkit-scrollbar-thumb { |
|
||||
background-color: #c6d2db !important; |
|
||||
} |
|
||||
|
|
||||
.ant-btn-primary:hover, |
|
||||
.ant-btn-primary:focus { |
|
||||
color: #ffff !important; |
|
||||
} |
|
||||
.ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { |
|
||||
color: rgba(0, 0, 0, 0.25) !important; |
|
||||
} |
|
||||
|
|
||||
//入住登记，弹窗选择床位价格组件样式调整 |
|
||||
.noWrapList{ |
|
||||
width: 502px; |
|
||||
} |
|
||||
|
|
||||
.select-btn,.isMe{ |
|
||||
background-color: @primary-color!important; |
|
||||
} |
|
||||
|
|
||||
.anticon-check-circle{ |
|
||||
color: @primary-color!important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.ns-modeBase{ |
|
||||
.ant-modal-title{ |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
.ant-modal-body{ |
|
||||
padding: 0; |
|
||||
.ns-table .ns-table-main { |
|
||||
padding: 0 16px; |
|
||||
border-top: 16px solid #e5ebf0; |
|
||||
} |
|
||||
.ns-basic-modecontent{ |
|
||||
margin: 16px; |
|
||||
border-top: none; |
|
||||
border-right: 16px solid rgb(229, 235, 240); |
|
||||
border-bottom: 16px solid rgb(229, 235, 240); |
|
||||
border-left: 16px solid rgb(229, 235, 240); |
|
||||
border-image: initial; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
@ -1,156 +0,0 @@ |
|||||
.ns-view { |
|
||||
min-height: 100%; |
|
||||
height: 100%; |
|
||||
background: #e5ebf0; |
|
||||
} |
|
||||
.ns-detail-content { |
|
||||
border-top: 16px solid #e5ebf0; |
|
||||
padding: 16px 21px; |
|
||||
background: #fff; |
|
||||
height: calc(100% - 50px); |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-skeleton-paragraph) { |
|
||||
display: flex; |
|
||||
flex-wrap: wrap; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-skeleton-paragraph li:nth-child(n)) { |
|
||||
display: block; |
|
||||
margin-right: 4%; |
|
||||
margin-top: 16px; |
|
||||
margin-bottom: 4px; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-skeleton-paragraph li:nth-child(3n + 3)) { |
|
||||
margin-right: 0; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-skeleton-content) { |
|
||||
padding: 0 8px 10px 10px; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-descriptions-item-label) { |
|
||||
color: rgba(0, 0, 0, 0.5); |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-descriptions-item-label), |
|
||||
:deep(.ant-descriptions-item-content) { |
|
||||
line-height: 22px; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-descriptions-view) { |
|
||||
padding-bottom: 8px; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-descriptions-item) { |
|
||||
padding-right: 20px; |
|
||||
|
|
||||
&:nth-child(2n) { |
|
||||
padding-left: 20px; |
|
||||
} |
|
||||
|
|
||||
&:nth-child(3n) { |
|
||||
padding-left: 20px; |
|
||||
padding-right: 0; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.descriptions-title { |
|
||||
&:after { |
|
||||
content: ''; |
|
||||
width: 75px; |
|
||||
height: 7px; |
|
||||
display: block; |
|
||||
background: linear-gradient(90deg, #537fff 0%, #fff 82.67%); |
|
||||
margin-left: 2px; |
|
||||
margin-top: -2px; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.ns-page-header { |
|
||||
margin-bottom: 0 !important; |
|
||||
padding-top: 7px !important; |
|
||||
padding-bottom: 7px !important; |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px; |
|
||||
.title { |
|
||||
cursor: pointer; |
|
||||
font-size: 18px !important; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
.text { |
|
||||
margin-left: 6px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.ns-detail { |
|
||||
border-bottom: 1px solid #ecedef; |
|
||||
|
|
||||
&:last-child { |
|
||||
border-bottom-width: 0; |
|
||||
} |
|
||||
&:first-child { |
|
||||
:deep(.ant-descriptions-header) { |
|
||||
margin-top: 0; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-descriptions-header) { |
|
||||
margin-top: 12px; |
|
||||
margin-bottom: 12px; |
|
||||
|
|
||||
.ant-descriptions-title { |
|
||||
line-height: 16px; |
|
||||
font-size: 16px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-image) { |
|
||||
width: 64px; |
|
||||
height: 64px; |
|
||||
img { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
object-fit: contain; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.ns-detail-html { |
|
||||
:deep(table) { |
|
||||
border-top: 1px solid #ffffff; |
|
||||
border-left: 1px solid #ffffff; |
|
||||
|
|
||||
:deep(p) { |
|
||||
font-size: 12px; |
|
||||
color: #898e91; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(th) { |
|
||||
border-right: 1px solid #ffffff; |
|
||||
font-size: 13px; |
|
||||
padding-top: 5px; |
|
||||
padding-bottom: 5px; |
|
||||
font-weight: normal; |
|
||||
background: #eff0f2; |
|
||||
} |
|
||||
|
|
||||
:deep(td) { |
|
||||
border-top: 1px solid #ffffff; |
|
||||
border-right: 1px solid #ffffff; |
|
||||
padding-top: 5px; |
|
||||
padding-bottom: 5px; |
|
||||
font-size: 12px; |
|
||||
color: #606060; |
|
||||
text-align: center; |
|
||||
|
|
||||
:deep(text) { |
|
||||
border-bottom: 1px solid #ffffff; |
|
||||
} |
|
||||
|
|
||||
background: rgba(240, 242, 245, 0.5); |
|
||||
} |
|
||||
} |
|
||||
@ -1,72 +0,0 @@ |
|||||
.ns-view { |
|
||||
min-height: 100%; |
|
||||
height: 100%; |
|
||||
background: #e5ebf0; |
|
||||
} |
|
||||
|
|
||||
.ns-page-header { |
|
||||
margin-bottom: 0 !important; |
|
||||
padding: 7px 16px !important; |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px; |
|
||||
|
|
||||
.title { |
|
||||
cursor: pointer; |
|
||||
font-size: 18px !important; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
|
|
||||
.text { |
|
||||
margin-left: 6px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-spin-nested-loading) { |
|
||||
min-height: 100%; |
|
||||
height: 100%; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-spin-container) { |
|
||||
min-height: 100%; |
|
||||
height: 100%; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-divider) { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.ns-add-form { |
|
||||
border-top: 16px solid #e5ebf0; |
|
||||
padding: 16px 21px; |
|
||||
background: #fff; |
|
||||
height: calc(100% - 47px) !important; |
|
||||
|
|
||||
.ns-form { |
|
||||
|
|
||||
// 第一个子表单Title距离顶部为0 |
|
||||
:deep(.ns-form-item .ns-form-body .ns-child-form-title) { |
|
||||
padding-top: 0; |
|
||||
} |
|
||||
|
|
||||
&:after { |
|
||||
display: none !important; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ns-child-form-title) { |
|
||||
&:after { |
|
||||
content: ''; |
|
||||
width: 75px; |
|
||||
height: 7px; |
|
||||
display: block; |
|
||||
background: linear-gradient(90deg, @primary-color 0%, #fff 82.67%); |
|
||||
margin-left: 2px; |
|
||||
margin-top: -7px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ns-form.ns-vertical-form) { |
|
||||
padding-top: 16px !important; |
|
||||
} |
|
||||
@ -1,67 +0,0 @@ |
|||||
@font-face { |
|
||||
font-family: 'QuartzMS'; |
|
||||
src: url('/asset/font/QuartzMS.TTF') format('truetype'); |
|
||||
} |
|
||||
|
|
||||
|
|
||||
|
|
||||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-item, |
|
||||
.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu { |
|
||||
color: #fff; |
|
||||
} |
|
||||
|
|
||||
.ant-menu-dark .ant-menu-item, |
|
||||
.ant-menu-dark .ant-menu-item-group-title, |
|
||||
.ant-menu-dark .ant-menu-item>a, |
|
||||
.ant-menu-dark .ant-menu-item>span>a { |
|
||||
color: #fff; |
|
||||
} |
|
||||
|
|
||||
.ant-menu-inline .ant-menu-item, |
|
||||
.ant-menu-inline .ant-menu-submenu-title { |
|
||||
width: 100% !important; |
|
||||
} |
|
||||
|
|
||||
.ns-basic-table .ant-btn:hover { |
|
||||
border-color: transparent !important; |
|
||||
} |
|
||||
|
|
||||
.ns-basic-table .ant-btn-link:hover { |
|
||||
background: none !important; |
|
||||
} |
|
||||
|
|
||||
.ns-richText-ZIndex { |
|
||||
z-index: 1; |
|
||||
} |
|
||||
|
|
||||
.ant-input-number { |
|
||||
width: 100%; //inputNumber组件宽度 |
|
||||
} |
|
||||
|
|
||||
// 详情table样式 |
|
||||
.ns-detail-content { |
|
||||
.ns-table .ns-table-main { |
|
||||
padding: 0; |
|
||||
} |
|
||||
|
|
||||
.ant-spin-nested-loading, |
|
||||
.ns-table, |
|
||||
.ns-table .ns-table-content { |
|
||||
min-height: 0 !important; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.ns-table-title { |
|
||||
text-align: left; |
|
||||
height: 46px; |
|
||||
line-height: 46px; |
|
||||
font-size: 18px; |
|
||||
font-weight: bold; |
|
||||
user-select: text; |
|
||||
padding-left: 16px; |
|
||||
background: #fff; |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
@ -1,28 +0,0 @@ |
|||||
.ns-table-title { |
|
||||
text-align: left; |
|
||||
height: 46px; |
|
||||
line-height: 46px; |
|
||||
font-size: 18px; |
|
||||
font-weight: bold; |
|
||||
user-select: text; |
|
||||
padding-left: 16px; |
|
||||
background: #fff; |
|
||||
width: calc(100% + 32px); |
|
||||
margin-left: -16px; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-tabs-nav) { |
|
||||
margin-left: -16px !important; |
|
||||
margin-bottom: 0; |
|
||||
width: calc(100% + 32px); |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
|
|
||||
.tab-list { |
|
||||
overflow: visible; |
|
||||
} |
|
||||
|
|
||||
.tab-operatorManage { |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
@ -1,2 +0,0 @@ |
|||||
@import "variable"; |
|
||||
@import "global"; |
|
||||
@ -1,2 +0,0 @@ |
|||||
@primary-color: #37abc4; // 全局主色 |
|
||||
@layout-header-hover:#0096c7 |
|
||||
@ -1,41 +0,0 @@ |
|||||
'use strict'; |
|
||||
|
|
||||
import axios from 'axios'; |
|
||||
|
|
||||
// Full config: https://github.com/axios/axios#request-config
|
|
||||
// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
|
|
||||
// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
|
|
||||
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
|
|
||||
|
|
||||
let config = { |
|
||||
// baseURL: process.env.baseURL || process.env.apiUrl || ""
|
|
||||
// timeout: 60 * 1000, // Timeout
|
|
||||
// withCredentials: true, // Check cross-site Access-Control
|
|
||||
}; |
|
||||
|
|
||||
const _axios = axios.create(config); |
|
||||
|
|
||||
_axios.interceptors.request.use( |
|
||||
function (config) { |
|
||||
// Do something before request is sent
|
|
||||
return config; |
|
||||
}, |
|
||||
function (error) { |
|
||||
// Do something with request error
|
|
||||
return Promise.reject(error); |
|
||||
}, |
|
||||
); |
|
||||
|
|
||||
// Add a response interceptor
|
|
||||
_axios.interceptors.response.use( |
|
||||
function (response) { |
|
||||
// Do something with response data
|
|
||||
return response.data; |
|
||||
}, |
|
||||
function (error) { |
|
||||
// Do something with response error
|
|
||||
return Promise.reject(error); |
|
||||
}, |
|
||||
); |
|
||||
|
|
||||
export default _axios; |
|
||||
@ -1,104 +0,0 @@ |
|||||
export let bgColors = ['', '#1BB6B6', '#7E8BF9', '#E89E41']; |
|
||||
export let placeholderList = ['', '发起人', '审批']; |
|
||||
|
|
||||
export let setTypes = [ |
|
||||
{ value: 1, label: '指定成员' }, |
|
||||
{ value: 2, label: '主管' }, |
|
||||
{ value: 4, label: '发起人自选' }, |
|
||||
{ value: 5, label: '发起人自己' }, |
|
||||
{ value: 7, label: '连续多级主管' }, |
|
||||
]; |
|
||||
|
|
||||
export let selectModes = [ |
|
||||
{ value: 1, label: '选一个人' }, |
|
||||
{ value: 2, label: '选多个人' }, |
|
||||
]; |
|
||||
|
|
||||
export let selectRanges = [ |
|
||||
{ value: 1, label: '全公司' }, |
|
||||
{ value: 2, label: '指定成员' }, |
|
||||
{ value: 3, label: '指定角色' }, |
|
||||
]; |
|
||||
|
|
||||
export let optTypes = [ |
|
||||
{ value: '1', label: '小于' }, |
|
||||
{ value: '2', label: '大于' }, |
|
||||
{ value: '3', label: '小于等于' }, |
|
||||
{ value: '4', label: '等于' }, |
|
||||
{ value: '5', label: '大于等于' }, |
|
||||
{ value: '6', label: '介于两个数之间' }, |
|
||||
]; |
|
||||
|
|
||||
export let opt1s = [ |
|
||||
{ value: '<', label: '<' }, |
|
||||
{ value: '≤', label: '≤' }, |
|
||||
]; |
|
||||
|
|
||||
let ruzhi = [ |
|
||||
{ |
|
||||
label: '发起人', |
|
||||
value: 'faqiren', |
|
||||
sort: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '主部门', |
|
||||
value: 'departmentMainUuid', |
|
||||
sort: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '岗位状态', |
|
||||
value: 'personStatus', |
|
||||
sort: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '性别', |
|
||||
value: 'sex', |
|
||||
sort: 4, |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
let lizhi = [ |
|
||||
{ |
|
||||
label: '发起人', |
|
||||
value: 'faqiren', |
|
||||
sort: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '离职类型', |
|
||||
value: 'quitType', |
|
||||
sort: 2, |
|
||||
}, |
|
||||
{ |
|
||||
label: '离职原因', |
|
||||
value: 'quitReason', |
|
||||
sort: 3, |
|
||||
}, |
|
||||
{ |
|
||||
label: '是否需要工作交接人', |
|
||||
value: 'workHandover', |
|
||||
sort: 4, |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
let diaogang = [ |
|
||||
{ |
|
||||
label: '发起人', |
|
||||
value: 'faqiren', |
|
||||
sort: 1, |
|
||||
}, |
|
||||
{ |
|
||||
label: '调入主部门', |
|
||||
value: 'departmentInUuid', |
|
||||
sort: 2, |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
let zhuanzheng = [ |
|
||||
{ |
|
||||
label: '发起人', |
|
||||
value: 'faqiren', |
|
||||
sort: 1, |
|
||||
}, |
|
||||
]; |
|
||||
|
|
||||
export let SelectType = ['', ruzhi, lizhi, zhuanzheng, diaogang]; |
|
||||
@ -1,162 +0,0 @@ |
|||||
import { assign } from 'lodash-es'; |
|
||||
|
|
||||
function All() {} |
|
||||
All.prototype = { |
|
||||
timer: '', |
|
||||
debounce(fn, delay = 500) { |
|
||||
var _this = this; |
|
||||
return function (arg) { |
|
||||
//获取函数的作用域和变量
|
|
||||
let that = this; |
|
||||
let args = arg; |
|
||||
clearTimeout(_this.timer); // 清除定时器
|
|
||||
_this.timer = setTimeout(function () { |
|
||||
fn.call(that, args); |
|
||||
}, delay); |
|
||||
}; |
|
||||
}, |
|
||||
setCookie(val) { |
|
||||
//cookie设置[{key:value}]、获取key、清除['key1','key2']
|
|
||||
for (var i = 0, len = val.length; i < len; i++) { |
|
||||
for (var key in val[i]) { |
|
||||
document.cookie = key + '=' + encodeURIComponent(val[i][key]) + '; path=/'; |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
getCookie(name) { |
|
||||
var strCookie = document.cookie; |
|
||||
var arrCookie = strCookie.split('; '); |
|
||||
for (var i = 0, len = arrCookie.length; i < len; i++) { |
|
||||
var arr = arrCookie[i].split('='); |
|
||||
if (name == arr[0]) { |
|
||||
return decodeURIComponent(arr[1]); |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
clearCookie(name) { |
|
||||
var myDate = new Date(); |
|
||||
myDate.setTime(-1000); //设置时间
|
|
||||
for (var i = 0, len = name.length; i < len; i++) { |
|
||||
document.cookie = '' + name[i] + "=''; path=/; expires=" + myDate.toGMTString(); |
|
||||
} |
|
||||
}, |
|
||||
arrToStr(arr) { |
|
||||
if (arr) { |
|
||||
return arr |
|
||||
.map((item) => { |
|
||||
return item.name; |
|
||||
}) |
|
||||
.toString(); |
|
||||
} |
|
||||
}, |
|
||||
toggleClass(arr, elem, key = 'id') { |
|
||||
return arr.some((item) => { |
|
||||
return item[key] == elem[key]; |
|
||||
}); |
|
||||
}, |
|
||||
toChecked(arr, elem, key = 'id') { |
|
||||
var isIncludes = this.toggleClass(arr, elem, key); |
|
||||
!isIncludes ? arr.push(elem) : this.removeEle(arr, elem, key); |
|
||||
}, |
|
||||
removeEle(arr, elem, key = 'id') { |
|
||||
var includesIndex; |
|
||||
arr.map((item, index) => { |
|
||||
if (item[key] == elem[key]) { |
|
||||
includesIndex = index; |
|
||||
} |
|
||||
}); |
|
||||
arr.splice(includesIndex, 1); |
|
||||
}, |
|
||||
setApproverStr(nodeConfig) { |
|
||||
let multiMode = ['', '依次审批', '会签', '或签']; |
|
||||
let assignee = nodeConfig.assignee; |
|
||||
if (!assignee) return ''; |
|
||||
if (assignee.assigneeType == 1) { |
|
||||
let userName = assignee.assigneeListUser |
|
||||
.map((item) => { |
|
||||
return item.personName; |
|
||||
}) |
|
||||
.join(','); |
|
||||
if (assignee.assigneeListUser.length == 1) return '指定员工' + userName; |
|
||||
return '指定员工' + userName + multiMode[assignee.multiMode]; |
|
||||
} else if (assignee.assigneeType == 2) { |
|
||||
return '所属部门负责人' + multiMode[assignee.multiMode]; |
|
||||
} else if (assignee.assigneeType == 3) { |
|
||||
return '主部门负责人' + multiMode[assignee.multiMode]; |
|
||||
} else if (assignee.assigneeType == 4) { |
|
||||
return '发起人自己'; |
|
||||
} else if (assignee.assigneeType == 5) { |
|
||||
if (assignee.lastLeaderLevel == 1) return '直属上级'; |
|
||||
return `第${assignee.lastLeaderLevel}级直属上级`; |
|
||||
} else if (assignee.assigneeType == 6) { |
|
||||
return `从 主部门负责人 到 发起人向上的第${assignee.lastLeaderLevel}级主链路部门负责人`; |
|
||||
} else if (assignee.assigneeType == 7) { |
|
||||
return `从 主部门负责人 到 组织架构中级别最高的第${assignee.lastLeaderLevel}级主部门负责人`; |
|
||||
} else if (assignee.assigneeType == 8) { |
|
||||
let roleName = assignee.createUserRole |
|
||||
?.map((item) => { |
|
||||
return item.label; |
|
||||
}) |
|
||||
.join(','); |
|
||||
return roleName + multiMode[assignee.multiMode]; |
|
||||
} |
|
||||
}, |
|
||||
dealStr(str, obj) { |
|
||||
let arr = []; |
|
||||
let list = str.split(','); |
|
||||
for (var elem in obj) { |
|
||||
list.map((item) => { |
|
||||
if (item == elem) { |
|
||||
arr.push(obj[elem].value); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
return arr.join('或'); |
|
||||
}, |
|
||||
conditionStr(nodeConfig, index) { |
|
||||
var { conditionGroupList } = nodeConfig.exclusive[index]; |
|
||||
// if (!conditionGroupList) conditionGroupList = [];
|
|
||||
// 做到这里了，继续处理conditionGroupList
|
|
||||
if (!conditionGroupList) { |
|
||||
return index == nodeConfig.exclusive.length - 1 && |
|
||||
nodeConfig.exclusive[0].conditionGroupList?.length != 0 |
|
||||
? '其他条件进入此流程' |
|
||||
: '请设置条件'; |
|
||||
} else { |
|
||||
let str = ''; |
|
||||
let content = []; |
|
||||
for (var i = 0; i < conditionGroupList.length; i++) { |
|
||||
var { conditionInfoList } = conditionGroupList[i]; |
|
||||
if (!conditionInfoList) conditionInfoList = []; |
|
||||
if (conditionInfoList.length) { |
|
||||
let group = conditionInfoList |
|
||||
.map((item) => { |
|
||||
return item.dotDesc; |
|
||||
}) |
|
||||
.join(' 且 '); |
|
||||
if (group) content.push(group); |
|
||||
} |
|
||||
} |
|
||||
str = content.join(' 或 '); |
|
||||
return str ? str : '请设置条件'; |
|
||||
} |
|
||||
}, |
|
||||
copyerStr(nodeConfig) { |
|
||||
console.log(nodeConfig); |
|
||||
if (nodeConfig.nodeUserList.length != 0) { |
|
||||
return this.arrToStr(nodeConfig.nodeUserList); |
|
||||
} else { |
|
||||
if (nodeConfig.ccSelfSelectFlag == 1) { |
|
||||
return '发起人自选'; |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
toggleStrClass(item, key) { |
|
||||
let a = item.zdy1 ? item.zdy1.split(',') : []; |
|
||||
return a.some((item) => { |
|
||||
return item == key; |
|
||||
}); |
|
||||
}, |
|
||||
}; |
|
||||
|
|
||||
export default new All(); |
|
||||
@ -1,14 +0,0 @@ |
|||||
import { getCurrentInstance } from 'vue'; |
|
||||
|
|
||||
export default function useGetGlobalProperties() { |
|
||||
const { |
|
||||
emit, |
|
||||
appContext: { |
|
||||
app: { |
|
||||
config: { globalProperties }, |
|
||||
}, |
|
||||
}, |
|
||||
} = getCurrentInstance(); |
|
||||
|
|
||||
return { ...globalProperties }; |
|
||||
} |
|
||||
@ -1,48 +0,0 @@ |
|||||
<template> |
|
||||
<div ref="FCKEditor" style="z-index: 1"> </div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { defineComponent, ref, inject, watch, onMounted } from 'vue'; |
|
||||
import Editor from 'wangeditor'; |
|
||||
export default defineComponent({ |
|
||||
name: 'FCKEditor', |
|
||||
props: { |
|
||||
value: String, |
|
||||
}, |
|
||||
emit: ['change'], |
|
||||
setup(props, ctx) { |
|
||||
const editor = ref({}); |
|
||||
const components = inject('components'); |
|
||||
const FCKEditor = ref(); |
|
||||
let editorHtml = ref(); |
|
||||
|
|
||||
onMounted(() => { |
|
||||
let editor = new Editor(FCKEditor.value); |
|
||||
editor.config.uploadImgShowBase64 = true; |
|
||||
editor.config.withCredentials = true; |
|
||||
editor.config.onchange = function (html) { |
|
||||
editorHtml.value = html; |
|
||||
ctx.emit('change', editorHtml.value); |
|
||||
}; |
|
||||
editor.create(); |
|
||||
editor.txt.html(props.value); |
|
||||
|
|
||||
watch( |
|
||||
() => props.value, |
|
||||
(val) => { |
|
||||
if (val !== editor.txt.html()) { |
|
||||
editor.txt.html(val); |
|
||||
} |
|
||||
} |
|
||||
); |
|
||||
}); |
|
||||
|
|
||||
return { |
|
||||
editor, |
|
||||
components, |
|
||||
FCKEditor, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
<style lang="less" scoped></style> |
|
||||
@ -1,100 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<div> |
|
||||
<a-upload |
|
||||
v-model:file-list="fileList" |
|
||||
name="file" |
|
||||
action="#" |
|
||||
:headers="headers" |
|
||||
:showUploadList="false" |
|
||||
accept="application/json" |
|
||||
:beforeUpload="beforeUpload" |
|
||||
:customRequest="customRequest"> |
|
||||
<ns-button> |
|
||||
<upload-outlined /> |
|
||||
文件上传 |
|
||||
</ns-button> |
|
||||
<div v-if="file" class="fileName" |
|
||||
><span>{{ file?.name }}</span |
|
||||
><CloseOutlined |
|
||||
style="font-size: 13px; position: relative; top: 2px" |
|
||||
@click="delTags($event)" /> |
|
||||
</div> |
|
||||
</a-upload> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { UploadOutlined, CloseOutlined } from '@ant-design/icons-vue'; |
|
||||
import { defineComponent, ref } from 'vue'; |
|
||||
export default defineComponent({ |
|
||||
components: { |
|
||||
UploadOutlined, |
|
||||
CloseOutlined, |
|
||||
}, |
|
||||
props: { |
|
||||
componentInfo: {}, |
|
||||
}, |
|
||||
emits: ['change'], |
|
||||
setup(props, context) { |
|
||||
const beforeUpload = (file) => { |
|
||||
const name = file.name; |
|
||||
// const reader = new FileReader(); |
|
||||
// reader.readAsText(file, 'UTF-8'); // 以文本格式读取文件 |
|
||||
// reader.onload = function (event) { |
|
||||
// context.emit('change', event.target.result); |
|
||||
// //console.log('--------', event.target.result); // 打印获取到的文件内容 |
|
||||
// }; |
|
||||
}; |
|
||||
const file = ref(); |
|
||||
const delTags = (e) => { |
|
||||
e.stopPropagation(); |
|
||||
file.value = null; |
|
||||
context.emit('change', null); |
|
||||
}; |
|
||||
const customRequest = async (e) => { |
|
||||
file.value = e?.file; |
|
||||
const reader = new FileReader(); |
|
||||
reader.readAsText(e?.file, 'UTF-8'); // 以文本格式读取文件 |
|
||||
reader.onload = function (event) { |
|
||||
context.emit('change', JSON.parse(event.target.result)); |
|
||||
//console.log('--------', event.target.result); // 打印获取到的文件内容 |
|
||||
}; |
|
||||
|
|
||||
// context.emit('change', e); |
|
||||
}; |
|
||||
return { |
|
||||
delTags, |
|
||||
file, |
|
||||
customRequest, |
|
||||
beforeUpload, |
|
||||
headers: { |
|
||||
authorization: 'authorization-text', |
|
||||
}, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less" scoped> |
|
||||
.fileName { |
|
||||
margin-top: 10px; |
|
||||
|
|
||||
padding: 2px 16px 2px 0px; |
|
||||
text-align: center; |
|
||||
justify-content: center; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
|
|
||||
cursor: pointer; |
|
||||
font-size: 14px; |
|
||||
height: 30px; |
|
||||
color: #808d96; |
|
||||
span { |
|
||||
font-size: 14px; |
|
||||
color: @text-color-secondary; |
|
||||
margin-right: 15px; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,372 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<ns-page-header class="ns-page-header"> |
|
||||
<template #title> |
|
||||
<div class="title" @click="onBack()"> |
|
||||
<ns-icon name="left" /> <div class="text">{{ title }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<template #extra> |
|
||||
<!-- <ns-button @click="onBack()">返回</ns-button> --> |
|
||||
<ns-button v-if="status == 5" type="primary" @click="checkReq('pass')">审核通过</ns-button> |
|
||||
<ns-button v-if="status == 5" type="primary" @click="checkReq('reject')">审核驳回</ns-button> |
|
||||
</template> |
|
||||
</ns-page-header> |
|
||||
<Skeleton |
|
||||
active |
|
||||
v-for="(detailGroup, index) in getDetail" |
|
||||
:key="index" |
|
||||
:loading="loading" |
|
||||
:paragraph="detailGroup.SkeletonParagraphProps" |
|
||||
:title="SkeletonTitleProps"> |
|
||||
<div class="ns-detail"> |
|
||||
<a-descriptions :title="detailGroup.title"> |
|
||||
<a-descriptions-item |
|
||||
v-for="(item, index) in detailGroup.items" |
|
||||
:key="index" |
|
||||
:label="item.label"> |
|
||||
<span v-if="!item.type">{{ item.value || '-' }}</span> |
|
||||
|
|
||||
<ns-view-list-table v-if="item.type === 'nsViewListTable'" v-bind="item.tableConfig" /> |
|
||||
|
|
||||
<a-image |
|
||||
v-if="item.type === 'image' && typeof item.value == 'string'" |
|
||||
:width="100" |
|
||||
:src="item.value.includes('http') ? item.value : `/api/op/objs/ParkPic/${item.value}`" |
|
||||
fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==" /> |
|
||||
|
|
||||
<!-- eslint-disable-next-line vue/no-v-html --> |
|
||||
<div v-if="item.type == 'html'" v-html="formatTable(item.value)"></div> |
|
||||
<a v-if="item.type == 'billImage' && item.value" target="_blank" :href="item.value" |
|
||||
>发票链接 |
|
||||
</a> |
|
||||
|
|
||||
<!-- 多条超链接 --> |
|
||||
<div v-if="item.type == 'hyperlink'"> |
|
||||
<a |
|
||||
v-for="(itemlink, indexlink) in item.value" |
|
||||
:key="indexlink" |
|
||||
:href="itemlink" |
|
||||
target="_blank" |
|
||||
rel="noopener noreferrer"> |
|
||||
{{ `发票链接${indexlink + 1}` }}  |
|
||||
</a> |
|
||||
</div> |
|
||||
|
|
||||
<template v-else-if="item.type == 'status'"> |
|
||||
<span :style="{ color: '#AAAAAA' }" v-if="item.value === 2">已失效</span> |
|
||||
<span :style="{ color: '#AAAAAA' }" v-if="item.value === 1">已核销</span> |
|
||||
<span :style="{ color: '#00AA11' }" v-if="item.value === 0">未核销</span> |
|
||||
</template> |
|
||||
|
|
||||
<div v-if="item.type === 'image' && typeof item.value == 'object'"> |
|
||||
<div |
|
||||
v-for="src in item.value" |
|
||||
:key="src" |
|
||||
style="display: inline-block; margin: 0 5px 5px 0"> |
|
||||
<a-image |
|
||||
:width="100" |
|
||||
:src="src.includes('http') ? src : `/api/op/objs/ParkPic/${src}`" |
|
||||
fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<NsBasicTable |
|
||||
style="width: 100%" |
|
||||
v-if="item.type === 'table'" |
|
||||
:columns="item.columns" |
|
||||
:pagination="false" |
|
||||
:data-source="item.value"> |
|
||||
<template #payMethod="{ record }"> |
|
||||
<span>{{ |
|
||||
record.payMethod !== undefined && record.payMethod !== '' |
|
||||
? channelList[record.payMethod] |
|
||||
: '-' |
|
||||
}}</span> |
|
||||
</template> |
|
||||
<template #payChannel="{ record }"> |
|
||||
<span>{{ |
|
||||
record.payChannel !== undefined && record.payChannel !== '' |
|
||||
? ditchList[record.payChannel] |
|
||||
: '-' |
|
||||
}}</span> |
|
||||
</template> |
|
||||
|
|
||||
<template #status="{ record }"> |
|
||||
<div style="display: flex; align-items: center"> |
|
||||
<div |
|
||||
class="exanStatusIcon" |
|
||||
:style="[{ background: soldStatusColor[record.status] }]"></div> |
|
||||
<span>{{ |
|
||||
record.status !== undefined && record.status !== '' |
|
||||
? soldStatusList[record.status] |
|
||||
: '-' |
|
||||
}}</span> |
|
||||
</div> |
|
||||
</template> |
|
||||
<template #createTime="{ record }"> |
|
||||
<span>{{ moment(record.createTime).format('YYYY-MM-DD') }}</span> |
|
||||
</template> |
|
||||
<template #picture="{ record }"> |
|
||||
<span class="ns-enter-etable-img"> |
|
||||
<a-image |
|
||||
:src=" |
|
||||
record.picture.includes('http') |
|
||||
? record.picture |
|
||||
: '/api/op/objs/ParkPic/' + record.picture |
|
||||
" /> |
|
||||
</span> |
|
||||
</template> |
|
||||
<template #operation="{ record }"> |
|
||||
<a @click="toRenew(record)">续费</a> |
|
||||
</template> |
|
||||
<template #time="{ record }"> |
|
||||
<span>{{ record.startTime + '~' + record.endTime }}</span> |
|
||||
</template> |
|
||||
</NsBasicTable> |
|
||||
</a-descriptions-item> |
|
||||
</a-descriptions> |
|
||||
</div> |
|
||||
</Skeleton> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts"> |
|
||||
import moment from 'moment'; |
|
||||
import { computed, defineComponent, ref, watch, PropType, createVNode } from 'vue'; |
|
||||
import { http } from '/nerv-lib/util/http'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
import { get } from 'lodash-es'; |
|
||||
import { Skeleton } from 'ant-design-vue'; |
|
||||
import { NsModal } from '/nerv-lib/component/modal'; |
|
||||
import { NsMessage } from '/nerv-lib/component/message'; |
|
||||
|
|
||||
export interface DetailItem { |
|
||||
label: string; |
|
||||
name: string; |
|
||||
value?: string; |
|
||||
format?: Function; |
|
||||
type?: string; // 现支持image |
|
||||
} |
|
||||
|
|
||||
export interface DetailGroup { |
|
||||
title: string; |
|
||||
items: Array<DetailItem>; |
|
||||
} |
|
||||
|
|
||||
export default defineComponent({ |
|
||||
name: 'DetailForAudit', |
|
||||
props: { |
|
||||
detail: { |
|
||||
type: Array as PropType<DetailGroup>, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
api: { |
|
||||
type: String, |
|
||||
}, |
|
||||
checkApi: { |
|
||||
type: String, |
|
||||
}, |
|
||||
enumType: { |
|
||||
type: Array, |
|
||||
}, |
|
||||
title: { |
|
||||
type: String, |
|
||||
default: '查看', |
|
||||
}, |
|
||||
formLayout: { |
|
||||
type: String, |
|
||||
default: '', |
|
||||
}, |
|
||||
}, |
|
||||
components: { Skeleton }, |
|
||||
setup(props) { |
|
||||
const SkeletonTitleProps = ref({ |
|
||||
width: 150, |
|
||||
}); |
|
||||
const router = useRouter(); |
|
||||
const status = ref(); |
|
||||
const { query } = router.currentRoute.value; |
|
||||
status.value = query.status; |
|
||||
// const check = query.status == 5 ? true : false; |
|
||||
const dataRef = ref([]); |
|
||||
const textTitle = props.title?.slice(2); |
|
||||
const checkReq = (type) => { |
|
||||
const text = { |
|
||||
pass: { |
|
||||
title: '审核通过', |
|
||||
content: `审核通过后将发布${textTitle}`, |
|
||||
value: 1, |
|
||||
}, |
|
||||
reject: { |
|
||||
title: '审核驳回', |
|
||||
content: `确认驳回该${textTitle}发布内容？`, |
|
||||
value: 0, |
|
||||
}, |
|
||||
}; |
|
||||
NsModal.confirm({ |
|
||||
title: createVNode('div', { style: 'font-weight:600;font-size: 16px' }, text[type].title), |
|
||||
content: createVNode('div', { style: 'font-size: 14px' }, text[type].content), |
|
||||
// icon: createVNode(ExclamationCircleOutlined), |
|
||||
okText: '确认', |
|
||||
cancelText: '取消', |
|
||||
onOk() { |
|
||||
req(text[type].value); |
|
||||
}, |
|
||||
onCancel() {}, |
|
||||
}); |
|
||||
}; |
|
||||
const req = (val) => { |
|
||||
const data = { |
|
||||
...query, |
|
||||
approvalStatus: val, |
|
||||
status: props.enumType[val], |
|
||||
}; |
|
||||
http.post(props.checkApi, data).then((res) => { |
|
||||
NsMessage.success('操作成功', 1, () => { |
|
||||
router.back(); |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
const formatTable = (a) => { |
|
||||
if (a) { |
|
||||
// content = content.replace(/<br[^>]*\/>/gi, ''); |
|
||||
a = a.replace(/<th[^<>]*>/gi, '<th style="background-color:#F0F3F4;padding:5px 5px">'); |
|
||||
a = a.replace(/<td[^<>]*>/gi, '<td style="padding:5px 5px">'); |
|
||||
a = a.replace( |
|
||||
/<table[^>]*>/gi, |
|
||||
'<table cellpadding="0" cellspacing="0" max-width="100%" border="1" style=" text-align:center;border: 1px solid #ccc;"', |
|
||||
); |
|
||||
return a; |
|
||||
} else { |
|
||||
return null; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
let loading = ref<boolean>(true); |
|
||||
function request() { |
|
||||
http.get(props.api, query).then((res) => { |
|
||||
dataRef.value = res.data; |
|
||||
// console.log(dataRef.value); |
|
||||
|
|
||||
let info = { carNumber: '', carOwnerName: '', carOwnerPhone: '' }; |
|
||||
info.carNumber = res.data.carNumber; |
|
||||
info.carOwnerName = res.data.carOwnerName; |
|
||||
info.carOwnerPhone = res.data.carOwnerPhone; |
|
||||
window.sessionStorage.setItem('carInfo', JSON.stringify(info)); |
|
||||
loading.value = false; |
|
||||
}); |
|
||||
} |
|
||||
const toRenew = (item) => { |
|
||||
// console.log(item); |
|
||||
router.push(`/monthly/car/add?uuid=renew`); |
|
||||
}; |
|
||||
|
|
||||
const getDetail = computed(() => { |
|
||||
const { detail } = props; |
|
||||
if (dataRef.value) { |
|
||||
return (detail as Array<DetailGroup>).map((group: DetailGroup) => { |
|
||||
const pushWidth = []; |
|
||||
for (let index = 0; index < group.items.length; index++) { |
|
||||
pushWidth.push(200); |
|
||||
} |
|
||||
return { |
|
||||
title: group.title, |
|
||||
items: group.items.map((item) => { |
|
||||
item.value = get(dataRef.value, item.name); |
|
||||
if (item.format) { |
|
||||
item.value = item.format(item.value, dataRef.value); |
|
||||
} |
|
||||
return item; |
|
||||
}), |
|
||||
SkeletonParagraphProps: { |
|
||||
rows: group.items.length, |
|
||||
width: pushWidth, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
} |
|
||||
return []; |
|
||||
}); |
|
||||
return { |
|
||||
soldStatusList: ['已失效', '生效中', '待生效'], |
|
||||
soldStatusColor: ['#4EC8EE', '#43BB79', '#BFBFBF'], |
|
||||
carTypeList: ['非新能源车', '新能源车'], |
|
||||
channelList: ['微信', '支付宝', '银联', '现金'], |
|
||||
ditchList: ['平台', '小程序'], |
|
||||
request, |
|
||||
getDetail, |
|
||||
toRenew, |
|
||||
moment, |
|
||||
loading, |
|
||||
SkeletonTitleProps, |
|
||||
formatTable, |
|
||||
checkReq, |
|
||||
status, |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
this.request(); |
|
||||
}, |
|
||||
methods: { |
|
||||
onBack() { |
|
||||
this.$router.back(); |
|
||||
}, |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less" scoped> |
|
||||
:deep(.ant-skeleton-paragraph) { |
|
||||
display: inline; |
|
||||
// display: flex; |
|
||||
// flex-wrap: wrap; |
|
||||
} |
|
||||
:deep(.ant-skeleton-paragraph li:nth-child(n)) { |
|
||||
float: left; |
|
||||
display: inline; |
|
||||
margin-right: 130px; |
|
||||
margin-top: 16px; |
|
||||
margin-bottom: 4px; |
|
||||
} |
|
||||
:deep(.ant-skeleton-paragraph li:nth-child(3n + 1)) { |
|
||||
clear: both; |
|
||||
display: inline; |
|
||||
} |
|
||||
:deep(.ant-skeleton-content) { |
|
||||
padding: 0 24px; |
|
||||
} |
|
||||
.ns-detail { |
|
||||
padding: 16px 24px; |
|
||||
} |
|
||||
.exanStatusIcon { |
|
||||
height: 8px; |
|
||||
width: 8px; |
|
||||
border-radius: 50%; |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
|
|
||||
:deep(.ns-enter-etable-img) { |
|
||||
.upload-img-box { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
.ant-image { |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
} |
|
||||
img { |
|
||||
max-width: 50px; |
|
||||
max-height: 50px; |
|
||||
cursor: pointer; |
|
||||
width: unset; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-table-wrapper) { |
|
||||
width: 78vw; |
|
||||
} |
|
||||
.ns-page-header { |
|
||||
border-bottom: 16px solid #e5ebf0 !important; |
|
||||
} |
|
||||
@import '/@/theme/form.less'; |
|
||||
</style> |
|
||||
@ -1,628 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<div> |
|
||||
<div v-show="false">{{ getDetail }}</div> |
|
||||
|
|
||||
<!-- <Editor v-model="jsonStr" height="400" /> --> |
|
||||
<a-table |
|
||||
:columns="isDisable ? columns.slice(0, columns.length - 1) : columns" |
|
||||
:data-source="dataSource" |
|
||||
align="center" |
|
||||
:pagination="false" |
|
||||
rowKey="paramKey"> |
|
||||
<template #headerCell="{ column }"> |
|
||||
<template v-if="column.required"> |
|
||||
<div class="mainColum">{{ column.title }}</div> |
|
||||
</template> |
|
||||
</template> |
|
||||
|
|
||||
<template |
|
||||
v-for="col in columns.slice(0, columns.length - 1)" |
|
||||
#[col.dataIndex]="{ record }" |
|
||||
:key="col.dataIndex"> |
|
||||
<a-form-item |
|
||||
v-if="col.verification && !isDisable" |
|
||||
:validate-status="col.validator(record)" |
|
||||
:help="col.validator(record, col) === 'error' ? '' : ''" |
|
||||
style="width: 150px"> |
|
||||
<a-tooltip> |
|
||||
<template v-if="col.validator(record, col) === 'error'" #title>{{ |
|
||||
col.errorTitle |
|
||||
}}</template> |
|
||||
<component |
|
||||
style="min-width: 120px; width: 130px" |
|
||||
v-model:value="record[col.dataIndex]" |
|
||||
:is="col.component" |
|
||||
:disabled="dealDisabled(col, record)" |
|
||||
v-bind="col.formProps" /> |
|
||||
</a-tooltip> |
|
||||
</a-form-item> |
|
||||
|
|
||||
<a-form-item v-else style="width: 100px"> |
|
||||
<component |
|
||||
style="max-width: 100px" |
|
||||
v-model:value="record[col.dataIndex]" |
|
||||
:is="col.component" |
|
||||
:disabled="dealDisabled(col, record)" |
|
||||
v-bind="dealFormProps(col, record)" /> |
|
||||
</a-form-item> |
|
||||
</template> |
|
||||
<template #action="{ index, record }" v-if="!isDisable"> |
|
||||
<div style="min-width: 120px"> |
|
||||
<a style="cursor: pointer" v-if="record.type === 'object'||record.isProperty" @click="remove(index, record)">移除</a> |
|
||||
<a |
|
||||
style="cursor: pointer; margin-left: 12px" |
|
||||
v-if="dealAddProperty(record)" |
|
||||
@click="addProperty(index, record)" |
|
||||
>添加子属性</a |
|
||||
> |
|
||||
</div> |
|
||||
</template> |
|
||||
<!-- <template #footer v-if="!isDisable"> |
|
||||
<span style="cursor: pointer" @click="add"> 添加</span> |
|
||||
</template> --> |
|
||||
</a-table> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script lang="ts"> |
|
||||
import { defineComponent, ref, inject, watch, computed } from 'vue'; |
|
||||
import { |
|
||||
Table as ATable, |
|
||||
Input as AInput, |
|
||||
Select as ASelect, |
|
||||
Textarea as ATextarea, |
|
||||
} from 'ant-design-vue'; |
|
||||
export default defineComponent({ |
|
||||
name: 'NsEditTable', |
|
||||
props: { |
|
||||
value: {}, |
|
||||
initColumns: { |
|
||||
type: Array, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
initDataSource: { |
|
||||
type: Array, |
|
||||
default: () => [], |
|
||||
}, |
|
||||
isDisable: { |
|
||||
type: Boolean, |
|
||||
default: false, |
|
||||
}, |
|
||||
|
|
||||
initData: { |
|
||||
type: Array, |
|
||||
default: () => <object>[], |
|
||||
}, |
|
||||
}, |
|
||||
components: { ATable, AInput, ASelect, ATextarea }, |
|
||||
emits: ['change'], |
|
||||
setup(props) { |
|
||||
//const columns = ref<object>([]); |
|
||||
const initItem = ref({ |
|
||||
name: null, |
|
||||
type: 'string', |
|
||||
defaultValue: '', |
|
||||
parameterType: '', |
|
||||
description: '', |
|
||||
}); |
|
||||
const columns = ref([ |
|
||||
{ |
|
||||
title: '参数名', |
|
||||
dataIndex: 'name', |
|
||||
slots: { customRender: 'name' }, |
|
||||
verification: true, |
|
||||
required: true, |
|
||||
validator: (record) => { |
|
||||
if (!/^[a-zA-Z0-9][a-zA-Z0-9_-]{0,63}$/.test(record.name)) { |
|
||||
return 'error'; |
|
||||
} else { |
|
||||
return 'success'; |
|
||||
} |
|
||||
}, |
|
||||
errorTitle: |
|
||||
'只能包含字母，数字，短横线(-)和下划线(_)，且必须由大小字母或数字开头。长度限制在1-64字符之间', |
|
||||
component: 'AInput', |
|
||||
}, |
|
||||
{ |
|
||||
title: '类型', |
|
||||
dataIndex: 'type', |
|
||||
slots: { customRender: 'type' }, |
|
||||
component: 'ASelect', |
|
||||
formProps: { |
|
||||
placeholder: '请选择', |
|
||||
options: [ |
|
||||
{ value: 'string', label: 'string' }, |
|
||||
{ value: 'number', label: 'number' }, |
|
||||
{ value: 'array', label: 'array' }, |
|
||||
{ value: 'object', label: 'object' }, |
|
||||
{ value: 'Boolean', label: 'Boolean' }, |
|
||||
{ value: 'integer', label: 'integer' }, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
// { |
|
||||
// title: '是否必填', |
|
||||
// dataIndex: 'required', |
|
||||
// slots: { customRender: 'required' }, |
|
||||
// component: 'ASelect', |
|
||||
// formProps: { |
|
||||
// options: [ |
|
||||
// { value: true, label: '是' }, |
|
||||
// { value: false, label: '否' }, |
|
||||
// ], |
|
||||
// }, |
|
||||
// }, |
|
||||
{ |
|
||||
title: '默认值', |
|
||||
dataIndex: 'defaultValue', |
|
||||
slots: { customRender: 'defaultValue' }, |
|
||||
component: 'AInput', |
|
||||
verification: true, |
|
||||
validator: (record) => { |
|
||||
return 'success'; |
|
||||
// if (record.defaultValue !== '') { |
|
||||
// if (record.defaultValue.length <= 255) { |
|
||||
// switch (record.type) { |
|
||||
// case 'String': |
|
||||
// break; |
|
||||
// case 'Int': |
|
||||
// if (isNaN(Number(record.defaultValue))) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// if (Number(record.defaultValue) % 1 !== 0) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// let arr = record.defaultValue.split('.'); |
|
||||
// if (arr.length > 1) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// return 'success'; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Boolean': |
|
||||
// if (record.defaultValue !== 'true' && record.defaultValue !== 'false') { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// return 'success'; |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Long': |
|
||||
// if (isNaN(Number(record.defaultValue))) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// if (Number(record.defaultValue) % 1 !== 0) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// let arr = record.defaultValue.split('.'); |
|
||||
// if (arr.length > 1) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// return 'success'; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Float': |
|
||||
// if (isNaN(Number(record.defaultValue))) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// if (Number(record.defaultValue) % 1 === 0) { |
|
||||
// let arr = record.defaultValue.split('.'); |
|
||||
// if (arr.length > 1 && arr[1].indexOf('0') !== -1) { |
|
||||
// return 'success'; |
|
||||
// } else { |
|
||||
// return 'error'; |
|
||||
// } |
|
||||
// } else { |
|
||||
// return 'success'; |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Double': |
|
||||
// if (isNaN(Number(record.defaultValue))) { |
|
||||
// return 'error'; |
|
||||
// } else { |
|
||||
// // console.log(Float32Array(record.defaultValue)); |
|
||||
// if (Number(record.defaultValue) % 1 === 0) { |
|
||||
// let arr = record.defaultValue.split('.'); |
|
||||
// if (arr.length > 1 && arr[1].indexOf('0') !== -1) { |
|
||||
// return 'success'; |
|
||||
// } else { |
|
||||
// return 'error'; |
|
||||
// } |
|
||||
// } else { |
|
||||
// return 'success'; |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// } |
|
||||
// } else { |
|
||||
// return 'error'; |
|
||||
// } |
|
||||
// } |
|
||||
}, |
|
||||
errorTitle: '默认值类型与所选类型保持一致,长度不得超过255位', |
|
||||
formProps: {}, |
|
||||
}, |
|
||||
{ |
|
||||
title: '描述', |
|
||||
dataIndex: 'description', |
|
||||
slots: { customRender: 'description' }, |
|
||||
component: 'ATextarea', |
|
||||
formProps: { |
|
||||
showCount: true, |
|
||||
maxlength: 255, |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
title: '操作', |
|
||||
dataIndex: 'action', |
|
||||
slots: { customRender: 'action' }, |
|
||||
}, |
|
||||
]); |
|
||||
|
|
||||
const dataSource = ref<object[]>([ |
|
||||
{ |
|
||||
paramKey: 'key', |
|
||||
name: 'root', |
|
||||
isDisable: true, |
|
||||
type: 'string', |
|
||||
defaultValue: '', |
|
||||
description: '', |
|
||||
}, |
|
||||
]); |
|
||||
const addProperty = (index, record) => { |
|
||||
let info = JSON.parse(JSON.stringify(initItem.value)); |
|
||||
info.isProperty=true |
|
||||
// info.position = 'Body'; |
|
||||
if (record?.children) { |
|
||||
info.paramKey = `${record.paramKey}-${record.children.length}`; |
|
||||
// info.isDisable = true; |
|
||||
record.children.push(info); |
|
||||
} else { |
|
||||
info.paramKey = `${record.paramKey}-0`; |
|
||||
// info.isDisable = true; |
|
||||
record.children = [info]; |
|
||||
} |
|
||||
}; |
|
||||
const dealFormProps = (col, record) => { |
|
||||
return col.formProps; |
|
||||
// if (record.position === 'Body' && col.dataIndex === 'type') { |
|
||||
// let options = JSON.parse(JSON.stringify(col.formProps.options)); |
|
||||
// options.push({ value: 'Object', label: 'Object' }); |
|
||||
// return { |
|
||||
// placeholder: '请选择', |
|
||||
// options: options, |
|
||||
// }; |
|
||||
// } else { |
|
||||
// return col.formProps; |
|
||||
// } |
|
||||
}; |
|
||||
const dealAddProperty = (record) => { |
|
||||
if (!['object', 'array'].includes(record.type) && record.children) { |
|
||||
delete record['children']; |
|
||||
} |
|
||||
if (['object', 'array'].includes(record.type)) { |
|
||||
record.defaultValue = ''; |
|
||||
} |
|
||||
if (record.type === 'array' && !record.children) { |
|
||||
let info = JSON.parse(JSON.stringify(initItem.value)); |
|
||||
info.paramKey = `${record.paramKey}-0`; |
|
||||
info.name = 'items'; |
|
||||
info.isDisable = true; |
|
||||
record.children = [info]; |
|
||||
} |
|
||||
return record.type === 'object'; |
|
||||
}; |
|
||||
const dealDisabled = (col, record) => { |
|
||||
if (col.dataIndex === 'name' && record.isDisable) { |
|
||||
return true; |
|
||||
} |
|
||||
if (col.dataIndex === 'defaultValue' && ['array', 'object'].includes(record.type)) { |
|
||||
return true; |
|
||||
} |
|
||||
// return record.paramKey?.includes('-') && col.dataIndex === 'position'; |
|
||||
}; |
|
||||
if (props.initData && props.initData.length) { |
|
||||
dataSource.value = props.initData as object[]; |
|
||||
} |
|
||||
|
|
||||
const rule = { |
|
||||
required: true, |
|
||||
message: '请选择请求方法', |
|
||||
trigger: 'onchange', |
|
||||
}; |
|
||||
const getDetail = computed(() => { |
|
||||
const { value } = props; |
|
||||
if (value !== undefined && value) { |
|
||||
// dataSource.value = JSON.parse(value); |
|
||||
} |
|
||||
return value; |
|
||||
}); |
|
||||
const add = () => { |
|
||||
let info = JSON.parse(JSON.stringify(initItem.value)); |
|
||||
info.paramKey = dataSource.value.length + ''; |
|
||||
if (dataSource.value.length === 0 || dataSource.value[dataSource.value.length - 1].code) { |
|
||||
dataSource.value.push(info); |
|
||||
} else { |
|
||||
let ischeck = true; |
|
||||
dataSource.value.forEach((item) => { |
|
||||
console.log(item); |
|
||||
if (Object.keys(item).includes('name')) { |
|
||||
if (!/^[a-zA-Z0-9][a-zA-Z0-9_-]{0,63}$/.test(item.name)) { |
|
||||
ischeck = false; |
|
||||
} else { |
|
||||
if (item.name === null) { |
|
||||
ischeck = false; |
|
||||
item.name = ''; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// if (Object.keys(item).includes('defaultValue')) { |
|
||||
// if (item.defaultValue !== '') { |
|
||||
// if (item.defaultValue.length <= 255) { |
|
||||
// switch (item.type) { |
|
||||
// case 'String': |
|
||||
// break; |
|
||||
// case 'Int': |
|
||||
// if (isNaN(Number(item.defaultValue))) { |
|
||||
// ischeck = false; |
|
||||
// } else { |
|
||||
// if (Number(item.defaultValue) % 1 !== 0) { |
|
||||
// ischeck = false; |
|
||||
// } else { |
|
||||
// let arr = item.defaultValue.split('.'); |
|
||||
// if (arr.length > 1) { |
|
||||
// ischeck = false; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Boolean': |
|
||||
// if (item.defaultValue !== 'true' && item.defaultValue !== 'false') { |
|
||||
// ischeck = false; |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Long': |
|
||||
// if (isNaN(Number(item.defaultValue))) { |
|
||||
// ischeck = false; |
|
||||
// } else { |
|
||||
// if (Number(item.defaultValue) % 1 !== 0) { |
|
||||
// ischeck = false; |
|
||||
// } else { |
|
||||
// let arr = item.defaultValue.split('.'); |
|
||||
// if (arr.length > 1) { |
|
||||
// ischeck = false; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Float': |
|
||||
// if (isNaN(Number(item.defaultValue))) { |
|
||||
// ischeck = false; |
|
||||
// } else { |
|
||||
// if (Number(item.defaultValue) % 1 === 0) { |
|
||||
// let arr = item.defaultValue.split('.'); |
|
||||
// if (arr.length > 1 && arr[1].indexOf('0') !== -1) { |
|
||||
// } else { |
|
||||
// ischeck = false; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// case 'Double': |
|
||||
// if (isNaN(Number(item.defaultValue))) { |
|
||||
// ischeck = false; |
|
||||
// } else { |
|
||||
// if (Number(item.defaultValue) % 1 === 0) { |
|
||||
// let arr = item.defaultValue.split('.'); |
|
||||
// if (arr.length > 1 && arr[1].indexOf('0') !== -1) { |
|
||||
// } else { |
|
||||
// ischeck = false; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
// break; |
|
||||
// } |
|
||||
// } else { |
|
||||
// ischeck = false; |
|
||||
// } |
|
||||
// } |
|
||||
// } |
|
||||
}); |
|
||||
if (ischeck) { |
|
||||
dataSource.value.push(info); |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
const removeData = (list, key) => { |
|
||||
list.some((el, i) => { |
|
||||
if (el.paramKey === key) { |
|
||||
list.splice(i, 1); |
|
||||
return true; |
|
||||
} |
|
||||
if (el['children']) { |
|
||||
removeData(el['children'], key); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
const remove = (i: number, record: { paramKey: string }) => { |
|
||||
removeData(dataSource.value, record.paramKey); |
|
||||
}; |
|
||||
const mockJson = ref({}); |
|
||||
const dealSchema = () => { |
|
||||
const info = dataSource.value[0]; |
|
||||
let schema = { |
|
||||
type: info.type, |
|
||||
title: info.name, |
|
||||
}; |
|
||||
if (info.defaultValue) schema['mock'] = { mock: info.defaultValue }; |
|
||||
if (info.description) schema['description'] = info.description; |
|
||||
if (info.type === 'array') { |
|
||||
schema.items = {}; |
|
||||
dealChildrenSchemaInfo(info, schema); |
|
||||
|
|
||||
// if (schemaInfo.children && schemaInfo.children.length) { |
|
||||
// schemaInfo.children.forEach((item) => { |
|
||||
// let childrenSchema = { |
|
||||
// type: item.type, |
|
||||
// title: item.name, |
|
||||
// }; |
|
||||
// if (item.defaultValue) childrenSchema['mock'] = { mock: item.defaultValue }; |
|
||||
// if (item.description) childrenSchema['description'] = item.description; |
|
||||
// if (item.type === 'array') { |
|
||||
// childrenSchema.items = { |
|
||||
// type: 'array', |
|
||||
// }; |
|
||||
// dealSchema(item, childrenSchema.items); |
|
||||
// } |
|
||||
// if (item.type === 'object') { |
|
||||
// childrenSchema.properties = {}; |
|
||||
// dealSchema(item, childrenSchema.properties); |
|
||||
// } |
|
||||
// schema.items = childrenSchema; |
|
||||
// }); |
|
||||
// } |
|
||||
} |
|
||||
if(info.type==='object'){ |
|
||||
schema.properties={} |
|
||||
dealSchemaObject(info,schema.properties) |
|
||||
} |
|
||||
// if (info.type === 'object') { |
|
||||
// fSchemaInfo[schemaInfo.name] = schema; |
|
||||
// schema.properties = {}; |
|
||||
// if (schemaInfo.children && schemaInfo.children.length) { |
|
||||
// schemaInfo.children.forEach((item) => { |
|
||||
// let childrenSchema = { |
|
||||
// type: item.type, |
|
||||
// title: item.name, |
|
||||
// }; |
|
||||
// if (item.defaultValue) childrenSchema['mock'] = { mock: item.defaultValue }; |
|
||||
// if (item.description) childrenSchema['description'] = item.description; |
|
||||
// if (item.type === 'object') { |
|
||||
// childrenSchema.properties = {}; |
|
||||
// dealSchema(item, childrenSchema.properties); |
|
||||
// } |
|
||||
// schema.properties[item.name] = childrenSchema; |
|
||||
// }); |
|
||||
// } |
|
||||
// } |
|
||||
|
|
||||
mockJson.value = schema; |
|
||||
}; |
|
||||
const dealSchemaObject = (schemaInfo, schema) => { |
|
||||
// debugger |
|
||||
if (schemaInfo.children && schemaInfo.children.length) { |
|
||||
schemaInfo.children?.forEach((item) => { |
|
||||
let info = { |
|
||||
type: item.type, |
|
||||
}; |
|
||||
if (item.defaultValue) info['mock'] = { mock: item.defaultValue }; |
|
||||
if (item.description) info['description'] = item.description; |
|
||||
if (item.type === 'array') { |
|
||||
schema[item.name] = info; |
|
||||
dealChildrenSchemaInfo(item, info); |
|
||||
} |
|
||||
if (item.type == 'object') { |
|
||||
info.properties= {} |
|
||||
schema[item.name] = info; |
|
||||
dealSchemaObject(item, info); |
|
||||
} |
|
||||
if (!['array', 'object'].includes(item.type)) { |
|
||||
schema[item.name] = info; |
|
||||
} |
|
||||
}); |
|
||||
} else { |
|
||||
schema[schemaInfo.name] = { type: schemaInfo.type }; |
|
||||
} |
|
||||
}; |
|
||||
const dealChildrenSchemaInfo = (schemaInfo, schema) => { |
|
||||
if (schemaInfo.children && schemaInfo.children.length) { |
|
||||
schemaInfo.children?.forEach((item) => { |
|
||||
let info = { |
|
||||
type: item.type, |
|
||||
}; |
|
||||
if (item.defaultValue) info['mock'] = { mock: item.defaultValue }; |
|
||||
if (item.description) info['description'] = item.description; |
|
||||
if (item.type === 'array') { |
|
||||
dealChildrenSchemaInfo(item, info); |
|
||||
schema.items = info; |
|
||||
} |
|
||||
if (item.type == 'object') { |
|
||||
info.properties={} |
|
||||
dealSchemaObject(item,info.properties) |
|
||||
schema.items = info; |
|
||||
} |
|
||||
if (!['array', 'object'].includes(item.type)) { |
|
||||
schema.items = info; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
}); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
dealSchema, |
|
||||
getDetail, |
|
||||
dealDisabled, |
|
||||
dealFormProps, |
|
||||
rule, |
|
||||
dealAddProperty, |
|
||||
addProperty, |
|
||||
remove, |
|
||||
add, |
|
||||
dataSource, |
|
||||
columns, |
|
||||
mockJson, |
|
||||
}; |
|
||||
}, |
|
||||
watch: { |
|
||||
dataSource: { |
|
||||
handler(val) { |
|
||||
this.dealSchema(); |
|
||||
this.$emit('change', JSON.stringify(this.mockJson)); |
|
||||
}, |
|
||||
deep: true, |
|
||||
}, |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less" scoped> |
|
||||
:deep(.ant-table-row-indent + .ant-table-row-expand-icon) { |
|
||||
margin-top: 0px !important; |
|
||||
} |
|
||||
:deep( |
|
||||
.ant-table-thead |
|
||||
> tr |
|
||||
> th:not(:last-child):not(.ant-table-selection-column):not( |
|
||||
.ant-table-row-expand-icon-cell |
|
||||
):not([colspan])::before |
|
||||
) { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.mainColum { |
|
||||
&::before { |
|
||||
display: inline-block; |
|
||||
margin-right: 4 px; |
|
||||
color: #ff4d4f; |
|
||||
font-size: 12px; |
|
||||
font-family: SimSun, sans-serif; |
|
||||
line-height: 1; |
|
||||
content: '*'; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
:deep(.ant-form-item-explain.ant-form-item-explain-error) { |
|
||||
display: flex; |
|
||||
min-width: 130px !important; |
|
||||
width: 140px !important; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,252 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<!-- <div><editTable /> </div> --> |
|
||||
<div style="height: 100%"> |
|
||||
<a-layout style="height: 100%"> |
|
||||
<a-layout-header class="home_header" style="position: relative"> |
|
||||
<ns-icon name="login" size="100" style="width: 220px" /> |
|
||||
</a-layout-header> |
|
||||
<a-layout-content class="center-content"> |
|
||||
<div class="lg_card"> |
|
||||
<h1 class="lg_card_title">账号登录</h1> |
|
||||
<p v-show="!errorShow" style="height: 22px"></p> |
|
||||
<p v-show="errorShow" class="lg_card_error">{{ errorMsg }}</p> |
|
||||
<a-input |
|
||||
placeholder="登录账号" |
|
||||
v-model:value="userName" |
|
||||
style="height: 48px; margin-bottom: 20px"> |
|
||||
<template #prefix> |
|
||||
<ns-icon name="userName" size="25" style="margin-right: 5px" /> |
|
||||
</template> |
|
||||
</a-input> |
|
||||
<a-input-password placeholder="登录密码" v-model:value="password" style="height: 48px"> |
|
||||
<template #prefix> |
|
||||
<ns-icon name="passWord" size="25" style="margin-right: 5px" /> |
|
||||
</template> |
|
||||
</a-input-password> |
|
||||
<a-button |
|
||||
@click="submit" |
|
||||
:loading="loading" |
|
||||
type="primary" |
|
||||
style="margin-top: 30px; width: 100%; height: 53px" |
|
||||
>登录</a-button |
|
||||
> |
|
||||
</div> |
|
||||
</a-layout-content> |
|
||||
<a-layout-footer>Copyright 2021 xu科技 All Rights Reserved</a-layout-footer> |
|
||||
</a-layout> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts"> |
|
||||
import { defineComponent, ref } from 'vue'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
import editTable from './components/edit-table.vue'; |
|
||||
import { appConfigStore } from '/nerv-lib/saas/store/modules/app-config'; |
|
||||
import { authorizationService } from '/nerv-base/store/modules/authorization-service'; |
|
||||
import Cookies from 'js-cookie'; |
|
||||
export default defineComponent({ |
|
||||
name: 'UserLogin', |
|
||||
components: { editTable }, |
|
||||
setup() { |
|
||||
const url = ref('/asset/image/login/background.png'); |
|
||||
const userName = ref<string>(''); |
|
||||
const password = ref<string>(''); |
|
||||
const logUrl = ref<string>(''); |
|
||||
const bgUrl = ref<string>(''); |
|
||||
const errorMsg = ref<string>(''); |
|
||||
const errorShow = ref<boolean>(false); |
|
||||
const router = useRouter(); |
|
||||
const title = ref<string>(''); |
|
||||
const initUrl = ref(''); |
|
||||
title.value = '账号登录'; |
|
||||
// title.value = appConfig.title ? appConfig.title : '账号登录'; |
|
||||
const loading = ref<boolean>(false); |
|
||||
const configStore = appConfigStore(); |
|
||||
const useAuthorization = authorizationService(); |
|
||||
const submit = (): void => { |
|
||||
if (password.value === '') { |
|
||||
errorMsg.value = '请输入密码'; |
|
||||
errorShow.value = true; |
|
||||
} |
|
||||
if (userName.value === '') { |
|
||||
errorMsg.value = '请输入账号'; |
|
||||
errorShow.value = true; |
|
||||
} |
|
||||
if (userName.value !== '' && password.value !== '') { |
|
||||
errorShow.value = false; |
|
||||
let data = JSON.stringify({ userName: userName.value, password: password.value }); |
|
||||
loading.value = true; |
|
||||
async function logins() { |
|
||||
try { |
|
||||
const res = await configStore.userLogin(JSON.parse(data)); |
|
||||
if (res.success) { |
|
||||
if (res.data?.userToken) { |
|
||||
Cookies.set('nervsid', res.data?.userToken); |
|
||||
} |
|
||||
const info = await configStore.userInfo(); |
|
||||
info.success |
|
||||
? window.sessionStorage.setItem('userInfo', JSON.stringify(info.data)) |
|
||||
: ''; |
|
||||
loading.value = false; |
|
||||
if (configStore.enablePermissions) { |
|
||||
const res = await configStore.userResource(); |
|
||||
initUrl.value = ''; |
|
||||
const dealInitUrl = (item) => { |
|
||||
if (item.type === 'menus' && item.menus && item.menus?.length !== 0) { |
|
||||
dealInitUrl(item.menus[0]); |
|
||||
} else { |
|
||||
// if (item.type === 'noChildrenMenu') { |
|
||||
initUrl.value = configStore.resourceName |
|
||||
? item.code.replace(configStore.resourceName, '') |
|
||||
: item.code; |
|
||||
// } |
|
||||
} |
|
||||
}; |
|
||||
if (configStore.resourceName) { |
|
||||
const initResource = []; |
|
||||
res.data.forEach((item) => { |
|
||||
if (item.code.includes(configStore.resourceName)) { |
|
||||
initResource.push(item); |
|
||||
} |
|
||||
}); |
|
||||
dealInitUrl(initResource[0]); |
|
||||
} else { |
|
||||
dealInitUrl(res.data[0]); |
|
||||
} |
|
||||
// dealInitUrl(res.data[0]); |
|
||||
useAuthorization.updateUserResource(res.data); |
|
||||
const initRouterList = useAuthorization.getInitRouterList; |
|
||||
console.log(initUrl.value); |
|
||||
router.push({ |
|
||||
name: initRouterList.length === 0 ? 'error403' : initUrl.value, |
|
||||
}); |
|
||||
} else { |
|
||||
router.replace({ name: 'root' }); |
|
||||
} |
|
||||
} |
|
||||
} catch (err) { |
|
||||
loading.value = false; |
|
||||
} |
|
||||
} |
|
||||
logins(); |
|
||||
} |
|
||||
}; |
|
||||
const checkoutLogo = (): void => { |
|
||||
logUrl.value = ''; |
|
||||
}; |
|
||||
const checkoutBg = (): void => { |
|
||||
Math.random() > 0.5 |
|
||||
? (url.value = 'src/assetimg/background.jpg') |
|
||||
: (url.value = 'src/assetimg/background.png'); |
|
||||
}; |
|
||||
return { |
|
||||
title, |
|
||||
url, |
|
||||
loading, |
|
||||
userName, |
|
||||
password, |
|
||||
submit, |
|
||||
errorMsg, |
|
||||
bgUrl, |
|
||||
logUrl, |
|
||||
checkoutLogo, |
|
||||
checkoutBg, |
|
||||
errorShow, |
|
||||
}; |
|
||||
}, |
|
||||
created() { |
|
||||
const _this = this; |
|
||||
window.sessionStorage.clear(); |
|
||||
document.onkeydown = function (e) { |
|
||||
const key = window.event === undefined ? e.keyCode : window.event.keyCode; |
|
||||
key === 13 ? _this.submit() : ''; |
|
||||
}; |
|
||||
}, |
|
||||
beforeUnmount() { |
|
||||
document.onkeydown = function (e) {}; |
|
||||
}, |
|
||||
|
|
||||
mounted() { |
|
||||
// if (Cookies.get('nervsid') !== undefined) { |
|
||||
// this.$router.push('/home'); |
|
||||
// } |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less" scoped> |
|
||||
.home_header { |
|
||||
height: 64px !important; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
} |
|
||||
:deep(.center-content) { |
|
||||
background: url('/asset/image/login/background.png') center center no-repeat; |
|
||||
background-size: cover; |
|
||||
|
|
||||
// background-position-y: -120px; |
|
||||
margin: 0; |
|
||||
} |
|
||||
.icon { |
|
||||
color: @primary-color; |
|
||||
// background: #000; |
|
||||
// min-height: 25px; |
|
||||
// min-width: 25px; |
|
||||
// display: flex; |
|
||||
// justify-content: center; |
|
||||
// align-items: center; |
|
||||
// border-radius: 50%; |
|
||||
} |
|
||||
.ant-layout-header { |
|
||||
min-height: 64px; |
|
||||
background: #fff !important; |
|
||||
} |
|
||||
|
|
||||
.ant-layout-content { |
|
||||
height: calc(100vh - 112px); |
|
||||
width: 100%; |
|
||||
min-height: 400px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: flex-end; |
|
||||
} |
|
||||
|
|
||||
.ant-layout-footer { |
|
||||
max-height: 48px; |
|
||||
min-height: 48px; |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
color: #8f8f8f; |
|
||||
padding: 0; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
|
|
||||
.lg_card { |
|
||||
width: 385px; |
|
||||
height: 353px; |
|
||||
background: #fff; |
|
||||
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 0 18px 0 rgb(0 0 0 / 8%); |
|
||||
border-radius: 6px; |
|
||||
margin: 0 30px 0 30px; |
|
||||
padding: 35px; |
|
||||
} |
|
||||
|
|
||||
.lg_card .lg_card_title { |
|
||||
height: 28px; |
|
||||
font-size: 20px; |
|
||||
font-weight: bold; |
|
||||
color: #172e3d; |
|
||||
line-height: 28px; |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
.lg_card_error { |
|
||||
text-align: left; |
|
||||
color: #e4393c; |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,212 +0,0 @@ |
|||||
<template> |
|
||||
<ns-view-add-form |
|
||||
formLayout="vertical" |
|
||||
:schemas="formSchema" |
|
||||
:model="data" |
|
||||
:title="uuid ? '编辑功能测试' : '新增功能测试'" |
|
||||
:api=" |
|
||||
uuid |
|
||||
? '/api/op_com/objs/admin/functionRecordOper/update' |
|
||||
: '/api/op_com/objs/admin/functionRecordOper/add' |
|
||||
" /> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts"> |
|
||||
import { defineComponent, reactive, ref } from 'vue'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
import { http } from '/nerv-lib/util/http'; |
|
||||
|
|
||||
export default defineComponent({ |
|
||||
name: 'FunctionTestReleaseAdd', |
|
||||
setup() { |
|
||||
const router = useRouter(); |
|
||||
const { query } = router.currentRoute.value; |
|
||||
const { uuid } = query; |
|
||||
|
|
||||
let data = ref({ writeGroupUuidList: '' }); |
|
||||
if (uuid) { |
|
||||
http.get('/api/op_com/objs/admin/functionRecordOper/detail', query).then((res) => { |
|
||||
data.value = res.data; |
|
||||
data.value.writeGroupUuidList = res.data.functionWhiteGroupRelationVOList.map((item) => { |
|
||||
return item.whiteGroupUuid; |
|
||||
}); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
const formSchema = reactive([ |
|
||||
{ |
|
||||
field: 'uuid', |
|
||||
show: false, |
|
||||
component: 'NsInput', |
|
||||
}, |
|
||||
{ |
|
||||
field: 'funcName', |
|
||||
label: '功能名称', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
maxlength: 20, |
|
||||
disabled: uuid ? true : false, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
type: 'string', |
|
||||
trigger: 'blur', |
|
||||
validator: async (rule, value) => { |
|
||||
const reg = /^[\u4e00-\u9fa50-9a-zA-Z]{0,20}$/; |
|
||||
const _reg = /^[\u4e00-\u9fa5]$/; |
|
||||
if (value) { |
|
||||
let strLength = 0; |
|
||||
let strArray = value.split(''); |
|
||||
strArray.forEach((item) => { |
|
||||
if (_reg.test(item)) { |
|
||||
strLength += 2; |
|
||||
} else { |
|
||||
strLength += 1; |
|
||||
} |
|
||||
}); |
|
||||
if (!reg.test(value)) { |
|
||||
return Promise.reject('支持数字、字母和汉字'); |
|
||||
} else { |
|
||||
if (strLength > 20) { |
|
||||
return Promise.reject('不超过20个字符，中文为2个字符'); |
|
||||
} |
|
||||
} |
|
||||
} else { |
|
||||
return Promise.reject('功能名称不能为空'); |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'funcCode', |
|
||||
label: '功能code', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
maxlength: 20, |
|
||||
disabled: uuid ? true : false, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
type: 'string', |
|
||||
trigger: 'blur', |
|
||||
validator: async (rule, value) => { |
|
||||
const reg = /^[0-9a-zA-Z]{1,20}$/; |
|
||||
if (!value) { |
|
||||
return Promise.reject('功能code不能为空'); |
|
||||
} |
|
||||
if (value.indexOf(' ') !== -1) { |
|
||||
return Promise.reject('不能包含空格'); |
|
||||
} |
|
||||
if (!reg.test(value)) { |
|
||||
return Promise.reject('功能code支持英文字母、数字长度限制1~20'); |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'checkType', |
|
||||
label: '发布策略', |
|
||||
component: 'nsSelectApi', |
|
||||
// autoAddLink: true, |
|
||||
componentProps: { |
|
||||
api: '/api/op_com/objs/admin/functionRecordOper/checkTypeList', |
|
||||
placeholder: '请选择', |
|
||||
// params: { |
|
||||
// page: 0, |
|
||||
// pageSize: 200, |
|
||||
// }, |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'name', |
|
||||
valueField: 'id', |
|
||||
immediate: true, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
type: 'number', |
|
||||
required: true, |
|
||||
message: '请选择发布策略', |
|
||||
trigger: 'change', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'writeGroupUuidList', |
|
||||
label: '白名单组', |
|
||||
component: 'nsSelectApi', |
|
||||
// autoAddLink: true, |
|
||||
ifShow: (formModel: Record<string, any>) => { |
|
||||
if (formModel.checkType === 2) { |
|
||||
// 判断发布策略值 |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
componentProps: { |
|
||||
api: '/api/op_com/objs/admin/whiteListGroupOper/groupList', |
|
||||
placeholder: '请选择', |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'groupName', |
|
||||
valueField: 'uuid', |
|
||||
mode: 'multiple', |
|
||||
immediate: true, |
|
||||
showSearch: true, |
|
||||
filterOption: (input, option) => { |
|
||||
return option?.groupName.indexOf(input) >= 0; |
|
||||
}, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
type: 'array', |
|
||||
message: '请选择白名单组', |
|
||||
trigger: 'change', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'desc', |
|
||||
label: '备注', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
type: 'string', |
|
||||
trigger: 'blur', |
|
||||
validator: async (rule, value) => { |
|
||||
const _reg = /^[\u4e00-\u9fa5]$/; |
|
||||
if (value) { |
|
||||
let strLength = 0; |
|
||||
let strArray = value.split(''); |
|
||||
strArray.forEach((item) => { |
|
||||
if (_reg.test(item)) { |
|
||||
strLength += 2; |
|
||||
} else { |
|
||||
strLength += 1; |
|
||||
} |
|
||||
}); |
|
||||
if (strLength > 100) { |
|
||||
return Promise.reject('不超过100个字符，中文为2个字符'); |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
]); |
|
||||
|
|
||||
return { |
|
||||
data, |
|
||||
formSchema, |
|
||||
uuid, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,140 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<ns-view-list-table v-bind="tableConfig" rowKey="uuid" /> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts"> |
|
||||
import { defineComponent } from 'vue'; |
|
||||
import { http } from '/nerv-lib/util/http'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
|
|
||||
export default defineComponent({ |
|
||||
name: 'FunctionTestReleaseIndex', |
|
||||
setup() { |
|
||||
const router = useRouter(); |
|
||||
let checkTypeList: any = []; |
|
||||
http.get('/api/op_com/objs/admin/functionRecordOper/checkTypeList').then((res) => { |
|
||||
let data = res.data?.data; |
|
||||
data?.forEach((item: any) => { |
|
||||
checkTypeList[item.id] = item.name; |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
const whiteGroupName = (group: any[]) => { |
|
||||
let data: string[] = []; |
|
||||
group?.length && group?.map((item) => data.push(item.whiteGroupName)); |
|
||||
return data.join(',') || '-'; |
|
||||
}; |
|
||||
const tableConfig = { |
|
||||
title: '功能测试', |
|
||||
api: '/api/op_com/objs/admin/functionRecordOper/pageList', |
|
||||
headerActions: [ |
|
||||
{ |
|
||||
label: '新增', |
|
||||
name: 'FunctionTestReleaseAdd', |
|
||||
type: 'primary', |
|
||||
handle: ({}, name: string) => router.push({ name }), |
|
||||
}, |
|
||||
], |
|
||||
rowSelection: null, |
|
||||
columns: [ |
|
||||
{ |
|
||||
title: '功能名称', |
|
||||
dataIndex: 'funcName', |
|
||||
// textNumber: 5, |
|
||||
}, |
|
||||
{ |
|
||||
title: '功能code', |
|
||||
dataIndex: 'funcCode', |
|
||||
// textNumber: 5, |
|
||||
}, |
|
||||
{ |
|
||||
title: '发布策略', |
|
||||
dataIndex: 'checkType', |
|
||||
// textNumber: 12, |
|
||||
customRender: (value: any) => checkTypeList[value.text], |
|
||||
}, |
|
||||
{ |
|
||||
title: '白名单组', |
|
||||
dataIndex: 'functionWhiteGroupRelationVOList', |
|
||||
textNumber: 10, |
|
||||
textEllipsis: true, |
|
||||
customRender: ({ value }: any) => whiteGroupName(value), |
|
||||
}, |
|
||||
{ |
|
||||
title: '备注', |
|
||||
dataIndex: 'desc', |
|
||||
textEllipsis: true, |
|
||||
textNumber: 9, |
|
||||
}, |
|
||||
], |
|
||||
columnActions: { |
|
||||
title: '操作', |
|
||||
actions: [ |
|
||||
{ |
|
||||
label: '编辑', |
|
||||
name: 'FunctionTestReleaseEdit', |
|
||||
handle: ({ uuid }: any, name: string) => router.push({ name, query: { uuid } }), |
|
||||
}, |
|
||||
{ |
|
||||
label: '刷新', |
|
||||
name: 'FunctionTestReleaseRefresh', |
|
||||
confirm: { |
|
||||
title: '提示', |
|
||||
content: `是否确认刷新缓存`, |
|
||||
}, |
|
||||
// api: { |
|
||||
// method: 'GET', |
|
||||
// url: '/api/op_com/objs/admin/functionRecordOper/refresh', |
|
||||
// }, |
|
||||
api: '/api/op_com/objs/admin/functionRecordOper/refresh', |
|
||||
dynamicParams: 'uuid', |
|
||||
isReload: true, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
formConfig: { |
|
||||
schemas: [ |
|
||||
{ |
|
||||
field: 'funcName', |
|
||||
label: '功能名称', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'checkType', |
|
||||
label: '发布策略', |
|
||||
component: 'nsSelectApi', |
|
||||
componentProps: { |
|
||||
api: '/api/op_com/objs/admin/functionRecordOper/checkTypeList', |
|
||||
placeholder: '请选择', |
|
||||
resultField: 'data.data', |
|
||||
labelField: 'name', |
|
||||
valueField: 'id', |
|
||||
immediate: true, |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
tableConfig, |
|
||||
whiteGroupName, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less"> |
|
||||
.desc { |
|
||||
overflow: hidden; |
|
||||
white-space: nowrap; |
|
||||
text-overflow: ellipsis; |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,164 +0,0 @@ |
|||||
<template> |
|
||||
<ns-view-add-form |
|
||||
formLayout="vertical" |
|
||||
:schemas="formSchema" |
|
||||
:model="data" |
|
||||
:title="uuid ? '编辑白名单组' : '新增白名单组'" |
|
||||
:api=" |
|
||||
uuid |
|
||||
? '/api/op_com/objs/admin/whiteListGroupOper/update' |
|
||||
: '/api/op_com/objs/admin/whiteListGroupOper/add' |
|
||||
" /> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { defineComponent, reactive, ref } from 'vue'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
import { http } from '/nerv-lib/util/http'; |
|
||||
|
|
||||
export default defineComponent({ |
|
||||
name: 'WhiteListGroupAdd', |
|
||||
setup() { |
|
||||
const router = useRouter(); |
|
||||
const { uuid } = router.currentRoute.value.query; |
|
||||
// let data = reactive({ |
|
||||
// chargeGunUuid: uuid, |
|
||||
// chargeGunCode: chargeGunCode, //充电枪编号 |
|
||||
// chargeGunName: chargeGunName, //充电枪名称 |
|
||||
// // pileUuid: pileCode, |
|
||||
// }); |
|
||||
let data = ref({}); |
|
||||
let isInit = ref(false); |
|
||||
if (uuid) { |
|
||||
http |
|
||||
.get('/api/op_com/objs/admin/whiteListGroupOper/detail', { |
|
||||
uuid: uuid, |
|
||||
page: 0, |
|
||||
pageSize: 10, |
|
||||
}) |
|
||||
.then((res) => { |
|
||||
data.value = res.data; |
|
||||
isInit.value = true; |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
isInit.value = true; |
|
||||
}); |
|
||||
} else { |
|
||||
isInit.value = true; |
|
||||
} |
|
||||
|
|
||||
const formSchema = reactive([ |
|
||||
{ |
|
||||
field: 'uuid', |
|
||||
show: false, |
|
||||
component: 'NsInput', |
|
||||
}, |
|
||||
{ |
|
||||
field: 'groupName', |
|
||||
label: '白名单组名称', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
disabled: uuid && true, |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请输入白名单组名称', |
|
||||
trigger: 'blur', |
|
||||
}, |
|
||||
{ |
|
||||
pattern: /^.{1,30}$/, |
|
||||
message: '长度不得超过30个字符', |
|
||||
trigger: 'blur', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
{ |
|
||||
field: 'groupType', |
|
||||
defaultValue: 0, |
|
||||
}, |
|
||||
// { |
|
||||
// field: 'groupType', |
|
||||
// label: '白名单组类型', |
|
||||
// component: 'NsSelect', |
|
||||
// componentProps: { |
|
||||
// placeholder: '请选择', |
|
||||
// // 禁止输入 |
|
||||
// // disabled: true, |
|
||||
// disabled: uuid && true, |
|
||||
|
|
||||
// options: [ |
|
||||
// { |
|
||||
// label: '活动白名单', |
|
||||
// value: 0, |
|
||||
// }, |
|
||||
// { |
|
||||
// label: '功能白名单', |
|
||||
// value: 1, |
|
||||
// }, |
|
||||
// ], |
|
||||
// }, |
|
||||
// rules: [ |
|
||||
// { |
|
||||
// required: true, |
|
||||
// message: '请选择白名单类型', |
|
||||
// type: 'number', |
|
||||
// trigger: 'blur', |
|
||||
// }, |
|
||||
// ], |
|
||||
// }, |
|
||||
// { |
|
||||
// field: 'functionCode', |
|
||||
// label: '功能code', |
|
||||
// component: 'NsInput', |
|
||||
// ifShow: (formModel) => { |
|
||||
// if (formModel.groupType) { |
|
||||
// return true; |
|
||||
// } |
|
||||
// return false; |
|
||||
// }, |
|
||||
// // defaultValue: , |
|
||||
// componentProps: { |
|
||||
// disabled: uuid && true, |
|
||||
// placeholder: '请输入', |
|
||||
// }, |
|
||||
// rules: [ |
|
||||
// { |
|
||||
// required: true, |
|
||||
// message: '请输入功能code', |
|
||||
// type: 'string', |
|
||||
// trigger: 'blur', |
|
||||
// }, |
|
||||
// { |
|
||||
// pattern: /^.{1,30}$/, |
|
||||
// message: '长度不得超过30个字符', |
|
||||
// trigger: 'blur', |
|
||||
// }, |
|
||||
// ], |
|
||||
// }, |
|
||||
{ |
|
||||
field: 'remark', |
|
||||
label: '备注', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
}, |
|
||||
rules: [ |
|
||||
{ |
|
||||
pattern: /^.{1,100}$/, |
|
||||
message: '长度不得超过100个字符', |
|
||||
trigger: 'blur', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
]); |
|
||||
|
|
||||
return { |
|
||||
data, |
|
||||
formSchema, |
|
||||
uuid, |
|
||||
isInit, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,116 +0,0 @@ |
|||||
<!-- @format --> |
|
||||
|
|
||||
<template> |
|
||||
<ns-view-list-table v-bind="tableConfig" :model="data" rowKey="uuid"> |
|
||||
<template #bodyCell="{ record, column }"> |
|
||||
<template v-if="column.dataIndex === 'status'"> |
|
||||
<a-badge v-bind="onlineStatus[record.status]" /> |
|
||||
</template> |
|
||||
</template> |
|
||||
</ns-view-list-table> |
|
||||
</template> |
|
||||
<script lang="ts"> |
|
||||
import { defineComponent, reactive } from 'vue'; |
|
||||
import { useRouter } from 'vue-router'; |
|
||||
|
|
||||
export default defineComponent({ |
|
||||
name: 'WhiteListGroupIndex', |
|
||||
setup() { |
|
||||
const data = reactive({}); |
|
||||
const router = useRouter(); |
|
||||
const tableConfig = { |
|
||||
title: '白名单组', |
|
||||
api: '/api/op_com/objs/admin/whiteListGroupOper/pageList', |
|
||||
headerActions: [ |
|
||||
{ |
|
||||
label: '新增', |
|
||||
name: 'WhiteListGroupAdd', |
|
||||
type: 'primary', |
|
||||
handle: ({}, name: string) => router.push({ name }), |
|
||||
}, |
|
||||
], |
|
||||
rowSelection: null, |
|
||||
scorll: { x: '100%' }, |
|
||||
columns: [ |
|
||||
{ |
|
||||
title: '白名单组名称', |
|
||||
dataIndex: 'groupName', |
|
||||
width: '33%', |
|
||||
}, |
|
||||
{ |
|
||||
title: '用户数量', |
|
||||
dataIndex: 'userCount', |
|
||||
width: '33%', |
|
||||
// textNumber: 20, |
|
||||
}, |
|
||||
{ |
|
||||
title: '备注', |
|
||||
dataIndex: 'remark', |
|
||||
textNumber: 10, |
|
||||
width: '34%', |
|
||||
textEllipsis: true, |
|
||||
}, |
|
||||
], |
|
||||
columnActions: { |
|
||||
title: '操作', |
|
||||
actions: [ |
|
||||
{ |
|
||||
// 跳转白名单用户 |
|
||||
label: '查看', |
|
||||
name: 'WhiteListGroupCheck', |
|
||||
handle: ({ uuid }: any) => |
|
||||
router.push({ name: 'WhiteListUserIndex', query: { uuid } }), |
|
||||
}, |
|
||||
{ |
|
||||
label: '编辑', |
|
||||
name: 'WhiteListGroupEdit', |
|
||||
handle: ({ uuid }: any, name: string) => router.push({ name, query: { uuid } }), |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
|
|
||||
formConfig: { |
|
||||
schemas: [ |
|
||||
{ |
|
||||
field: 'groupName', |
|
||||
label: '白名单组名称', |
|
||||
component: 'NsInput', |
|
||||
componentProps: { |
|
||||
placeholder: '请输入', |
|
||||
}, |
|
||||
}, |
|
||||
{ |
|
||||
field: 'groupType', |
|
||||
label: '白名单组类型', |
|
||||
component: 'NsSelect', |
|
||||
defaultValue: '', |
|
||||
componentProps: { |
|
||||
options: [ |
|
||||
{ |
|
||||
label: '全部', |
|
||||
value: '', |
|
||||
}, |
|
||||
{ |
|
||||
label: '活动白名单', |
|
||||
value: 0, |
|
||||
}, |
|
||||
{ |
|
||||
label: '功能白名单', |
|
||||
value: 1, |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
}, |
|
||||
], |
|
||||
params: {}, |
|
||||
}, |
|
||||
rowKey: 'uuid', |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
tableConfig, |
|
||||
data, |
|
||||
}; |
|
||||
}, |
|
||||
}); |
|
||||
</script> |
|
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue