批处理前端
This commit is contained in:
446052889@qq.com
parent
916cf4ced3
commit
f4f946a00d
28
com.actionsoft.apps.coe.pal.batch/.gitignore
vendored
Normal file
28
com.actionsoft.apps.coe.pal.batch/.gitignore
vendored
Normal file
@ -0,0 +1,28 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
# awsDevParams.js
|
||||
/dist
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
.history/*
|
||||
|
||||
# Doc
|
||||
~$*
|
||||
.~*
|
||||
27
com.actionsoft.apps.coe.pal.batch/AWSDevParams.js
Normal file
27
com.actionsoft.apps.coe.pal.batch/AWSDevParams.js
Normal file
@ -0,0 +1,27 @@
|
||||
module.exports = {
|
||||
AWSPortalUrl: "http://localhost:8088/portal/",//aws平台启动地址，用于开发时获取平台静态资源，请求数据等（注意最后的/,不要删）
|
||||
AWSReleasePath: "/Users/sunlh/idea-workspace-aws6/release/", /*C:/work/workspace/release/*/ //aws的平台路径，暂时写绝对路径，用于build生成的主文件位置（注意最后的/,不要删）
|
||||
moduleTemplateInAWS: "apps/install/com.actionsoft.apps.coe.pal.batch/template/page/main.htm", /*apps/install/_bpm.platform/template/page/console.m.dw.design.vue.htm*/ //build后生成到平台的模板位置及名称
|
||||
outputDir: "apps/install/com.actionsoft.apps.coe.pal.batch/web/com.actionsoft.apps.coe.pal.batch/main", /*webserver/webapps/portal/apps/_bpm.platform/dw/designer/main*/ //build后js或css生成到平台的位置
|
||||
publicPath: "../apps/com.actionsoft.apps.coe.pal.batch/main", /*../apps/_bpm.platform/dw/designer/main*/ //build到平台后生成到模板中，引入js文件的相对平台的位置
|
||||
AWSJSAndCSSImport: [ //引入平台的js或css，在portal目录开始,开发或build通用
|
||||
/*
|
||||
// 示例
|
||||
{
|
||||
type: "js",
|
||||
path: "commons/js/util/Base64.js"
|
||||
},
|
||||
{
|
||||
type: "css",
|
||||
path: "commons/css/font/iconfont.css"
|
||||
},
|
||||
*/
|
||||
|
||||
],
|
||||
devUserInfo: {//开发时通过用户名及密码获取sessionId，！！前提必须需要安装并启动app：com.actionsoft.apps.getsession.app
|
||||
userid: "admin", //具有后台管理的用户名
|
||||
pwd: "admin", //密码
|
||||
deviceType: "pc",
|
||||
systemType: "C"
|
||||
}
|
||||
}
|
||||
24
com.actionsoft.apps.coe.pal.batch/README.md
Normal file
24
com.actionsoft.apps.coe.pal.batch/README.md
Normal file
@ -0,0 +1,24 @@
|
||||
# dataviewsetting
|
||||
|
||||
## Project setup
|
||||
```
|
||||
yarn install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
yarn serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
yarn build
|
||||
```
|
||||
|
||||
### Lints and fixes files
|
||||
```
|
||||
yarn lint
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
5
com.actionsoft.apps.coe.pal.batch/babel.config.js
Normal file
5
com.actionsoft.apps.coe.pal.batch/babel.config.js
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
96593
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.common.js
Normal file
96593
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.common.js
Normal file
File diff suppressed because one or more lines are too long
1
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.css
Normal file
1
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.css
Normal file
File diff suppressed because one or more lines are too long
96603
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.umd.js
Normal file
96603
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.umd.js
Normal file
File diff suppressed because one or more lines are too long
22
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.umd.min.js
vendored
Normal file
22
com.actionsoft.apps.coe.pal.batch/lib/awsui-vue.umd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
10
com.actionsoft.apps.coe.pal.batch/lib/demo.html
Normal file
10
com.actionsoft.apps.coe.pal.batch/lib/demo.html
Normal file
@ -0,0 +1,10 @@
|
||||
<meta charset="utf-8">
|
||||
<title>awsui-vue demo</title>
|
||||
<script src="./awsui-vue.umd.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="./awsui-vue.css">
|
||||
|
||||
|
||||
<script>
|
||||
console.log(awsui-vue)
|
||||
</script>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
2447
com.actionsoft.apps.coe.pal.batch/lib/src/img/iconfont.ce1b01d3.svg
Normal file
2447
com.actionsoft.apps.coe.pal.batch/lib/src/img/iconfont.ce1b01d3.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.2 MiB |
50
com.actionsoft.apps.coe.pal.batch/package.json
Normal file
50
com.actionsoft.apps.coe.pal.batch/package.json
Normal file
@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "com.actionsoft.apps.coe.pal.batch",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.20.0",
|
||||
"codemirror": "^5.61.1",
|
||||
"core-js": "^3.12.1",
|
||||
"element-ui": "^2.15.1",
|
||||
"vue": "^2.6.12",
|
||||
"vue-codemirror": "^4.0.6",
|
||||
"vue-router": "^3.5.1",
|
||||
"vuex": "^3.6.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~4.4.0",
|
||||
"@vue/cli-plugin-eslint": "~4.4.0",
|
||||
"@vue/cli-plugin-router": "~4.4.0",
|
||||
"@vue/cli-plugin-vuex": "~4.4.0",
|
||||
"@vue/cli-service": "~4.4.0",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-vue": "^6.2.2",
|
||||
"vue-template-compiler": "^2.6.11"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/essential",
|
||||
"eslint:recommended"
|
||||
],
|
||||
"parserOptions": {
|
||||
"parser": "babel-eslint"
|
||||
},
|
||||
"rules": {}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead"
|
||||
]
|
||||
}
|
||||
BIN
com.actionsoft.apps.coe.pal.batch/public/favicon.ico
Normal file
BIN
com.actionsoft.apps.coe.pal.batch/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
57
com.actionsoft.apps.coe.pal.batch/public/index.html
Normal file
57
com.actionsoft.apps.coe.pal.batch/public/index.html
Normal file
@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
<%= htmlWebpackPlugin.options.AWSJSAndCSSImport %>
|
||||
<!--
|
||||
其它的js或css引用方式示例（<%= htmlWebpackPlugin.options.awsjsandcsspath%>）
|
||||
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.awsjsandcsspath%>apps/_bpm.platform/css/model/console.m.dw.design.css"/>
|
||||
-->
|
||||
<script>
|
||||
const settingParam = <%= htmlWebpackPlugin.options.settingParam %>;
|
||||
const axiosBaseUrl = "<%= htmlWebpackPlugin.options.axiosBaseUrl %>";
|
||||
const production = <%= htmlWebpackPlugin.options.isproduction %>;
|
||||
</script>
|
||||
<% if(!htmlWebpackPlugin.options.isproduction) {%>
|
||||
<script>
|
||||
const devUserInfo = <%= JSON.stringify(htmlWebpackPlugin.options.devUserInfo) %>;
|
||||
</script>
|
||||
<% }%>
|
||||
<script>
|
||||
<% if(!htmlWebpackPlugin.options.isproduction) {%>
|
||||
var mainPage = 'replace';// create 批量创建 replace 批量替换
|
||||
var wsId = 'f391f672-100b-4d4b-89d1-ba1b4b3d0132';
|
||||
var teamId = '';
|
||||
var methodCategory = 'process';
|
||||
var appId = 'com.actionsoft.apps.coe.pal.batch';
|
||||
var repositoryName = 'tmp';
|
||||
var groupValue = 'upload';
|
||||
var processFileValue = '1234';
|
||||
var shapeFileValue = '5678';
|
||||
var palId = '241e1259-2bf9-4e33-a362-bb94b7ec27b7';// 流程id，不为空则为设计器内单只流程形状属性替换
|
||||
var wHref = "http://localhost:8088/portal/r/w";
|
||||
var jdHref = "http://localhost:8088/portal/r/jd";
|
||||
<%}else {%>
|
||||
var mainPage = '<#mainPage>';// create 批量创建 replace 批量替换
|
||||
var wsId = '<#wsId>';
|
||||
var teamId = '<#teamId>';
|
||||
var methodCategory = '<#methodCategory>';
|
||||
var appId = '<#appId>';
|
||||
var repositoryName = '<#repositoryName>';
|
||||
var groupValue = '<#groupValue>';
|
||||
var processFileValue = '<#processFileValue>';
|
||||
var shapeFileValue = '<#shapeFileValue>';
|
||||
var palId = '<#palId>';// 流程id，不为空则为设计器内单只流程形状属性替换
|
||||
var wHref = "./w";
|
||||
var jdHref = "./jd";
|
||||
<%}%>
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin:0;">
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
27
com.actionsoft.apps.coe.pal.batch/src/App.vue
Normal file
27
com.actionsoft.apps.coe.pal.batch/src/App.vue
Normal file
@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
#app {
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
#nav {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
font-weight: bold;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
#nav a.router-link-exact-active {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
Binary file not shown.
BIN
com.actionsoft.apps.coe.pal.batch/src/assets/logo.png
Normal file
BIN
com.actionsoft.apps.coe.pal.batch/src/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
109
com.actionsoft.apps.coe.pal.batch/src/awsuiAxios/index.js
Normal file
109
com.actionsoft.apps.coe.pal.batch/src/awsuiAxios/index.js
Normal file
@ -0,0 +1,109 @@
|
||||
import axios from 'axios'
|
||||
import store from '../store'
|
||||
// 创建axios请求实例
|
||||
// const request = axios.create({
|
||||
// baseURL: axiosBaseUrl,
|
||||
// timeout: 1000,
|
||||
// headers: {
|
||||
// 'Content-Type': 'application/json; charset=utf-8'
|
||||
// }
|
||||
// })
|
||||
axios.defaults.baseURL = typeof axiosBaseUrl == "undefined" ? "" : axiosBaseUrl; // 设置跨域代理接口统一的前置地址
|
||||
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=utf-8';
|
||||
|
||||
// 添加请求拦截器
|
||||
axios.interceptors.request.use(function (request) {
|
||||
// 在发送请求之前做些什么
|
||||
if(request.method == 'post'){
|
||||
request.params = {};
|
||||
}
|
||||
return request
|
||||
}, function (error) {
|
||||
// 对请求错误做些什么
|
||||
return Promise.reject(error)
|
||||
})
|
||||
|
||||
// 添加响应拦截器
|
||||
axios.interceptors.response.use(function (response) {
|
||||
// 只返回数据
|
||||
return response.data
|
||||
}, function (error) {
|
||||
if(error.response == null){
|
||||
throw error;
|
||||
}
|
||||
const status = error.response.status
|
||||
if (status >= 500) {
|
||||
alert('服务繁忙请稍后再试')
|
||||
} else if (status >= 400) {
|
||||
alert(error.response.data.message)
|
||||
}
|
||||
// 对响应错误做点什么
|
||||
console.dir(error)
|
||||
return Promise.reject(error)
|
||||
})
|
||||
|
||||
function _toChangeData(data){
|
||||
let dataArray = [];
|
||||
for(let key in data){
|
||||
dataArray.push(encodeURIComponent(key)+"="+encodeURIComponent(data[key]));
|
||||
}
|
||||
return dataArray.join("&");
|
||||
}
|
||||
|
||||
//可能需要更改，暂时用不到
|
||||
const get = (params) => {
|
||||
|
||||
return axios({
|
||||
method: "get",
|
||||
url: params.url,
|
||||
params: params.params
|
||||
});
|
||||
}
|
||||
|
||||
const post = (params) => {
|
||||
let postConfig = {
|
||||
method: "post",
|
||||
url: params.url,
|
||||
data: params.data
|
||||
}
|
||||
//从vuex中获取sessionId
|
||||
postConfig.data.sid = store.state.sessionId;
|
||||
postConfig.data = _toChangeData(postConfig.data);
|
||||
return axios(postConfig);
|
||||
}
|
||||
|
||||
const aslp = (params) => {
|
||||
// {
|
||||
// portalUrl : "",
|
||||
// authentication : store.state.sessionId,
|
||||
// sourceAppId : "appid",
|
||||
// aslp : "aslp://XXXX",
|
||||
// params :{
|
||||
// aa:1,
|
||||
// bb:2
|
||||
// }
|
||||
// }
|
||||
let datas = {
|
||||
authentication : store.state.sessionId,
|
||||
sourceAppId : params.sourceAppId,
|
||||
aslp : params.aslp,
|
||||
}
|
||||
Object.assign(datas,params.params)
|
||||
let postConfig = {
|
||||
method: "post",
|
||||
url: params.portalUrl,
|
||||
params: datas
|
||||
}
|
||||
postConfig.data = _toChangeData(postConfig.data);
|
||||
return axios(postConfig);
|
||||
}
|
||||
// const delete = (url, data) => request.delete(url, data)
|
||||
// const head = (url, data) => request.head(url, data)
|
||||
// const options = (url, data) => request.options(url, data)
|
||||
// const put = (url, data) => request.put(url, data)
|
||||
// const patch = (url, data) => request.patch(url, data)
|
||||
export default {
|
||||
get,
|
||||
post,
|
||||
aslp
|
||||
}
|
||||
@ -0,0 +1,62 @@
|
||||
<!-- 示例，可删除 -->
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br>
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank"
|
||||
rel="noopener">babel</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank"
|
||||
rel="noopener">eslint</a></li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
||||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
||||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
||||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
||||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
||||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a>
|
||||
</li>
|
||||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
||||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "HelloWorld",
|
||||
props: {
|
||||
msg: String,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
23
com.actionsoft.apps.coe.pal.batch/src/main.js
Normal file
23
com.actionsoft.apps.coe.pal.batch/src/main.js
Normal file
@ -0,0 +1,23 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
// awsui-vue lib，已包含element-ui
|
||||
import Awsui from '../lib/awsui-vue.umd.min'
|
||||
import '../lib/awsui-vue.css'
|
||||
import '../static/common/common.css';
|
||||
import '../static/common/theme1.css';// 主题颜色配置
|
||||
import './assets/iconfont/iconfont.css';
|
||||
import VueCodeMirror from 'vue-codemirror';
|
||||
import 'codemirror/lib/codemirror.css';
|
||||
Vue.use(VueCodeMirror)
|
||||
|
||||
Vue.config.productionTip = false
|
||||
Vue.use(Awsui)
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => {
|
||||
return h(App);
|
||||
},
|
||||
}).$mount('#app')
|
||||
66
com.actionsoft.apps.coe.pal.batch/src/router/index.js
Normal file
66
com.actionsoft.apps.coe.pal.batch/src/router/index.js
Normal file
@ -0,0 +1,66 @@
|
||||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
import store from '../store'
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/devGetSession', //开发时获取session作用
|
||||
name: 'devGetSession',
|
||||
component: () => import('../views/DevGetSession.vue')
|
||||
},
|
||||
{
|
||||
path: '/create',
|
||||
name: 'create',
|
||||
component: () => import('../views/create/create')
|
||||
},
|
||||
{
|
||||
path: '/replace',
|
||||
name: 'replace',
|
||||
component: () => import('../views/replace/replace')
|
||||
}
|
||||
]
|
||||
|
||||
const router = new VueRouter({
|
||||
routes
|
||||
})
|
||||
|
||||
/**
|
||||
*
|
||||
* to 表示将要跳转到的组件 (目标组件)
|
||||
* console.log(from); //(源组件)
|
||||
* next();
|
||||
* next 是一个函数
|
||||
* next() 进入下一个组件的钩子函数
|
||||
* next(false) 阻止跳转 中断导航
|
||||
* next("/login") 进入指定的组件的钩子函数
|
||||
*/
|
||||
// 路由守卫
|
||||
router.beforeEach((to, from, next) => {
|
||||
if (production === false && store.state.sessionId == null && to.path != "/devGetSession") {
|
||||
//进入一个路由获取session，获取session后再进入主入口
|
||||
next("/devGetSession");
|
||||
} else {
|
||||
//跳转前设置title
|
||||
//window.document.title = to.meta.title;
|
||||
if (store.state.mainPage == 'create') {
|
||||
store.commit("edit", { mainPage: Math.random() });
|
||||
next('/create');
|
||||
} else if (store.state.mainPage == 'replace') {
|
||||
store.commit("edit", { mainPage: Math.random() });
|
||||
next('/replace');
|
||||
} else {
|
||||
next();
|
||||
}
|
||||
// next();
|
||||
}
|
||||
//to.matched.some(res=>{res.meta.isLogin}) 能够获取路由配置的参数
|
||||
|
||||
});
|
||||
|
||||
//跳转后设置scroll为原点
|
||||
router.afterEach((to, from, next) => {
|
||||
window.scrollTo(0, 0);
|
||||
});
|
||||
export default router
|
||||
22
com.actionsoft.apps.coe.pal.batch/src/store/index.js
Normal file
22
com.actionsoft.apps.coe.pal.batch/src/store/index.js
Normal file
@ -0,0 +1,22 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
export default new Vuex.Store({
|
||||
state: {
|
||||
sessionId: settingParam.sessionId,
|
||||
mainPage: mainPage
|
||||
},
|
||||
mutations: {
|
||||
edit(state, data) {
|
||||
for (let p in data) {
|
||||
state[p] = data[p];
|
||||
}
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
},
|
||||
modules: {
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,71 @@
|
||||
<!-- 获取session方法，不可删除 -->
|
||||
<template>
|
||||
<div class="devGetSession">
|
||||
正在获取session
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import router from "../router/index";
|
||||
import awsuiAxios from "../awsuiAxios/index";
|
||||
import store from "../store/index";
|
||||
/*
|
||||
获取控制台用户会话，注意如果使用是控制台移动端会话，修改vueDeviceType:mobile
|
||||
data: {
|
||||
cmd: "CONSOLE_ADMIN_LOGIN",
|
||||
userid: devUserInfo.userid,
|
||||
pwd: devUserInfo.pwd,
|
||||
lang: "cn",
|
||||
vueDeviceType: "pc",
|
||||
}
|
||||
*/
|
||||
/*
|
||||
获取客户端用户会话，deviceType：pc/mobile/weixin
|
||||
data: {
|
||||
cmd: "CLIENT_USER_LOGIN",
|
||||
userid: devUserInfo.userid,
|
||||
pwd: devUserInfo.pwd,
|
||||
lang: "cn",
|
||||
deviceType: "pc",
|
||||
}
|
||||
*/
|
||||
/*
|
||||
获取CoE用户会话
|
||||
data: {
|
||||
cmd: "com.actionsoft.apps.coe.pal_user_login",
|
||||
userid: devUserInfo.userid,
|
||||
pwd: devUserInfo.pwd,
|
||||
lang: "cn",
|
||||
deviceType: "pc",
|
||||
}
|
||||
*/
|
||||
awsuiAxios
|
||||
.post({
|
||||
url: "jd",
|
||||
data: {
|
||||
cmd: "CONSOLE_ADMIN_LOGIN",
|
||||
userid: devUserInfo.userid,
|
||||
pwd: devUserInfo.pwd,
|
||||
lang: "cn",
|
||||
vueDeviceType: "pc",
|
||||
},
|
||||
})
|
||||
.then(function (r) {
|
||||
// let r = response.data;
|
||||
if (r.result == "error") {
|
||||
//$.simpleAlert(r.msg, "error");
|
||||
alert("获取session错误：" + r.msg);
|
||||
} else {
|
||||
store.commit("edit", { sessionId: r.data.sid });
|
||||
router.replace("/" + mainPage);
|
||||
}
|
||||
});
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dwList: [], //dw的获取列表
|
||||
};
|
||||
},
|
||||
methods: {},
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,85 @@
|
||||
function getError(action, option, xhr) {
|
||||
let msg;
|
||||
if (xhr.response) {
|
||||
msg = `${xhr.response.error || xhr.response}`;
|
||||
} else if (xhr.responseText) {
|
||||
msg = `${xhr.responseText}`;
|
||||
} else {
|
||||
msg = `fail to post ${action} ${xhr.status}`;
|
||||
}
|
||||
|
||||
const err = new Error(msg);
|
||||
err.status = xhr.status;
|
||||
err.method = 'post';
|
||||
err.url = action;
|
||||
return err;
|
||||
}
|
||||
|
||||
function getBody(xhr) {
|
||||
const text = xhr.responseText || xhr.response;
|
||||
if (!text) {
|
||||
return text;
|
||||
}
|
||||
|
||||
try {
|
||||
return JSON.parse(text);
|
||||
} catch (e) {
|
||||
return text;
|
||||
}
|
||||
}
|
||||
|
||||
export default function upload(option) {
|
||||
if (typeof XMLHttpRequest === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
const xhr = new XMLHttpRequest();
|
||||
const action = option.action;
|
||||
|
||||
if (xhr.upload) {
|
||||
xhr.upload.onprogress = function progress(e) {
|
||||
if (e.total > 0) {
|
||||
e.percent = e.loaded / e.total * 100;
|
||||
}
|
||||
option.onProgress(e);
|
||||
};
|
||||
}
|
||||
|
||||
const formData = new FormData();
|
||||
|
||||
if (option.data) {
|
||||
Object.keys(option.data).forEach(key => {
|
||||
formData.append(key, option.data[key]);
|
||||
});
|
||||
}
|
||||
|
||||
formData.append(option.filename, option.file, option.file.name);
|
||||
|
||||
xhr.onerror = function error(e) {
|
||||
option.onError(e);
|
||||
};
|
||||
|
||||
xhr.onload = function onload() {
|
||||
if (xhr.status < 200 || xhr.status >= 300) {
|
||||
return option.onError(getError(action, option, xhr));
|
||||
}
|
||||
|
||||
option.onSuccess(getBody(xhr));
|
||||
};
|
||||
|
||||
xhr.open('post', action, true);
|
||||
|
||||
if (option.withCredentials && 'withCredentials' in xhr) {
|
||||
xhr.withCredentials = true;
|
||||
}
|
||||
|
||||
const headers = option.headers || {};
|
||||
|
||||
for (let item in headers) {
|
||||
if (headers.hasOwnProperty(item) && headers[item] !== null) {
|
||||
xhr.setRequestHeader(item, headers[item]);
|
||||
}
|
||||
}
|
||||
xhr.send(formData);
|
||||
return xhr;
|
||||
}
|
||||
@ -0,0 +1,353 @@
|
||||
<script>
|
||||
import UploadList from './upload-list';
|
||||
import Upload from './upload';
|
||||
import ElProgress from 'element-ui/packages/progress';
|
||||
import Migrating from 'element-ui/src/mixins/migrating';
|
||||
function noop() {}
|
||||
export default {
|
||||
name: 'ElUpload',
|
||||
mixins: [Migrating],
|
||||
components: {
|
||||
ElProgress,
|
||||
UploadList,
|
||||
Upload
|
||||
},
|
||||
provide() {
|
||||
return {
|
||||
uploader: this
|
||||
};
|
||||
},
|
||||
inject: {
|
||||
elForm: {
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
props: {
|
||||
action: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
headers: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
data: Object,
|
||||
multiple: Boolean,
|
||||
name: {
|
||||
type: String,
|
||||
default: 'file'
|
||||
},
|
||||
drag: Boolean,
|
||||
dragger: Boolean,
|
||||
withCredentials: Boolean,
|
||||
showFileList: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
accept: String,
|
||||
type: {
|
||||
type: String,
|
||||
default: 'select'
|
||||
},
|
||||
beforeUpload: Function,
|
||||
beforeRemove: Function,
|
||||
onRemove: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
onChange: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
onPreview: {
|
||||
type: Function
|
||||
},
|
||||
onSuccess: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
onProgress: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
onError: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
fileList: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
autoUpload: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
listType: {
|
||||
type: String,
|
||||
default: 'text' // text,picture,picture-card
|
||||
},
|
||||
httpRequest: Function,
|
||||
disabled: Boolean,
|
||||
limit: Number,
|
||||
onExceed: {
|
||||
type: Function,
|
||||
default: noop
|
||||
},
|
||||
appId: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
repositoryName: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
groupValue: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
fileValue: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
extParam: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
uploadFiles: [],
|
||||
dragOver: false,
|
||||
draging: false,
|
||||
tempIndex: 1,
|
||||
sid: this.$store.state.sessionId
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
uploadDisabled() {
|
||||
return this.disabled || (this.elForm || {}).disabled;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
listType(type) {
|
||||
if (type === 'picture-card' || type === 'picture') {
|
||||
this.uploadFiles = this.uploadFiles.map(file => {
|
||||
if (!file.url && file.raw) {
|
||||
try {
|
||||
file.url = URL.createObjectURL(file.raw);
|
||||
} catch (err) {
|
||||
console.error('[Element Error][Upload]', err);
|
||||
}
|
||||
}
|
||||
return file;
|
||||
});
|
||||
}
|
||||
},
|
||||
fileList: {
|
||||
immediate: true,
|
||||
handler(fileList) {
|
||||
this.uploadFiles = fileList.map(item => {
|
||||
item.uid = item.uid || (Date.now() + this.tempIndex++);
|
||||
item.status = item.status || 'success';
|
||||
return item;
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleStart(rawFile) {
|
||||
rawFile.uid = Date.now() + this.tempIndex++;
|
||||
let file = {
|
||||
status: 'ready',
|
||||
name: rawFile.name,
|
||||
size: rawFile.size,
|
||||
percentage: 0,
|
||||
uid: rawFile.uid,
|
||||
raw: rawFile
|
||||
};
|
||||
if (this.listType === 'picture-card' || this.listType === 'picture') {
|
||||
try {
|
||||
file.url = URL.createObjectURL(rawFile);
|
||||
} catch (err) {
|
||||
console.error('[Element Error][Upload]', err);
|
||||
return;
|
||||
}
|
||||
}
|
||||
this.uploadFiles.push(file);
|
||||
this.onChange(file, this.uploadFiles);
|
||||
},
|
||||
handleProgress(ev, rawFile) {
|
||||
const file = this.getFile(rawFile);
|
||||
this.onProgress(ev, file, this.uploadFiles);
|
||||
file.status = 'uploading';
|
||||
file.percentage = ev.percent || 0;
|
||||
},
|
||||
handleSuccess(res, rawFile) {
|
||||
const file = this.getFile(rawFile);
|
||||
if (file) {
|
||||
file.status = 'success';
|
||||
file.response = res;
|
||||
this.onSuccess(res, file, this.uploadFiles);
|
||||
this.onChange(file, this.uploadFiles);
|
||||
}
|
||||
},
|
||||
handleError(err, rawFile) {
|
||||
const file = this.getFile(rawFile);
|
||||
const fileList = this.uploadFiles;
|
||||
file.status = 'fail';
|
||||
fileList.splice(fileList.indexOf(file), 1);
|
||||
this.onError(err, file, this.uploadFiles);
|
||||
this.onChange(file, this.uploadFiles);
|
||||
},
|
||||
handleRemove(file, raw) {
|
||||
if (raw) {
|
||||
file = this.getFile(raw);
|
||||
}
|
||||
let doRemove = () => {
|
||||
this.abort(file);
|
||||
let fileList = this.uploadFiles;
|
||||
fileList.splice(fileList.indexOf(file), 1);
|
||||
this.onRemove(file, fileList);
|
||||
};
|
||||
if (!this.beforeRemove) {
|
||||
doRemove();
|
||||
} else if (typeof this.beforeRemove === 'function') {
|
||||
const before = this.beforeRemove(file, this.uploadFiles);
|
||||
if (before && before.then) {
|
||||
before.then(() => {
|
||||
doRemove();
|
||||
}, noop);
|
||||
} else if (before !== false) {
|
||||
doRemove();
|
||||
}
|
||||
}
|
||||
},
|
||||
getFile(rawFile) {
|
||||
let fileList = this.uploadFiles;
|
||||
let target;
|
||||
fileList.every(item => {
|
||||
target = rawFile.uid === item.uid ? item : null;
|
||||
return !target;
|
||||
});
|
||||
return target;
|
||||
},
|
||||
abort(file) {
|
||||
this.$refs['upload-inner'].abort(file);
|
||||
},
|
||||
clearFiles() {
|
||||
this.uploadFiles = [];
|
||||
},
|
||||
submit() {
|
||||
this.uploadFiles
|
||||
.filter(file => file.status === 'ready')
|
||||
.forEach(file => {
|
||||
this.$refs['upload-inner'].upload(file.raw);
|
||||
});
|
||||
},
|
||||
getMigratingConfig() {
|
||||
return {
|
||||
props: {
|
||||
'default-file-list': 'default-file-list is renamed to file-list.',
|
||||
'show-upload-list': 'show-upload-list is renamed to show-file-list.',
|
||||
'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.uploadFiles.forEach(file => {
|
||||
if (file.url && file.url.indexOf('blob:') === 0) {
|
||||
URL.revokeObjectURL(file.url);
|
||||
}
|
||||
});
|
||||
},
|
||||
render(h) {
|
||||
let uploadList;
|
||||
if (this.showFileList) {
|
||||
uploadList = (
|
||||
<UploadList
|
||||
disabled={this.uploadDisabled}
|
||||
listType={this.listType}
|
||||
files={this.uploadFiles}
|
||||
on-remove={this.handleRemove}
|
||||
handlePreview={this.onPreview}>
|
||||
{
|
||||
(props) => {
|
||||
if (this.$scopedSlots.file) {
|
||||
return this.$scopedSlots.file({
|
||||
file: props.file
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</UploadList>
|
||||
);
|
||||
}
|
||||
const uploadData = {
|
||||
props: {
|
||||
type: this.type,
|
||||
drag: this.drag,
|
||||
action: this.action != undefined && this.action != '' ? this.action : encodeURI(getUploadDestination() + "appId=" + this.appId + "&sid=" + this.sid + "&groupValue=" + this.groupValue + "&fileValue=" + this.fileValue + "&repositoryName=" + this.repositoryName + "&extParam=" + this.extParam),
|
||||
multiple: this.multiple,
|
||||
'before-upload': this.beforeUpload,
|
||||
'with-credentials': this.withCredentials,
|
||||
headers: this.headers,
|
||||
name: this.name,
|
||||
data: this.data,
|
||||
accept: this.accept,
|
||||
fileList: this.uploadFiles,
|
||||
autoUpload: this.autoUpload,
|
||||
listType: this.listType,
|
||||
disabled: this.uploadDisabled,
|
||||
limit: this.limit,
|
||||
'on-exceed': this.onExceed,
|
||||
'on-start': this.handleStart,
|
||||
'on-progress': this.handleProgress,
|
||||
'on-success': this.handleSuccess,
|
||||
'on-error': this.handleError,
|
||||
'on-preview': this.onPreview,
|
||||
'on-remove': this.handleRemove,
|
||||
'http-request': this.httpRequest,
|
||||
appId: this.appId,
|
||||
repositoryName: this.repositoryName,
|
||||
groupValue: this.groupValue,
|
||||
fileValue: this.fileValue,
|
||||
extParam: this.extParam,
|
||||
sid: this.sid
|
||||
},
|
||||
ref: 'upload-inner'
|
||||
};
|
||||
const trigger = this.$slots.trigger || this.$slots.default;
|
||||
const uploadComponent = <upload {...uploadData}>{trigger}</upload>;
|
||||
return (
|
||||
<div>
|
||||
{ this.listType === 'picture-card' ? uploadList : ''}
|
||||
{
|
||||
this.$slots.trigger
|
||||
? [uploadComponent, this.$slots.default]
|
||||
: uploadComponent
|
||||
}
|
||||
{this.$slots.tip}
|
||||
{ this.listType !== 'picture-card' ? uploadList : ''}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
function getUploadDestination() {
|
||||
var url = axiosBaseUrl;
|
||||
var ret = "uf";
|
||||
if (url && url.indexOf("/r/") != -1) {
|
||||
ret = url.substring(0, url.indexOf("/r/")) + "/r/uf";
|
||||
} else if (url && url.indexOf("/apps") > -1) {
|
||||
ret = url.substring(0, url.indexOf("/apps")) + "/r/uf";
|
||||
}
|
||||
var finalUrl = ret + "?";
|
||||
return finalUrl;
|
||||
};
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<div
|
||||
class="el-upload-dragger"
|
||||
:class="{
|
||||
'is-dragover': dragover
|
||||
}"
|
||||
@drop.prevent="onDrop"
|
||||
@dragover.prevent="onDragover"
|
||||
@dragleave.prevent="dragover = false"
|
||||
>
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'ElUploadDrag',
|
||||
props: {
|
||||
disabled: Boolean
|
||||
},
|
||||
inject: {
|
||||
uploader: {
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dragover: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onDragover() {
|
||||
if (!this.disabled) {
|
||||
this.dragover = true;
|
||||
}
|
||||
},
|
||||
onDrop(e) {
|
||||
if (this.disabled || !this.uploader) return;
|
||||
const accept = this.uploader.accept;
|
||||
this.dragover = false;
|
||||
if (!accept) {
|
||||
this.$emit('file', e.dataTransfer.files);
|
||||
return;
|
||||
}
|
||||
this.$emit('file', [].slice.call(e.dataTransfer.files).filter(file => {
|
||||
const { type, name } = file;
|
||||
const extension = name.indexOf('.') > -1
|
||||
? `.${ name.split('.').pop() }`
|
||||
: '';
|
||||
const baseType = type.replace(/\/.*$/, '');
|
||||
return accept.split(',')
|
||||
.map(type => type.trim())
|
||||
.filter(type => type)
|
||||
.some(acceptedType => {
|
||||
if (/\..+$/.test(acceptedType)) {
|
||||
return extension === acceptedType;
|
||||
}
|
||||
if (/\/\*$/.test(acceptedType)) {
|
||||
return baseType === acceptedType.replace(/\/\*$/, '');
|
||||
}
|
||||
if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
|
||||
return type === acceptedType;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}));
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,100 @@
|
||||
<template>
|
||||
<transition-group
|
||||
tag="ul"
|
||||
:class="[
|
||||
'el-upload-list',
|
||||
'el-upload-list--' + listType,
|
||||
{ 'is-disabled': disabled }
|
||||
]"
|
||||
name="el-list"
|
||||
>
|
||||
<li
|
||||
v-for="file in files"
|
||||
:class="['el-upload-list__item', 'is-' + file.status, focusing ? 'focusing' : '']"
|
||||
:key="file.uid"
|
||||
tabindex="0"
|
||||
@keydown.delete="!disabled && $emit('remove', file)"
|
||||
@focus="focusing = true"
|
||||
@blur="focusing = false"
|
||||
@click="focusing = false"
|
||||
>
|
||||
<slot :file="file">
|
||||
<img
|
||||
class="el-upload-list__item-thumbnail"
|
||||
v-if="file.status !== 'uploading' && ['picture-card', 'picture'].indexOf(listType) > -1"
|
||||
:src="file.url" alt=""
|
||||
>
|
||||
<a class="el-upload-list__item-name" @click="handleClick(file)">
|
||||
<i class="el-icon-document"></i>{{file.name}}
|
||||
</a>
|
||||
<label class="el-upload-list__item-status-label">
|
||||
<i :class="{
|
||||
'el-icon-upload-success': true,
|
||||
'el-icon-circle-check': listType === 'text',
|
||||
'el-icon-check': ['picture-card', 'picture'].indexOf(listType) > -1
|
||||
}"></i>
|
||||
</label>
|
||||
<i class="el-icon-close" v-if="!disabled" @click="$emit('remove', file)"></i>
|
||||
<i class="el-icon-close-tip" v-if="!disabled">{{ t('el.upload.deleteTip') }}</i> <!--因为close按钮只在li:focus的时候 display, li blur后就不存在了，所以键盘导航时永远无法 focus到 close按钮上-->
|
||||
<el-progress
|
||||
v-if="file.status === 'uploading'"
|
||||
:type="listType === 'picture-card' ? 'circle' : 'line'"
|
||||
:stroke-width="listType === 'picture-card' ? 6 : 2"
|
||||
:percentage="parsePercentage(file.percentage)">
|
||||
</el-progress>
|
||||
<span class="el-upload-list__item-actions" v-if="listType === 'picture-card'">
|
||||
<span
|
||||
class="el-upload-list__item-preview"
|
||||
v-if="handlePreview && listType === 'picture-card'"
|
||||
@click="handlePreview(file)"
|
||||
>
|
||||
<i class="el-icon-zoom-in"></i>
|
||||
</span>
|
||||
<span
|
||||
v-if="!disabled"
|
||||
class="el-upload-list__item-delete"
|
||||
@click="$emit('remove', file)"
|
||||
>
|
||||
<i class="el-icon-delete"></i>
|
||||
</span>
|
||||
</span>
|
||||
</slot>
|
||||
</li>
|
||||
</transition-group>
|
||||
</template>
|
||||
<script>
|
||||
import Locale from 'element-ui/src/mixins/locale';
|
||||
import ElProgress from 'element-ui/packages/progress';
|
||||
export default {
|
||||
name: 'ElUploadList',
|
||||
mixins: [Locale],
|
||||
data() {
|
||||
return {
|
||||
focusing: false
|
||||
};
|
||||
},
|
||||
components: { ElProgress },
|
||||
props: {
|
||||
files: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
handlePreview: Function,
|
||||
listType: String
|
||||
},
|
||||
methods: {
|
||||
parsePercentage(val) {
|
||||
return parseInt(val, 10);
|
||||
},
|
||||
handleClick(file) {
|
||||
this.handlePreview && this.handlePreview(file);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,200 @@
|
||||
<script>
|
||||
import ajax from './ajax';
|
||||
import UploadDragger from './upload-dragger.vue';
|
||||
export default {
|
||||
inject: ['uploader'],
|
||||
components: {
|
||||
UploadDragger
|
||||
},
|
||||
props: {
|
||||
type: String,
|
||||
action: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: 'file'
|
||||
},
|
||||
data: Object,
|
||||
headers: Object,
|
||||
withCredentials: Boolean,
|
||||
multiple: Boolean,
|
||||
accept: String,
|
||||
onStart: Function,
|
||||
onProgress: Function,
|
||||
onSuccess: Function,
|
||||
onError: Function,
|
||||
beforeUpload: Function,
|
||||
drag: Boolean,
|
||||
onPreview: {
|
||||
type: Function,
|
||||
default: function() {}
|
||||
},
|
||||
onRemove: {
|
||||
type: Function,
|
||||
default: function() {}
|
||||
},
|
||||
fileList: Array,
|
||||
autoUpload: Boolean,
|
||||
listType: String,
|
||||
httpRequest: {
|
||||
type: Function,
|
||||
default: ajax
|
||||
},
|
||||
disabled: Boolean,
|
||||
limit: Number,
|
||||
onExceed: Function
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mouseover: false,
|
||||
reqs: {}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
isImage(str) {
|
||||
return str.indexOf('image') !== -1;
|
||||
},
|
||||
handleChange(ev) {
|
||||
const files = ev.target.files;
|
||||
if (!files) return;
|
||||
this.uploadFiles(files);
|
||||
},
|
||||
uploadFiles(files) {
|
||||
if (this.limit && this.fileList.length + files.length > this.limit) {
|
||||
this.onExceed && this.onExceed(files, this.fileList);
|
||||
return;
|
||||
}
|
||||
let postFiles = Array.prototype.slice.call(files);
|
||||
if (!this.multiple) { postFiles = postFiles.slice(0, 1); }
|
||||
if (postFiles.length === 0) { return; }
|
||||
postFiles.forEach(rawFile => {
|
||||
this.onStart(rawFile);
|
||||
if (this.autoUpload) this.upload(rawFile);
|
||||
});
|
||||
},
|
||||
upload(rawFile) {
|
||||
this.$refs.input.value = null;
|
||||
if (!this.beforeUpload) {
|
||||
return this.post(rawFile);
|
||||
}
|
||||
const before = this.beforeUpload(rawFile);
|
||||
if (before && before.then) {
|
||||
before.then(processedFile => {
|
||||
const fileType = Object.prototype.toString.call(processedFile);
|
||||
if (fileType === '[object File]' || fileType === '[object Blob]') {
|
||||
if (fileType === '[object Blob]') {
|
||||
processedFile = new File([processedFile], rawFile.name, {
|
||||
type: rawFile.type
|
||||
});
|
||||
}
|
||||
for (const p in rawFile) {
|
||||
if (rawFile.hasOwnProperty(p)) {
|
||||
processedFile[p] = rawFile[p];
|
||||
}
|
||||
}
|
||||
this.post(processedFile);
|
||||
} else {
|
||||
this.post(rawFile);
|
||||
}
|
||||
}, () => {
|
||||
this.onRemove(null, rawFile);
|
||||
});
|
||||
} else if (before !== false) {
|
||||
this.post(rawFile);
|
||||
} else {
|
||||
this.onRemove(null, rawFile);
|
||||
}
|
||||
},
|
||||
abort(file) {
|
||||
const { reqs } = this;
|
||||
if (file) {
|
||||
let uid = file;
|
||||
if (file.uid) uid = file.uid;
|
||||
if (reqs[uid]) {
|
||||
reqs[uid].abort();
|
||||
}
|
||||
} else {
|
||||
Object.keys(reqs).forEach((uid) => {
|
||||
if (reqs[uid]) reqs[uid].abort();
|
||||
delete reqs[uid];
|
||||
});
|
||||
}
|
||||
},
|
||||
post(rawFile) {
|
||||
const { uid } = rawFile;
|
||||
const options = {
|
||||
headers: this.headers,
|
||||
withCredentials: this.withCredentials,
|
||||
file: rawFile,
|
||||
data: this.data,
|
||||
filename: this.name,
|
||||
action: this.action,
|
||||
onProgress: e => {
|
||||
this.onProgress(e, rawFile);
|
||||
},
|
||||
onSuccess: res => {
|
||||
this.onSuccess(res, rawFile);
|
||||
delete this.reqs[uid];
|
||||
},
|
||||
onError: err => {
|
||||
this.onError(err, rawFile);
|
||||
delete this.reqs[uid];
|
||||
}
|
||||
};
|
||||
const req = this.httpRequest(options);
|
||||
this.reqs[uid] = req;
|
||||
if (req && req.then) {
|
||||
req.then(options.onSuccess, options.onError);
|
||||
}
|
||||
},
|
||||
handleClick() {
|
||||
if (!this.disabled) {
|
||||
this.$refs.input.value = null;
|
||||
this.$refs.input.click();
|
||||
}
|
||||
},
|
||||
handleKeydown(e) {
|
||||
if (e.target !== e.currentTarget) return;
|
||||
if (e.keyCode === 13 || e.keyCode === 32) {
|
||||
this.handleClick();
|
||||
}
|
||||
}
|
||||
},
|
||||
render(h) {
|
||||
let {
|
||||
handleClick,
|
||||
drag,
|
||||
name,
|
||||
handleChange,
|
||||
multiple,
|
||||
accept,
|
||||
listType,
|
||||
uploadFiles,
|
||||
disabled,
|
||||
handleKeydown
|
||||
} = this;
|
||||
const data = {
|
||||
class: {
|
||||
'el-upload': true
|
||||
},
|
||||
on: {
|
||||
click: handleClick,
|
||||
keydown: handleKeydown
|
||||
}
|
||||
};
|
||||
data.class[`el-upload--${listType}`] = true;
|
||||
return (
|
||||
<div {...data} tabindex="0" >
|
||||
{
|
||||
drag
|
||||
? <upload-dragger disabled={disabled} on-file={uploadFiles}>{this.$slots.default}</upload-dragger>
|
||||
: this.$slots.default
|
||||
}
|
||||
<input class="el-upload__input" type="file" ref="input" name={name} on-change={handleChange} multiple={multiple} accept={accept}></input>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,219 @@
|
||||
<template>
|
||||
<div v-loading="loading">
|
||||
<!--上传的清单内容预览-->
|
||||
<div v-if="checkResult.checkTemplateResult == 'ok'">
|
||||
<div :style="{height: msgHeight}" v-html="checkResult.resultMsg"></div>
|
||||
<div>
|
||||
<el-table
|
||||
id='table'
|
||||
:height="tableHeight"
|
||||
:data="tableData"
|
||||
border
|
||||
size="medium"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop='index'
|
||||
label=''
|
||||
align='center'
|
||||
width=50px
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-for="(item) in tableTitle"
|
||||
:key=item
|
||||
:prop=item
|
||||
:label="item">
|
||||
<template slot-scope="scope">
|
||||
<template v-if="scope.row[item] != undefined">
|
||||
{{scope.row[item].value}}
|
||||
<!--警告类提示，上传可忽略-->
|
||||
<span v-if="!scope.row[item].isRowOk && item == '名称'" style="color: #E6A23C">
|
||||
<br/><b>{{scope.row[item].rowMsg}}</b>
|
||||
</span>
|
||||
<!--错误类提示，不能上传-->
|
||||
<span v-if="!scope.row[item].isOk" style="color: #ff0000">
|
||||
<br/><b>{{scope.row[item].msg}}</b>
|
||||
</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<!--上传的清单校验失败时显示内容-->
|
||||
<div v-if="checkResult.checkTemplateResult != 'ok'">
|
||||
<div style="background-color:#F56C6C;padding: 10px;" v-html="checkResult.checkTemplateResultMsg"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
|
||||
export default {
|
||||
name: "check-process",
|
||||
props: {
|
||||
fileName: {// 文件名称
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
totalHeight: {
|
||||
type: String,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
processFileValue: processFileValue,
|
||||
msgHeight: '20px',
|
||||
tableHeight: parseInt(this.totalHeight) - 20 + 'px',
|
||||
tableTitle: [],
|
||||
tableData: [],
|
||||
checkResult: {
|
||||
okData: [],
|
||||
errData: [],
|
||||
existData: [],
|
||||
excelExistData: [],
|
||||
resultMsg: '正在校验...',
|
||||
chheckDone: false,
|
||||
checkTemplateResult: 'ok',
|
||||
checkTemplateResultMsg: '',
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.initData();
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
const that = this;
|
||||
that.loading = true;
|
||||
const params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_process_data_check",
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
type: 'processList',
|
||||
fileValue: that.processFileValue,
|
||||
fileName: that.fileName
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(params).then(function (ro) {
|
||||
that.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
// 标题
|
||||
that.tableTitle = ro.data.data.titleRow;
|
||||
// 内容
|
||||
const data = ro.data.data.data;
|
||||
// 校验内容
|
||||
let totalCount = 0;// 总数
|
||||
let okCount = 0;// 校验通过数
|
||||
let existCount = 0;// 重复数
|
||||
let errCount = 0;// 校验失败数
|
||||
let errRowIndexArr = [];// 校验失败的行数
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let isOk = true;
|
||||
let rowData = [];
|
||||
let isExist = false;// 资产库是否重复
|
||||
let isExcelExist = false;// excel表格是否重复
|
||||
let excelExistRow = 0;// excel表格重复时重复行数
|
||||
let isRowErr = false;// excel表格行是否错误
|
||||
for (let j = 0; j < data[i].length; j++) {
|
||||
let cell = data[i][j];
|
||||
// 资产库已存在
|
||||
if (j == 0) {// 首元素包含该行是否重复的校验结果
|
||||
if (cell.isExist) {// 资产库重复
|
||||
isExist = true;
|
||||
} else if (cell.isExcelExist) {// excel行重复
|
||||
isExcelExist = true;
|
||||
excelExistRow = cell.excelExistRow;
|
||||
}
|
||||
}
|
||||
data[i][j].isRowOk = true;// 前端行校验结果判断
|
||||
data[i][j].rowMsg = '';// 前端行校验失败后的提示语
|
||||
if (isExist) {
|
||||
isOk = false;
|
||||
data[i][j].isRowOk = false;
|
||||
data[i][j].rowMsg = '资产库中已存在该流程';
|
||||
} else if (isExcelExist) {
|
||||
isOk = false;
|
||||
data[i][j].isRowOk = false;
|
||||
data[i][j].rowMsg = '流程与第' + excelExistRow + '行重复';
|
||||
} else {
|
||||
if (cell.isOk) {// 校验通过
|
||||
} else {
|
||||
isOk = false;
|
||||
isRowErr = true;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
if (isRowErr) {
|
||||
errRowIndexArr.push(i);
|
||||
}
|
||||
// tableData.push(rowData);
|
||||
totalCount++;
|
||||
if (isExist) {// 与资产库重复
|
||||
that.checkResult.existData.push(data[i]);
|
||||
existCount++;
|
||||
} else if (isExcelExist) {// excel行重复
|
||||
that.checkResult.excelExistData.push(data[i]);
|
||||
existCount++;
|
||||
} else if (isOk) {// excel行校验通过
|
||||
that.checkResult.okData.push(JSON.parse(JSON.stringify(data[i])));
|
||||
okCount++;
|
||||
} else {// 校验失败
|
||||
that.checkResult.errData.push(data[i]);
|
||||
errCount++;
|
||||
}
|
||||
|
||||
}
|
||||
let result = '清单共<span style="font-weight:bold;">' + totalCount + '</span>条记录';
|
||||
if (okCount > 0) {
|
||||
if (totalCount == okCount) {
|
||||
result += ',全部校验通过';
|
||||
} else {
|
||||
result += ',校验通过<span style="font-weight:bold;">' + okCount + '</span>条';
|
||||
}
|
||||
}
|
||||
if (errCount > 0) {
|
||||
result += ',校验失败<span style="color:red;font-weight:bold;">' + errCount + '</span>条';
|
||||
}
|
||||
if (existCount > 0) {
|
||||
result += ',重复数据<span style="color:red;font-weight:bold;">' + existCount + '</span>条(上传时忽略)';
|
||||
}
|
||||
that.checkResult.resultMsg = result;
|
||||
const tableData = [];
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
const row = {};
|
||||
const rowArr = data[i];
|
||||
for (let j = 0; j < rowArr.length; j++) {
|
||||
row[rowArr[j].name2] = rowArr[j];
|
||||
}
|
||||
row.index = i + 1;// 序号列，方便用户识别
|
||||
tableData.push(row);
|
||||
}
|
||||
that.tableData = tableData;
|
||||
that.checkResult.chheckDone = true;
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {// 校验excel失败或其他错误类信息
|
||||
// that.$message.error(ro.msg);
|
||||
that.checkResult.checkTemplateResult = 'error';
|
||||
that.checkResult.checkTemplateResultMsg = ro.msg;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,179 @@
|
||||
<template>
|
||||
<div v-loading="loading">
|
||||
<!-- 校验结果 -->
|
||||
<div v-if="checkResult.checkTemplateResult == 'ok'">
|
||||
<awsui-tabs v-model="activeName">
|
||||
<awsui-tab-pane v-for="(tabItem, index) in tabData" :key="tabItem.id" :name="tabItem.id">
|
||||
<span slot="label"><span :style="{color: tabItem.isOk ? '' : 'red'}">{{tabItem.sheetName}}</span></span>
|
||||
<div :style="{height: msgHeight}" v-html="checkResult.resultMsg[index]"></div>
|
||||
<div>
|
||||
<el-table
|
||||
id='table'
|
||||
:height="tableHeight"
|
||||
:data="tabItem.data"
|
||||
border
|
||||
size="medium"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop='index'
|
||||
label=''
|
||||
align='center'
|
||||
width=50px
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-for="(item) in tabItem.titleRow"
|
||||
:key=item
|
||||
:prop=item
|
||||
:label="item">
|
||||
<template slot-scope="scope">
|
||||
<template v-if="scope.row[item] != undefined">
|
||||
{{scope.row[item].value}}
|
||||
<!--警告类提示，上传可忽略-->
|
||||
<span v-if="!scope.row[item].isRowOk && item == '名称'" style="color: #E6A23C">
|
||||
<br/><b>{{scope.row[item].rowMsg}}</b>
|
||||
</span>
|
||||
<!--错误类提示，不能上传-->
|
||||
<span v-if="!scope.row[item].isOk" style="color: #ff0000">
|
||||
<br/><b>{{scope.row[item].msg}}</b>
|
||||
</span>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</awsui-tab-pane>
|
||||
</awsui-tabs>
|
||||
</div>
|
||||
<!-- excel错误提示 -->
|
||||
<div v-if="checkResult.checkTemplateResult != 'ok'">
|
||||
<div style="background-color:#F56C6C;padding: 10px;" v-html="checkResult.checkTemplateResultMsg"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
export default {
|
||||
name: "check-shape",
|
||||
props: {
|
||||
fileName: {// 文件名称
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
totalHeight: {
|
||||
type: String,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
shapeFileValue: shapeFileValue,
|
||||
msgHeight: '20px',
|
||||
tableHeight: parseInt(this.totalHeight) - 20 - 45 + 'px',
|
||||
activeName: 'first',
|
||||
tabData: [],
|
||||
checkResult: {
|
||||
isOk: true,
|
||||
okData: [],
|
||||
resultMsg: [],
|
||||
chheckDone: false,
|
||||
checkTemplateResult: 'ok',
|
||||
checkTemplateResultMsg: [],
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.initData();
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
const that = this;
|
||||
that.loading = true;
|
||||
const params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_process_data_check",
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
type: 'shapeList',
|
||||
fileValue: that.shapeFileValue,
|
||||
fileName: that.fileName
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(params).then(function (ro) {
|
||||
that.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
const data = ro.data;
|
||||
that.checkResult.okData = JSON.parse(JSON.stringify(data));
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
if (i == 0) {
|
||||
that.activeName = data[i].id;
|
||||
}
|
||||
const tableDataTemp = [];
|
||||
const tableData = data[i].data;
|
||||
let msg = '清单共<span style="font-weight:bold;">' + tableData.length + '</span>条记录';
|
||||
let okCount = 0;
|
||||
let errCount = 0;
|
||||
for (let j = 0; j < tableData.length; j++) {
|
||||
const row = {};
|
||||
const rowArr = tableData[j];
|
||||
let isRowOk = true;// 每行结果
|
||||
for (let m = 0; m < rowArr.length; m++) {
|
||||
if (!rowArr[m].isOk) {
|
||||
isRowOk = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
for (let m = 0; m < rowArr.length; m++) {
|
||||
row[rowArr[m].name2] = rowArr[m];
|
||||
}
|
||||
row.index = j + 1;// 序号列，方便用户识别
|
||||
tableDataTemp.push(row);
|
||||
if (isRowOk) {
|
||||
okCount++;
|
||||
} else {
|
||||
errCount++;
|
||||
that.checkResult.isOk = false;
|
||||
}
|
||||
}
|
||||
if (okCount == tableData.length) {
|
||||
msg += ',全部校验通过';
|
||||
} else if (errCount == tableData.length) {
|
||||
msg += ',全部校验失败';
|
||||
} else {
|
||||
msg += ',校验通过<span style="font-weight:bold;">' + okCount + '</span>条';
|
||||
msg += ',校验失败<span style="color:red;font-weight:bold;">' + errCount + '</span>条';
|
||||
}
|
||||
that.checkResult.resultMsg.push(msg);
|
||||
data[i].data = tableDataTemp;
|
||||
|
||||
}
|
||||
that.tabData = ro.data;
|
||||
that.checkResult.chheckDone = true;
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {// 校验excel失败或其他错误类信息
|
||||
// that.$message.error(ro.msg);
|
||||
that.checkResult.checkTemplateResult = 'error';
|
||||
that.checkResult.checkTemplateResultMsg = ro.msg;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
handleClick() {
|
||||
alert(this.activeName)
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1 @@
|
||||
说明：批量创建-批量创建模型结构-下载Excel模板-选择树组件
|
||||
@ -0,0 +1,360 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-dialog
|
||||
id="palRepositoryTree"
|
||||
:title="title"
|
||||
:visible.sync="dialogVisible"
|
||||
:destroy-on-close=true
|
||||
:width="width"
|
||||
:modal-append-to-body=false
|
||||
:append-to-body=true
|
||||
:close-on-click-modal=false
|
||||
:before-close="handleClose">
|
||||
<template v-if="refresh">
|
||||
<div
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中">
|
||||
<el-autocomplete
|
||||
v-model="treeSearchKey"
|
||||
size="small"
|
||||
:fetch-suggestions="treeSearch"
|
||||
@select="treeSearchSelect"
|
||||
suffix-icon="el-icon-search"
|
||||
placeholder="快速查询"
|
||||
:trigger-on-focus=false
|
||||
style="width:100%;"
|
||||
>
|
||||
<template slot-scope="{ item }">
|
||||
<el-tooltip class="item" placement="bottom-start">
|
||||
<div slot="content">{{item.pathName}}</div>
|
||||
<span>{{ item.name }}</span>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-autocomplete>
|
||||
<div style="height: 200px;overflow: auto;border: 1px solid #f2f2f2;">
|
||||
<div class="tree">
|
||||
<el-tree
|
||||
ref="tree"
|
||||
:props="treeProps"
|
||||
:expand-on-click-node=false
|
||||
:highlight-current=true
|
||||
@node-click="openNode"
|
||||
@node-expand="expandNode"
|
||||
@node-collapse="closeNode"
|
||||
@check-change="checkedNode"
|
||||
:show-checkbox=multiple
|
||||
node-key="id"
|
||||
check-strictly
|
||||
lazy
|
||||
:load="loadNode">
|
||||
<span slot-scope="{node, data}">
|
||||
<i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i>
|
||||
<span>{{node.label}}</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<awsui-button class="button-general-color" type="primary" @click="submit">确定</awsui-button>
|
||||
<awsui-button @click="cancel">取消</awsui-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../../../awsuiAxios";
|
||||
|
||||
export default {
|
||||
name: "PALRepositoryTree",
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
wsId: {// 资产库ID
|
||||
type: String,
|
||||
default: '',
|
||||
required: true
|
||||
},
|
||||
teamId: {// 小组ID
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
categorys: {// 建模大类,多个则逗号分隔
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
rootId: {// 父节点，为空则查询根节点
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
multiple: {// 是否多选
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
title: {// 标题
|
||||
type: String,
|
||||
default: '请选择'
|
||||
},
|
||||
// width: {// 宽度
|
||||
// type: String,
|
||||
// default: '500px'
|
||||
// },
|
||||
selected: {// 默认选中，比如[]，不区分单多选，单选只取第一个值
|
||||
type: Array,
|
||||
default: function () {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
refresh: false,
|
||||
dialogVisible: false,
|
||||
loading: false,
|
||||
searchKey: '',
|
||||
treeSearchKey: '',
|
||||
timeout: null,
|
||||
pid: '',
|
||||
width: '500px',
|
||||
treeProps: {
|
||||
label: 'name',
|
||||
isLeaf: 'leaf'
|
||||
},
|
||||
data: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleClose(done) {
|
||||
this.closeDlalog('cancel');
|
||||
done();
|
||||
},
|
||||
cancel() {
|
||||
this.closeDlalog('cancel');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
submit() {
|
||||
this.closeDlalog('save');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
closeDlalog(type) {// 取消/确定之后的关闭
|
||||
if (type == 'save') {
|
||||
let result = [];
|
||||
if (this.multiple) {// 多选
|
||||
result = this.data;
|
||||
} else {// 单选
|
||||
const node = this.$refs.tree.getCurrentNode();
|
||||
if (node != null) {
|
||||
result.push(node);
|
||||
}
|
||||
}
|
||||
this.$emit('getResult', result);
|
||||
} else {
|
||||
this.$emit('cancel');
|
||||
}
|
||||
// 清空所有数据
|
||||
},
|
||||
handleNodeClick(data) {
|
||||
console.log(data);
|
||||
},
|
||||
openNode(obj, node, tree) {// 打开一只模型文件
|
||||
|
||||
},
|
||||
treeSearchSelect(item) {
|
||||
this.queryTreeByIdAndPath(item.id, item.versionId, item.path);
|
||||
},
|
||||
treeSearch(key, cb) {
|
||||
const that = this;
|
||||
if (key != undefined && key.trim() != '') {
|
||||
// that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_search',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
categorys: that.categorys,
|
||||
rootId: that.rootId,
|
||||
name: key
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.length > 0) {
|
||||
clearTimeout(that.timeout);
|
||||
that.timeout = setTimeout(() => {
|
||||
cb(ro.data);
|
||||
}, 3000 * Math.random());
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
},
|
||||
queryTreeByIdAndPath(id, versionId, path) {// 定位展开某节点
|
||||
const that= this;
|
||||
const tree = that.$refs.tree;
|
||||
// 分隔字符串
|
||||
const pathArr = path.split(',');
|
||||
let index = 1;
|
||||
for (let i = 0; i < pathArr.length; i++) {// 依次展开
|
||||
if (i > 0) {
|
||||
if (tree.getNode(pathArr[i-1]) != null) {
|
||||
setTimeout(that._expandNode(tree, pathArr[i-1]), index * 300);
|
||||
index++;
|
||||
}
|
||||
}
|
||||
}
|
||||
setTimeout(function() {
|
||||
if (tree.getNode(versionId) != null) {
|
||||
tree.setCurrentKey(versionId);
|
||||
}
|
||||
}, index * 300);
|
||||
},
|
||||
_expandNode(tree, versionId) {
|
||||
return function() {
|
||||
tree.getNode(versionId).expand();
|
||||
}
|
||||
},
|
||||
loadNode(node, resolve) {// `动态`加载
|
||||
const that = this;
|
||||
that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal.batch_create_repository_tree_data',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
categorys: that.categorys,
|
||||
pid: ''
|
||||
}
|
||||
};
|
||||
if (node.level === 0) {
|
||||
// 获取根目录
|
||||
data.data.pid = that.pid;
|
||||
} else {
|
||||
// 获取其他目录
|
||||
data.data.pid = node.data.id;
|
||||
}
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
resolve(ro.data);
|
||||
that.loading = false;
|
||||
if (node.level == 0 && ro.data.length > 0) {
|
||||
const tree = that.$refs.tree;
|
||||
tree.getNode(ro.data[0].id).expand();
|
||||
setTimeout(function(){
|
||||
const childNode = tree.getNode(ro.data[0].id).childNodes[0];
|
||||
if (childNode != null) {
|
||||
childNode.expand();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
expandNode(obj, node, tree) {// 展开节点
|
||||
|
||||
},
|
||||
closeNode(obj, node, tree) {// 关闭时清空，下次展开重新请求动态加载
|
||||
node.childNodes = [];
|
||||
node.loaded = false;
|
||||
},
|
||||
checkedNode(data, checked, subChecked) {// 节点选中事件
|
||||
// 获取所有子节点
|
||||
const that = this;
|
||||
const params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal.batch_create_repository_all_child_data_query',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
pid: data.id
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(params).then(function (ro) {
|
||||
const childVerIds = ro.data;// 所有可选中子节点
|
||||
const currVerId = data.versionId;// 当前versionId
|
||||
if (checked) {// 选中
|
||||
const checkedVerIds = that.data;
|
||||
if (checkedVerIds.indexOf(currVerId) == -1) {
|
||||
checkedVerIds.push(currVerId);
|
||||
}
|
||||
for (let i = 0; i < childVerIds.length; i++) {
|
||||
if (checkedVerIds.indexOf(childVerIds[i]) == -1) {
|
||||
checkedVerIds.push(childVerIds[i]);
|
||||
}
|
||||
}
|
||||
that.$refs.tree.setCheckedKeys(checkedVerIds);
|
||||
} else {// 取消选中
|
||||
const checkedVerIds = that.data;
|
||||
const tempArr = [];
|
||||
for (let i = 0; i < checkedVerIds.length; i++) {
|
||||
if (checkedVerIds[i] != currVerId && childVerIds.indexOf(checkedVerIds[i]) == -1) {
|
||||
tempArr.push(checkedVerIds[i]);
|
||||
}
|
||||
}
|
||||
that.data = tempArr;
|
||||
that.$refs.tree.setCheckedKeys(that.data);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visible(val) {
|
||||
this.dialogVisible = val;
|
||||
if (val) {// 打开
|
||||
this.pid = this.rootId;
|
||||
this.refresh = true;
|
||||
} else {// 关闭
|
||||
this.refresh = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#palRepositoryTree >>> .el-dialog__body {
|
||||
padding: 10px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
#palRepositoryTree >>> .el-input__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#palRepositoryTree >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
||||
background-color: #F5F7FA;
|
||||
color: #4E7FF9;
|
||||
}
|
||||
#palRepositoryTree >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .awsui-iconfont {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
/*#palRepositoryTree >>> .el-tree .el-tree-node>.el-tree-node__children{*/
|
||||
/* overflow: visible;*/
|
||||
/*}*/
|
||||
.tree{
|
||||
overflow: auto;
|
||||
width:458px;
|
||||
height: 200px;
|
||||
}
|
||||
#palRepositoryTree >>> .el-tree {
|
||||
min-width: 100%;
|
||||
display:inline-block !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,7 @@
|
||||
import CreateTree from './component'
|
||||
|
||||
CreateTree.install = function(Vue) {
|
||||
Vue.component(CreateTree.name, CreateTree);
|
||||
}
|
||||
|
||||
export default CreateTree;
|
||||
457
com.actionsoft.apps.coe.pal.batch/src/views/create/create.vue
Normal file
457
com.actionsoft.apps.coe.pal.batch/src/views/create/create.vue
Normal file
@ -0,0 +1,457 @@
|
||||
<template>
|
||||
<awsui-layout>
|
||||
<awsui-header id="header">
|
||||
<el-steps :active="active" align-center>
|
||||
<el-step title="上传" icon="el-icon-upload"></el-step>
|
||||
<el-step title="校验" icon="el-icon-warning"></el-step>
|
||||
<el-step title="结果" icon="el-icon-success"></el-step>
|
||||
</el-steps>
|
||||
</awsui-header>
|
||||
<awsui-main :style="{height: mainHeight, padding: '0'}">
|
||||
<!-- 上传 -->
|
||||
<div v-if="this.active == 1" :style="{height: parseInt(mainHeight) - 40 + 'px', width: '100%'}">
|
||||
<awsui-tabs v-model="uploadStep.activeName">
|
||||
<awsui-tab-pane label="批量创建流程清单" name="processList">
|
||||
<div v-loading="uploadStep.loading">
|
||||
<!-- 文件上传功能 -->
|
||||
<div v-show="uploadStep.processUpload.status == 0" style="text-align: center;padding-top: 220px;">
|
||||
<awsui-button type="primary" class="button-general-color" style="margin: 0;" @click="uploadFile('process')">上传Excel文件</awsui-button>
|
||||
<div style="padding-top: 30px;">
|
||||
<span class="text-linker-color" style="cursor: pointer;" @click.stop="downloadTemplate('processList')">下载Excel模板</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 已上传文件删除 -->
|
||||
<div v-show="uploadStep.processUpload.status == 1" style="text-align: center;">
|
||||
<div style="padding-top: 220px;">
|
||||
<div style="display:inline-block;height: 28px;width:119px;line-height: 28px;vertical-align: middle;background-color: #DEDEDE">
|
||||
已上传文件
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-top: 30px;">
|
||||
<span class="text-linker-color" style="cursor: pointer;" @click="downLoadUploaded(processFileValue, uploadStep.processUpload.data.name)">{{uploadStep.processUpload.data.name}}</span>
|
||||
<i class="awsui-iconfont" style="cursor: pointer;" @click="deleteUploaded(processFileValue, uploadStep.processUpload.data.name)"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="false">
|
||||
<pal-upload ref="processUpload" style="width: 100%;"
|
||||
class="upload-demo"
|
||||
:appId=appId
|
||||
:repositoryName=repositoryName
|
||||
:groupValue=groupValue
|
||||
:fileValue=processFileValue
|
||||
:on-preview="handleProcessPreview"
|
||||
:on-success="handleProcessSuccess"
|
||||
:on-remove="handleProcessRemove"
|
||||
:on-error="handleProcessError"
|
||||
:before-remove="beforeProcessRemove"
|
||||
:before-upload="beforeProcessUpload"
|
||||
:limit="1"
|
||||
:on-exceed="handleProcessExceed"
|
||||
accept=".xlsx"
|
||||
:file-list="uploadStep.processUpload.fileList">
|
||||
<div style="display: none;">
|
||||
<awsui-button id="selectProcessFileButton" style="width: 130px;" class="button-general-color" type="primary">本地文件上传</awsui-button>
|
||||
</div>
|
||||
</pal-upload>
|
||||
</div>
|
||||
</div>
|
||||
</awsui-tab-pane>
|
||||
<awsui-tab-pane label="批量创建模型结构" name="shapeList">
|
||||
<div v-loading="uploadStep.loading">
|
||||
<!-- 文件上传功能 -->
|
||||
<div v-show="uploadStep.shapeUpload.status == 0" style="text-align: center;padding-top: 220px;">
|
||||
<awsui-button type="primary" class="button-general-color" style="margin: 0;" @click="uploadFile('shape')">上传Excel文件</awsui-button>
|
||||
<div style="padding-top: 30px;">
|
||||
<span class="text-linker-color" style="cursor: pointer;" @click="openRepositoryTreeDlg">下载Excel模板</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 已上传文件删除 -->
|
||||
<div v-show="uploadStep.shapeUpload.status == 1" style="text-align: center;">
|
||||
<div style="padding-top: 220px;">
|
||||
<div style="display:inline-block;height: 28px;width:119px;line-height: 28px;vertical-align: middle;background-color: #DEDEDE">
|
||||
已上传文件
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-top: 30px;">
|
||||
<span class="text-linker-color" style="cursor: pointer;" @click="downLoadUploaded(shapeFileValue, uploadStep.shapeUpload.data.name)">{{uploadStep.shapeUpload.data.name}}</span>
|
||||
<i class="awsui-iconfont" style="cursor: pointer;" @click="deleteUploaded(shapeFileValue, uploadStep.shapeUpload.data.name)"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="false">
|
||||
<pal-upload ref="shapeUpload" style="width: 100%;"
|
||||
class="upload-demo"
|
||||
:appId=appId
|
||||
:repositoryName=repositoryName
|
||||
:groupValue=groupValue
|
||||
:fileValue=shapeFileValue
|
||||
:on-preview="handleShapePreview"
|
||||
:on-success="handleShapeSuccess"
|
||||
:on-remove="handleShapeRemove"
|
||||
:on-error="handleShapeError"
|
||||
:before-remove="beforeShapeRemove"
|
||||
:before-upload="beforeShapeUpload"
|
||||
:limit="1"
|
||||
:on-exceed="handleShapeExceed"
|
||||
accept=".xlsx"
|
||||
:file-list="uploadStep.shapeUpload.fileList">
|
||||
<div style="display: none;">
|
||||
<awsui-button id="selectShapeFileButton" style="width: 130px;" class="button-general-color" type="primary">本地文件上传</awsui-button>
|
||||
</div>
|
||||
</pal-upload>
|
||||
</div>
|
||||
</div>
|
||||
<create-tree
|
||||
ref="createTree"
|
||||
:visible.sync="uploadStep.shapeUpload.createTree.visible"
|
||||
:wsId="wsId"
|
||||
:teamId="teamId"
|
||||
:categorys="methodCategory"
|
||||
:multiple=true
|
||||
v-on:cancel="uploadStep.shapeUpload.createTree.visible = false"
|
||||
v-on:getResult="saveCreateTreeResult"
|
||||
:title="uploadStep.shapeUpload.createTree.title"
|
||||
></create-tree>
|
||||
|
||||
</awsui-tab-pane>
|
||||
</awsui-tabs>
|
||||
</div>
|
||||
<!-- 校验 -->
|
||||
<div v-if="this.active == 2" :style="{height: parseInt(mainHeight) - 40 + 'px', width: '100%'}">
|
||||
<template v-if="checkStep.type == 'processList'">
|
||||
<check-process ref="processListCheck" :file-name="uploadStep.processUpload.data.name" :totalHeight="mainHeight"/>
|
||||
</template>
|
||||
<template v-if="checkStep.type == 'shapeList'">
|
||||
<check-shape ref="shapeListCheck" :file-name="uploadStep.shapeUpload.data.name" :totalHeight="mainHeight"/>
|
||||
</template>
|
||||
</div>
|
||||
<!-- 结果 -->
|
||||
<div v-if="this.active == 3" :style="{height: parseInt(mainHeight) - 40 + 'px', width: '100%'}">
|
||||
<save ref="save" :totalHeight="mainHeight" :param="saveData"/>
|
||||
</div>
|
||||
</awsui-main>
|
||||
<awsui-footer>
|
||||
<div style="float: right;">
|
||||
<awsui-button v-if="this.active == 2" style="margin-top: 12px;" @click="prev">上一步</awsui-button>
|
||||
<awsui-button v-if="this.active == 1 || this.active == 2" style="margin-top: 12px;" @click="next">下一步</awsui-button>
|
||||
<template v-if="this.active == 3">
|
||||
<awsui-button style="margin-top: 12px;" @click="downloadLog">导出报告</awsui-button>
|
||||
<awsui-button style="margin-top: 12px;" @click="success">完成</awsui-button>
|
||||
</template>
|
||||
</div>
|
||||
</awsui-footer>
|
||||
</awsui-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import palUpload from '../components/upload/index';
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
import createTree from './components/createTree/index';
|
||||
import checkProcess from './check-process';
|
||||
import checkShape from './check-shape';
|
||||
import save from './save';
|
||||
import Save from './save.vue';
|
||||
export default {
|
||||
name: "create",
|
||||
components: {palUpload, createTree, checkProcess, checkShape, save},
|
||||
data() {
|
||||
return {
|
||||
active: 1,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
methodCategory: methodCategory,
|
||||
appId: appId,
|
||||
repositoryName: repositoryName,
|
||||
groupValue: groupValue,
|
||||
processFileValue: processFileValue,
|
||||
shapeFileValue: shapeFileValue,
|
||||
mainHeight: (document.documentElement.clientHeight) - 60 - 40 + 'px',
|
||||
uploadStep: {
|
||||
activeName: 'processList',
|
||||
loading: false,
|
||||
processUpload: {// 模型清单批量上传
|
||||
status: 0,
|
||||
fileList: [],// 组件上传列表
|
||||
data: {},// 自定义数据展示数据源
|
||||
},
|
||||
shapeUpload: {// 模型结构批量上传
|
||||
status: 0,
|
||||
fileList: [],
|
||||
data: {},
|
||||
createTree : {
|
||||
visible: false,
|
||||
title: '请选择流程'
|
||||
}
|
||||
}
|
||||
},
|
||||
checkStep: {
|
||||
type: ''
|
||||
},
|
||||
fileList: [],
|
||||
saveData: {// 待保存的数据
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
type: '',
|
||||
fileValue: '',
|
||||
fileName: '',
|
||||
data: {
|
||||
okData: []
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
const that = this;
|
||||
that.resize();
|
||||
},
|
||||
methods: {
|
||||
prev() {// 上一步
|
||||
if (this.active == 2) {
|
||||
this.checkStep.type = '';
|
||||
}
|
||||
this.active--;
|
||||
},
|
||||
next() {// 下一步
|
||||
if (this.active == 1) {// 上传文件页面点击下一页
|
||||
if (!this.checkUploadFile()) {
|
||||
this.$message({message: '请上传Excel文件', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
this.checkStep.type = this.uploadStep.activeName;
|
||||
} else if (this.active == 2) {
|
||||
if (this.checkStep.type == 'processList') {// 流程清单文件上传
|
||||
const result = this.$refs.processListCheck.checkResult;
|
||||
if (!result.chheckDone) {
|
||||
this.$message({message: '正在校验或校验未通过，不支持此操作', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
if (result.errData.length > 0) {
|
||||
this.$message({message: '校验未通过', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
if (result.okData.length == 0) {
|
||||
this.$message({message: '上传文件无数据', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
this.saveData.type = 'processList';
|
||||
this.saveData.fileValue = this.processFileValue;
|
||||
this.saveData.fileName = this.uploadStep.processUpload.data.name;
|
||||
this.saveData.data.okData = result.okData;
|
||||
} else {// 模型结构批量上传
|
||||
const result = this.$refs.shapeListCheck.checkResult;
|
||||
if (!result.chheckDone) {
|
||||
this.$message({message: '正在校验或校验未通过，不支持此操作', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
if (!result.isOk) {
|
||||
this.$message({message: '校验未通过', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
this.saveData.type = 'shapeList';
|
||||
this.saveData.fileValue = this.shapeFileValue;
|
||||
this.saveData.fileName = this.uploadStep.shapeUpload.data.name;
|
||||
this.saveData.data.okData = result.okData;
|
||||
}
|
||||
}
|
||||
this.active++;
|
||||
},
|
||||
success() {// 完成，关闭窗口
|
||||
parent.closeBatchCreateFn([]);
|
||||
},
|
||||
downloadLog() {// 下载日志
|
||||
this.$refs.save.downloadLog();
|
||||
},
|
||||
checkUploadFile() {// 上传模板之后下一步
|
||||
if (this.uploadStep.activeName == 'processList') {
|
||||
if (this.uploadStep.processUpload.status == 1) {
|
||||
return true;
|
||||
}
|
||||
} else if (this.uploadStep.activeName == 'shapeList') {
|
||||
if (this.uploadStep.shapeUpload.status == 1) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
uploadFile(type) {// 上传模板
|
||||
if (type == 'process') {// 批量上传流程清单模板
|
||||
this.$refs.processUpload.clearFiles();
|
||||
document.getElementById("selectProcessFileButton").click();
|
||||
} else {// 模型结构清单模板
|
||||
this.$refs.shapeUpload.clearFiles();
|
||||
document.getElementById("selectShapeFileButton").click();
|
||||
}
|
||||
},
|
||||
downloadTemplate(type, versionIds) { // 下载模板
|
||||
const that = this;
|
||||
that.uploadStep.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_download_template",
|
||||
wsId : that.wsId,
|
||||
type : type,
|
||||
versionIds : versionIds
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
that.uploadStep.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
window.open(ro.data.url);
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
downLoadUploaded(fileValue, name) {// 下载已经上传的
|
||||
const that = this;
|
||||
that.uploadStep.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_uploaded_file_download",
|
||||
fileValue : fileValue,
|
||||
fileName : name
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
that.uploadStep.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
window.location.href = ro.data.url;
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
deleteUploaded(fileValue, name) {// 删除已经上传的
|
||||
const that = this;
|
||||
that.uploadStep.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_uploaded_file_delete",
|
||||
fileValue : fileValue,
|
||||
fileName : name
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
that.uploadStep.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
if (that.uploadStep.activeName == 'processList') {// 删除已上传流程清单模板
|
||||
that.$refs.processUpload.clearFiles();
|
||||
that.uploadStep.processUpload.status = 0;
|
||||
that.uploadStep.processUpload.data = {};
|
||||
} else {// 删除已上传模型结构清单模板
|
||||
that.$refs.shapeUpload.clearFiles();
|
||||
that.uploadStep.shapeUpload.status = 0;
|
||||
that.uploadStep.shapeUpload.data = {};
|
||||
}
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
/******模型结构模板下载start*******/
|
||||
openRepositoryTreeDlg () {// 打开模型选择框
|
||||
this.uploadStep.shapeUpload.createTree.visible = true;
|
||||
},
|
||||
saveCreateTreeResult(data) {// 模型选择完成后，获取选中的数据
|
||||
if (data.length == 0) {
|
||||
this.$message({message: '未选择任何模型，下载模板被取消', type: 'warning'});
|
||||
} else {
|
||||
this.downloadTemplate('shapeList', data.join(','));
|
||||
}
|
||||
},
|
||||
/******模型结构模板下载end*******/
|
||||
/******模型清单模板上传start*********/
|
||||
handleProcessRemove(file, fileList) {
|
||||
this.uploadStep.processUpload.status = 0;
|
||||
},
|
||||
handleProcessPreview(file) {
|
||||
},
|
||||
handleProcessExceed(files, fileList) {
|
||||
},
|
||||
handleProcessError(err, file, fileList) {
|
||||
},
|
||||
beforeProcessUpload(file) {
|
||||
// 上传之前校验判断大小
|
||||
if (file.size / 1024 / 1024 > 10) { //文件大于10M
|
||||
this.$message.warning('文件不允许超过10M');
|
||||
return false;
|
||||
}
|
||||
},
|
||||
handleProcessSuccess(response, file, fileList) {
|
||||
const that = this;
|
||||
that.uploadStep.processUpload.status = 1;
|
||||
that.uploadStep.processUpload.data = {
|
||||
name: file.name,
|
||||
size: file.size
|
||||
};
|
||||
},
|
||||
beforeProcessRemove(file, fileList) {
|
||||
},
|
||||
/******模型清单模板上传end*********/
|
||||
/******模型结构模板上传start*********/
|
||||
handleShapeRemove(file, fileList) {
|
||||
this.uploadStep.shapeUpload.status = 0;
|
||||
},
|
||||
handleShapePreview(file) {
|
||||
},
|
||||
handleShapeExceed(files, fileList) {
|
||||
},
|
||||
handleShapeError(err, file, fileList) {
|
||||
},
|
||||
beforeShapeUpload(file) {
|
||||
// 上传之前校验判断大小
|
||||
if (file.size / 1024 / 1024 > 10) { //文件大于10M
|
||||
this.$message.warning('文件不允许超过10M');
|
||||
return false;
|
||||
}
|
||||
},
|
||||
handleShapeSuccess(response, file, fileList) {
|
||||
const that = this;
|
||||
that.uploadStep.shapeUpload.status = 1;
|
||||
that.uploadStep.shapeUpload.data = {
|
||||
name: file.name,
|
||||
size: file.size
|
||||
};
|
||||
|
||||
},
|
||||
beforeShapeRemove(file, fileList) {
|
||||
},
|
||||
/******模型结构模板上传end*********/
|
||||
|
||||
resize() {// 窗口监听window.resize
|
||||
const that = this
|
||||
let resizeTimer = null;
|
||||
window.onresize = () => {
|
||||
return (() => {
|
||||
if (resizeTimer) clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(function(){
|
||||
that.mainHeight = (document.documentElement.clientHeight) - 60 - 40 + 'px';
|
||||
} , 400);
|
||||
})()
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#header >>> .el-step__title {
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
184
com.actionsoft.apps.coe.pal.batch/src/views/create/save.vue
Normal file
184
com.actionsoft.apps.coe.pal.batch/src/views/create/save.vue
Normal file
@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<div v-loading="loading" :style="{height: mainHeight, 'background-color': '#2c2c2c'}">
|
||||
<codemirror
|
||||
id="mycode"
|
||||
ref="mycode"
|
||||
style="height: auto"
|
||||
v-model="curCode"
|
||||
:options="cmOptions"
|
||||
class="code"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
import { codemirror } from 'vue-codemirror'
|
||||
import "codemirror/theme/ambiance.css"; // 这里引入的是主题样式，根据设置的theme的主题引入，一定要引入！！
|
||||
require("codemirror/mode/javascript/javascript"); // 这里引入的模式的js，根据设置的mode引入，一定要引入！！
|
||||
|
||||
export default {
|
||||
name: "check-process",
|
||||
props: {
|
||||
param: {// 文件名称
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
totalHeight: {
|
||||
type: String,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
components: {codemirror},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
processFileValue: processFileValue,
|
||||
msgHeight: '20px',
|
||||
mainHeight: parseInt(this.totalHeight) + 'px',
|
||||
curCode: '正在导入',
|
||||
cmOptions: {
|
||||
value:'',
|
||||
mode:"text/html",
|
||||
theme: "ambiance",
|
||||
lineNumbers: false,
|
||||
styleActiveLine: true,
|
||||
tabSize: 4,
|
||||
autofocus: true,
|
||||
scrollbarStyle: "null",
|
||||
readOnly:true,
|
||||
},
|
||||
result: {// 保存结果
|
||||
path: '',
|
||||
type: '',
|
||||
logId: '',
|
||||
count: 0,
|
||||
executeDone: false,
|
||||
interval: null, // 查询日志定时器
|
||||
timer:0, // 时间戳记录
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.save();
|
||||
},
|
||||
methods: {
|
||||
save() {// 上传
|
||||
const that = this;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_data_save",
|
||||
param : JSON.stringify(that.param)
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
// 获取导入日志信息
|
||||
that.result.path = ro.data.path;
|
||||
that.result.logId = ro.data.logId;
|
||||
that.result.type = ro.data.type;
|
||||
that.result.count = 0;
|
||||
that.getImportInfoEvent();
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
getImportInfoEvent() {// 定时器查询导入日志
|
||||
this.result.interval = setInterval(this.queryLog, 1000)
|
||||
},
|
||||
queryLog() {
|
||||
const that = this;
|
||||
that.result.timer = new Date().getTime();
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_log_query",
|
||||
type: that.result.type,
|
||||
logId: that.result.logId,
|
||||
path: that.result.path,
|
||||
timer: that.result.timer
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.timer == '') {
|
||||
that.curCode = ro.data.content;
|
||||
// 添加内容后定位到行尾
|
||||
that.$nextTick(()=> {
|
||||
that.$refs.mycode.codemirror.scrollIntoView(that.$refs.mycode.codemirror.lineCount() - 1);
|
||||
});
|
||||
that.result.executeDone = true;
|
||||
that.clearInterval();
|
||||
} else if (parseInt(ro.data.timer) <= that.result.timer){// axios异步，以时间戳对比获取最新日至内容
|
||||
that.curCode = ro.data.content;
|
||||
// 添加内容后定位到行尾
|
||||
that.$nextTick(()=> {
|
||||
that.$refs.mycode.codemirror.scrollIntoView(that.$refs.mycode.codemirror.lineCount() - 1);
|
||||
});
|
||||
}
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
clearInterval() {
|
||||
clearInterval(this.result.interval);
|
||||
},
|
||||
downloadLog() {
|
||||
const that = this;
|
||||
if (that.result.path == '') {
|
||||
that.$message({message: '获取报告失败', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
if (!that.result.executeDone) {
|
||||
that.$message({message: '正在导入，请稍等', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_log_download",
|
||||
type: that.result.type,
|
||||
path: that.result.path
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
window.open(ro.data.url);
|
||||
parent.closeBatchCreateFn([]);
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#mycode >>> .CodeMirror-lines {
|
||||
background-color: #2c2c2c;
|
||||
color: #58A0F0;
|
||||
}
|
||||
#mycode >>> .CodeMirror {
|
||||
height: auto !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,3 @@
|
||||
说明：调用aws平台的部门、人员、角色组件
|
||||
复制的com.actionsoft.apps.coe.pal/src/components/common/BPMOrgAddress组件
|
||||
如有任何bug，请修改com.actionsoft.apps.coe.pal/src/components/common/BPMOrgAddress中的组件并完全覆盖此组件并修改该组件的awsuiAxios引用地址
|
||||
@ -0,0 +1,352 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-dialog
|
||||
id="bpmOrgAddress"
|
||||
:title="title"
|
||||
:visible.sync="dialogVisible"
|
||||
:destroy-on-close=true
|
||||
:width="width"
|
||||
:modal-append-to-body=false
|
||||
:append-to-body=true
|
||||
:close-on-click-modal=false
|
||||
:before-close="handleClose">
|
||||
<template v-if="refresh">
|
||||
<div
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中">
|
||||
<!-- <el-autocomplete-->
|
||||
<!-- v-model="treeSearchKey"-->
|
||||
<!-- size="small"-->
|
||||
<!-- :fetch-suggestions="treeSearch"-->
|
||||
<!-- @select="treeSearchSelect"-->
|
||||
<!-- suffix-icon="el-icon-search"-->
|
||||
<!-- placeholder="快速查询"-->
|
||||
<!-- :trigger-on-focus=false-->
|
||||
<!-- style="width:100%;">-->
|
||||
<!-- <template slot-scope="{ item }">-->
|
||||
<!-- <el-tooltip class="item" placement="bottom">-->
|
||||
<!-- <div slot="content">{{item.pathName}}</div>-->
|
||||
<!-- <span>{{ item.name }}</span>-->
|
||||
<!-- </el-tooltip>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-autocomplete>-->
|
||||
<div style="height: 300px;overflow: auto;border: 1px solid #f2f2f2;">
|
||||
<div class="tree">
|
||||
<el-tree
|
||||
ref="tree"
|
||||
:props="treeProps"
|
||||
:show-checkbox="multiple"
|
||||
:expand-on-click-node=false
|
||||
:check-strictly=true
|
||||
:highlight-current=true
|
||||
@node-click="openNode"
|
||||
@node-expand="expandNode"
|
||||
@node-collapse="closeNode"
|
||||
node-key="id"
|
||||
lazy
|
||||
:load="loadNode">
|
||||
<span slot-scope="{node, data}">
|
||||
<i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i>
|
||||
<span>{{node.label}}</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<awsui-button class="button-general-color" type="primary" @click="submit">确定</awsui-button>
|
||||
<awsui-button @click="cancel">取消</awsui-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../../../awsuiAxios";
|
||||
|
||||
export default {
|
||||
name: "BpmOrgAddress",
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
addressType: {// 地址簿类型，默认部门地址簿，可进行部门department、用户user、角色role组合，逗号分隔
|
||||
type: String,
|
||||
default: 'department'
|
||||
},
|
||||
multiple: {// 是否多选
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
rootDeptId: {// 默认根部门,为空则默认当前人所属单位为根节点
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
highSecurityFilter: {// 地址簿过滤三员用户类型 三员开启模式并且地址簿类型包含用户user时有效，系统管理员sysAdmin、安全保密员secAdmin、安全审计员auditor，逗号分割
|
||||
type: String,
|
||||
default: ''// 例如值为sysAdmin,auditor，则开启三员之后该地址簿不显示系统管理员和安全审计员
|
||||
},
|
||||
title: {// 标题
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
selected: {// 默认选中，比如{'department':[],'user':[],'role':[],'position':[]}，不区分单多选，单选只取第一个值
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {'department':[],'user':[],'role':[],'position':[]}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
refresh: false,
|
||||
dialogVisible: false,
|
||||
loading: false,
|
||||
searchKey: '',
|
||||
treeSearchKey: '',
|
||||
timeout: null,
|
||||
pid: '',
|
||||
width: '500px',
|
||||
treeProps: {
|
||||
label: 'name',
|
||||
isLeaf: 'leaf'
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleClose(done) {
|
||||
this.closeDlalog('cancel');
|
||||
done();
|
||||
},
|
||||
cancel() {
|
||||
this.closeDlalog('cancel');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
submit() {
|
||||
this.closeDlalog('save');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
closeDlalog(type) {// 取消/确定之后的关闭
|
||||
if (type == 'save') {
|
||||
let result = [];
|
||||
if (this.multiple) {// 多选
|
||||
result = this.$refs.tree.getCheckedNodes();
|
||||
} else {// 单选
|
||||
const node = this.$refs.tree.getCurrentNode();
|
||||
if (node != null) {
|
||||
result.push(node);
|
||||
}
|
||||
}
|
||||
this.$emit('getResult', JSON.parse(JSON.stringify(result)));
|
||||
} else {
|
||||
this.$emit('cancel');
|
||||
}
|
||||
// 清空所有数据
|
||||
},
|
||||
handleNodeClick(data) {
|
||||
// console.log(data);
|
||||
},
|
||||
openNode(obj, node, tree) {// 打开一只模型文件
|
||||
|
||||
},
|
||||
treeSearchSelect(item) {
|
||||
this.queryTreeByIdAndPath(item.id, item.path);
|
||||
},
|
||||
treeSearch(key, cb) {
|
||||
const that = this;
|
||||
if (key != undefined && key.trim() != '') {
|
||||
// that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_search',
|
||||
addressType: that.addressType,
|
||||
rootDeptId: that.rootDeptId,
|
||||
name: key
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.length > 0) {
|
||||
clearTimeout(that.timeout);
|
||||
that.timeout = setTimeout(() => {
|
||||
cb(ro.data);
|
||||
}, 3000 * Math.random());
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
},
|
||||
queryTreeByIdAndPath(id, path) {// 定位展开某节点
|
||||
const that= this;
|
||||
const tree = that.$refs.tree;
|
||||
// 分隔字符串
|
||||
const pathArr = path.split(',');
|
||||
let index = 1;
|
||||
for (let i = 0; i < pathArr.length; i++) {// 依次展开
|
||||
if (i > 0) {
|
||||
if (tree.getNode(pathArr[i-1]) != null) {
|
||||
setTimeout(that._expandNode(tree, pathArr[i-1]), index * 300);
|
||||
index++;
|
||||
}
|
||||
}
|
||||
}
|
||||
setTimeout(function() {
|
||||
if (tree.getNode(id) != null) {
|
||||
tree.setCurrentKey(id);
|
||||
}
|
||||
}, index * 300);
|
||||
},
|
||||
_expandNode(tree, id) {
|
||||
return function() {
|
||||
tree.getNode(id).expand();
|
||||
}
|
||||
},
|
||||
loadNode(node, resolve) {// `动态`加载
|
||||
const that = this;
|
||||
that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_bpm_org_address_component_subjson',
|
||||
addressType: that.addressType,
|
||||
pid: '',
|
||||
highSecurityFilter: that.highSecurityFilter
|
||||
}
|
||||
};
|
||||
if (node.level === 0) {
|
||||
// 获取根目录
|
||||
data.data.pid = that.pid;
|
||||
data.data.parentType = '';
|
||||
} else {
|
||||
// 获取其他目录
|
||||
data.data.pid = node.data.id;
|
||||
data.data.parentType = node.data.type;
|
||||
}
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
// 设置是否可选中
|
||||
if (that.multiple) {// 多选
|
||||
const isDept = that.addressType.indexOf('department') > -1;
|
||||
const isUser = that.addressType.indexOf('user') > -1;
|
||||
const isRole = that.addressType.indexOf('role') > -1;
|
||||
const isPosition = that.addressType.indexOf('position') > -1;
|
||||
for (let i = 0; i < ro.data.length; i++) {
|
||||
const curr = ro.data[i];
|
||||
if (curr.type == 'company' || curr.type == 'roleRoot' || curr.type == 'roleGroup' || curr.type == 'positionRoot' || curr.type == 'positionGroup') {
|
||||
curr.disabled = true;
|
||||
} else {
|
||||
if (isDept && curr.type == 'department') curr.disabled = false;
|
||||
if (!isDept && curr.type == 'department') curr.disabled = true;
|
||||
if (isUser && curr.type == 'user') curr.disabled = false;
|
||||
if (!isUser && curr.type == 'user') curr.disabled = true;
|
||||
if (isRole && curr.type == 'role') curr.disabled = false;
|
||||
if (!isRole && curr.type == 'role') curr.disabled = true;
|
||||
if (isPosition && curr.type == 'position') curr.disabled = false;
|
||||
if (!isPosition && curr.type == 'position') curr.disabled = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
resolve(ro.data);
|
||||
that.loading = false;
|
||||
if (node.level == 0 && ro.data.length > 0) {
|
||||
const tree = that.$refs.tree;
|
||||
tree.getNode(ro.data[0].id).expand();
|
||||
setTimeout(function(){
|
||||
const childNode = tree.getNode(ro.data[0].id).childNodes[0];
|
||||
if (childNode != null) {
|
||||
childNode.expand();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
expandNode(obj, node, tree) {// 展开节点
|
||||
|
||||
},
|
||||
closeNode(obj, node, tree) {// 关闭时清空，下次展开重新请求动态加载
|
||||
node.childNodes = [];
|
||||
node.loaded = false;
|
||||
},
|
||||
refreshNode(id) {// 刷新当前选中节点的子节点，即关闭当前节点后重新打开，会执行loadNode进行自动加载
|
||||
if (id == undefined) {// 未指定节点，默认刷新当前选中
|
||||
const nodeData = this.$refs.tree.getCurrentNode();
|
||||
if (nodeData != null) {
|
||||
if (this.$refs.tree.store.nodesMap[nodeData.id] != undefined) {
|
||||
this.$refs.tree.store.nodesMap[nodeData.id].expanded = false;
|
||||
}
|
||||
const node = this.$refs.tree.getNode(nodeData.id);
|
||||
this.closeNode(null, node, null);
|
||||
node.expand();
|
||||
}
|
||||
} else {// 指定刷新某节点
|
||||
if (this.$refs.tree.store.nodesMap[id] != undefined) {
|
||||
this.$refs.tree.store.nodesMap[id].expanded = false;
|
||||
}
|
||||
const node = this.$refs.tree.getNode(id);
|
||||
if (node != null) {
|
||||
this.closeNode(null, node, null);
|
||||
node.expand();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visible(val) {
|
||||
this.dialogVisible = val;
|
||||
if (val) {// 打开
|
||||
if (this.addressType.indexOf('department') > 0) {
|
||||
this.pid = this.rootDeptId;
|
||||
}
|
||||
this.refresh = true;
|
||||
} else {// 关闭
|
||||
this.refresh = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#bpmOrgAddress >>> .el-dialog__body {
|
||||
padding: 10px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
#bpmOrgAddress >>> .el-input__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#bpmOrgAddress >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
||||
background-color: #F5F7FA;
|
||||
color: #4E7FF9;
|
||||
}
|
||||
#bpmOrgAddress >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .awsui-iconfont {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
/*#bpmOrgAddress >>> .el-tree .el-tree-node>.el-tree-node__children{*/
|
||||
/* overflow: visible;*/
|
||||
/*}*/
|
||||
.tree{
|
||||
overflow: auto;
|
||||
width:458px;
|
||||
height: 300px;
|
||||
}
|
||||
#bpmOrgAddress >>> .el-tree {
|
||||
min-width: 100%;
|
||||
display:inline-block !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,7 @@
|
||||
import BPMOrgAddress from './component'
|
||||
|
||||
BPMOrgAddress.install = function(Vue) {
|
||||
Vue.component(BPMOrgAddress.name, BPMOrgAddress);
|
||||
}
|
||||
|
||||
export default BPMOrgAddress;
|
||||
@ -0,0 +1,2 @@
|
||||
说明：PAL模型树组件，复制的com.actionsoft.apps.coe.pal/src/components/common/PALRepositoryTree组件
|
||||
如有任何bug，请修改com.actionsoft.apps.coe.pal/src/components/common/PALRepositoryTree中的组件并完全覆盖此组件并修改该组件的awsuiAxios引用地址
|
||||
@ -0,0 +1,338 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-dialog
|
||||
id="palRepositoryTree"
|
||||
:title="title"
|
||||
:visible.sync="dialogVisible"
|
||||
:destroy-on-close=true
|
||||
:width="width"
|
||||
:modal-append-to-body=false
|
||||
:append-to-body=true
|
||||
:close-on-click-modal=false
|
||||
:before-close="handleClose">
|
||||
<template v-if="refresh">
|
||||
<div
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中">
|
||||
<el-autocomplete
|
||||
v-model="treeSearchKey"
|
||||
size="small"
|
||||
:fetch-suggestions="treeSearch"
|
||||
@select="treeSearchSelect"
|
||||
suffix-icon="el-icon-search"
|
||||
placeholder="快速查询"
|
||||
:trigger-on-focus=false
|
||||
style="width:100%;"
|
||||
>
|
||||
<template slot-scope="{ item }">
|
||||
<el-tooltip class="item" placement="bottom-start">
|
||||
<div slot="content">{{item.pathName}}</div>
|
||||
<span>{{ item.name }}</span>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-autocomplete>
|
||||
<div style="height: 300px;overflow: auto;border: 1px solid #f2f2f2;">
|
||||
<div class="tree">
|
||||
<el-tree
|
||||
ref="tree"
|
||||
:props="treeProps"
|
||||
:expand-on-click-node=false
|
||||
:highlight-current=true
|
||||
@node-click="openNode"
|
||||
@node-expand="expandNode"
|
||||
@node-collapse="closeNode"
|
||||
:show-checkbox=multiple
|
||||
node-key="id"
|
||||
lazy
|
||||
:load="loadNode">
|
||||
<span slot-scope="{node, data}">
|
||||
<i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i>
|
||||
<span>{{node.label}}</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<awsui-button class="button-general-color" type="primary" @click="submit">确定</awsui-button>
|
||||
<awsui-button @click="cancel">取消</awsui-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../../../awsuiAxios";
|
||||
|
||||
export default {
|
||||
name: "PALRepositoryTree",
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
wsId: {// 资产库ID
|
||||
type: String,
|
||||
default: '',
|
||||
required: true
|
||||
},
|
||||
teamId: {// 小组ID
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
categorys: {// 建模大类,多个则逗号分隔
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
rootId: {// 父节点，为空则查询根节点
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
multiple: {// 是否多选
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
title: {// 标题
|
||||
type: String,
|
||||
default: '请选择'
|
||||
},
|
||||
// width: {// 宽度
|
||||
// type: String,
|
||||
// default: '500px'
|
||||
// },
|
||||
selected: {// 默认选中，比如[]，不区分单多选，单选只取第一个值
|
||||
type: Array,
|
||||
default: function () {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
refresh: false,
|
||||
dialogVisible: false,
|
||||
loading: false,
|
||||
searchKey: '',
|
||||
treeSearchKey: '',
|
||||
timeout: null,
|
||||
pid: '',
|
||||
width: '500px',
|
||||
treeProps: {
|
||||
label: 'name',
|
||||
isLeaf: 'leaf'
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleClose(done) {
|
||||
this.closeDlalog('cancel');
|
||||
done();
|
||||
},
|
||||
cancel() {
|
||||
this.closeDlalog('cancel');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
submit() {
|
||||
this.closeDlalog('save');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
closeDlalog(type) {// 取消/确定之后的关闭
|
||||
if (type == 'save') {
|
||||
let result = [];
|
||||
if (this.checkbox) {// 多选
|
||||
result = this.$refs.tree.getCheckedNodes();
|
||||
} else {// 单选
|
||||
const node = this.$refs.tree.getCurrentNode();
|
||||
if (node != null) {
|
||||
result.push(node);
|
||||
}
|
||||
}
|
||||
this.$emit('getResult', result);
|
||||
} else {
|
||||
this.$emit('cancel');
|
||||
}
|
||||
// 清空所有数据
|
||||
},
|
||||
handleNodeClick(data) {
|
||||
console.log(data);
|
||||
},
|
||||
openNode(obj, node, tree) {// 打开一只模型文件
|
||||
|
||||
},
|
||||
treeSearchSelect(item) {
|
||||
this.queryTreeByIdAndPath(item.id, item.versionId, item.path);
|
||||
},
|
||||
treeSearch(key, cb) {
|
||||
const that = this;
|
||||
if (key != undefined && key.trim() != '') {
|
||||
// that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_search',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
categorys: that.categorys,
|
||||
rootId: that.rootId,
|
||||
name: key
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.length > 0) {
|
||||
clearTimeout(that.timeout);
|
||||
that.timeout = setTimeout(() => {
|
||||
cb(ro.data);
|
||||
}, 3000 * Math.random());
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
},
|
||||
queryTreeByIdAndPath(id, versionId, path) {// 定位展开某节点
|
||||
const that= this;
|
||||
const tree = that.$refs.tree;
|
||||
// 分隔字符串
|
||||
const pathArr = path.split(',');
|
||||
let index = 1;
|
||||
for (let i = 0; i < pathArr.length; i++) {// 依次展开
|
||||
if (i > 0) {
|
||||
if (tree.getNode(pathArr[i-1]) != null) {
|
||||
setTimeout(that._expandNode(tree, pathArr[i-1]), index * 300);
|
||||
index++;
|
||||
}
|
||||
}
|
||||
}
|
||||
setTimeout(function() {
|
||||
if (tree.getNode(versionId) != null) {
|
||||
tree.setCurrentKey(versionId);
|
||||
}
|
||||
}, index * 300);
|
||||
},
|
||||
_expandNode(tree, versionId) {
|
||||
return function() {
|
||||
tree.getNode(versionId).expand();
|
||||
}
|
||||
},
|
||||
loadNode(node, resolve) {// `动态`加载
|
||||
const that = this;
|
||||
that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_subjson',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
categorys: that.categorys,
|
||||
pid: ''
|
||||
}
|
||||
};
|
||||
if (node.level === 0) {
|
||||
// 获取根目录
|
||||
data.data.pid = that.pid;
|
||||
} else {
|
||||
// 获取其他目录
|
||||
data.data.pid = node.data.id;
|
||||
}
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
resolve(ro.data);
|
||||
that.loading = false;
|
||||
if (node.level == 0 && ro.data.length > 0) {
|
||||
const tree = that.$refs.tree;
|
||||
tree.getNode(ro.data[0].id).expand();
|
||||
setTimeout(function(){
|
||||
const childNode = tree.getNode(ro.data[0].id).childNodes[0];
|
||||
if (childNode != null) {
|
||||
childNode.expand();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
expandNode(obj, node, tree) {// 展开节点
|
||||
|
||||
},
|
||||
closeNode(obj, node, tree) {// 关闭时清空，下次展开重新请求动态加载
|
||||
node.childNodes = [];
|
||||
node.loaded = false;
|
||||
},
|
||||
refreshNode(id) {// 刷新当前选中节点的子节点，即关闭当前节点后重新打开，会执行loadNode进行自动加载
|
||||
if (id == undefined) {// 未指定节点，默认刷新当前选中
|
||||
const nodeData = this.$refs.tree.getCurrentNode();
|
||||
if (nodeData != null) {
|
||||
if (this.$refs.tree.store.nodesMap[nodeData.id] != undefined) {
|
||||
this.$refs.tree.store.nodesMap[nodeData.id].expanded = false;
|
||||
}
|
||||
const node = this.$refs.tree.getNode(nodeData.id);
|
||||
this.closeNode(null, node, null);
|
||||
node.expand();
|
||||
}
|
||||
} else {// 指定刷新某节点
|
||||
if (this.$refs.tree.store.nodesMap[id] != undefined) {
|
||||
this.$refs.tree.store.nodesMap[id].expanded = false;
|
||||
}
|
||||
const node = this.$refs.tree.getNode(id);
|
||||
if (node != null) {
|
||||
this.closeNode(null, node, null);
|
||||
node.expand();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visible(val) {
|
||||
this.dialogVisible = val;
|
||||
if (val) {// 打开
|
||||
this.pid = this.rootId;
|
||||
this.refresh = true;
|
||||
} else {// 关闭
|
||||
this.refresh = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#palRepositoryTree >>> .el-dialog__body {
|
||||
padding: 10px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
#palRepositoryTree >>> .el-input__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#palRepositoryTree >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
||||
background-color: #F5F7FA;
|
||||
color: #4E7FF9;
|
||||
}
|
||||
#palRepositoryTree >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .awsui-iconfont {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
/*#palRepositoryTree >>> .el-tree .el-tree-node>.el-tree-node__children{*/
|
||||
/* overflow: visible;*/
|
||||
/*}*/
|
||||
.tree{
|
||||
overflow: auto;
|
||||
width:458px;
|
||||
height: 300px;
|
||||
}
|
||||
#palRepositoryTree >>> .el-tree {
|
||||
min-width: 100%;
|
||||
display:inline-block !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,7 @@
|
||||
import PALRepositoryTree from './component'
|
||||
|
||||
PALRepositoryTree.install = function(Vue) {
|
||||
Vue.component(PALRepositoryTree.name, PALRepositoryTree);
|
||||
}
|
||||
|
||||
export default PALRepositoryTree;
|
||||
@ -0,0 +1 @@
|
||||
属性特性树
|
||||
@ -0,0 +1,141 @@
|
||||
<template>
|
||||
<awsui-dialog
|
||||
title="请选择属性"
|
||||
:visible.sync="dialogVisible"
|
||||
destroy-on-close
|
||||
:before-close="handleClose"
|
||||
:close-on-click-modal=false
|
||||
:modal-append-to-body=false
|
||||
:append-to-body=true
|
||||
width="500px"
|
||||
height="300px">
|
||||
<div v-if="refresh">
|
||||
<el-tree
|
||||
ref="attrTree"
|
||||
:data="attributeDlg.tree.data"
|
||||
:props="attributeDlg.tree.props"
|
||||
highlight-current
|
||||
:expand-on-click-node=false
|
||||
default-expand-all
|
||||
node-key="id">
|
||||
<span slot-scope="{node, data}">
|
||||
<i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': data.iconColor}" v-html="node.data.iconCode"></i>
|
||||
<span>{{node.label}}</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<awsui-button type="primary" @click="submit">确定</awsui-button>
|
||||
<awsui-button @click="cancel">取消</awsui-button>
|
||||
</span>
|
||||
</awsui-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../../../awsuiAxios";
|
||||
|
||||
export default {
|
||||
name: "PalAttributeTree",
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
methodId: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: 'file'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
refresh: false,
|
||||
dialogVisible: false,
|
||||
loading: false,
|
||||
attributeDlg: {
|
||||
tree: {
|
||||
props: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
},
|
||||
data: []
|
||||
},
|
||||
visible: false,
|
||||
currGroup: 0,
|
||||
currRow: 0
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
initTree() {// 打开自定义属性树
|
||||
const that = this;
|
||||
// 查询特性树
|
||||
that.attributeDlg.tree.data = [];
|
||||
that.attributeDlg.visible = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal.batch_replace_attribute_tree_data_query',
|
||||
wsId: wsId,
|
||||
type: that.type,
|
||||
methodId: that.methodId
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if(ro.result == 'ok') {
|
||||
that.attributeDlg.tree.data = ro.data;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
handleClose(done) {
|
||||
this.closeDlalog('cancel');
|
||||
done();
|
||||
},
|
||||
cancel() {
|
||||
this.closeDlalog('cancel');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
submit() {
|
||||
const isOk = this.closeDlalog('save');
|
||||
if (isOk) {
|
||||
this.dialogVisible = false;
|
||||
}
|
||||
},
|
||||
closeDlalog(type) {// 取消/确定之后的关闭
|
||||
if (type == 'save') {
|
||||
const node = this.$refs.attrTree.getCurrentNode();
|
||||
if (node == null || node.type == 'group') {
|
||||
this.$message({message: '请选择属性',type: 'warning'});
|
||||
return false;
|
||||
}
|
||||
this.$emit('getResult', JSON.parse(JSON.stringify(node)));
|
||||
} else {
|
||||
this.$emit('cancel');
|
||||
}
|
||||
// 清空所有数据
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visible(val) {
|
||||
this.dialogVisible = val;
|
||||
if (val) {// 打开
|
||||
this.refresh = true;
|
||||
this.initTree();// 初始化查询
|
||||
} else {// 关闭
|
||||
this.refresh = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,7 @@
|
||||
import PalAttributeTree from './component'
|
||||
|
||||
PalAttributeTree.install = function(Vue) {
|
||||
Vue.component(PalAttributeTree.name, PalAttributeTree);
|
||||
}
|
||||
|
||||
export default PalAttributeTree;
|
||||
@ -0,0 +1,3 @@
|
||||
说明：调用pal的组织、数据、控制等关联属性，包括前后置流程
|
||||
复制的com.actionsoft.apps.coe.pal/src/components/common/PalRelationAddress组件
|
||||
如有任何bug，请修改com.actionsoft.apps.coe.pal/src/components/common/PalRelationAddress中的组件并完全覆盖此组件并修改该组件的awsuiAxios引用地址
|
||||
@ -0,0 +1,832 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-dialog
|
||||
id="palRelationAddress"
|
||||
:title="title"
|
||||
:visible.sync="dialogVisible"
|
||||
width="800px"
|
||||
:modal-append-to-body=false
|
||||
:destroy-on-close=true
|
||||
:append-to-body=true
|
||||
:close-on-click-modal=false
|
||||
:before-close="handleClose">
|
||||
<template>
|
||||
<div v-if="dialogVisible" style="width:100%; height: 400px; border:1px solid #f2f2f2;">
|
||||
<div class="div-left" :style="{'width': (relationType == 'file' ? '373px' : '249px')}">
|
||||
<div style="width: 100%;height: 32px;">
|
||||
<el-autocomplete
|
||||
v-model="treeSearchKey"
|
||||
size="small"
|
||||
:fetch-suggestions="treeSearch"
|
||||
@select="treeSearchSelect"
|
||||
suffix-icon="el-icon-search"
|
||||
placeholder="快速查询"
|
||||
:trigger-on-focus=false
|
||||
:style="{'width': (relationType == 'file' ? '373px' : '249px')}"
|
||||
>
|
||||
<template slot-scope="{ item }">
|
||||
<el-tooltip class="item" placement="bottom-start">
|
||||
<div slot="content">{{item.pathName}}</div>
|
||||
<span>{{ item.name }}</span>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-autocomplete>
|
||||
</div>
|
||||
<div>
|
||||
<div style="height: 368px;overflow: auto;">
|
||||
<div style="margin: 0px;">
|
||||
<el-tree
|
||||
ref="tree"
|
||||
empty-text="无数据"
|
||||
:expand-on-click-node=false
|
||||
:props="treeProps"
|
||||
:show-checkbox="relationType == 'file' && multiple"
|
||||
:check-strictly=true
|
||||
:highlight-current=true
|
||||
@node-expand="expandNode"
|
||||
@node-collapse="closeNode"
|
||||
@check-change="handleNodeCheckChange"
|
||||
node-key="id"
|
||||
lazy
|
||||
:load="loadNode"
|
||||
@node-click="handleNodeClick">
|
||||
<span slot-scope="{node, data}">
|
||||
<i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i>
|
||||
<span>{{node.label}}</span>
|
||||
</span>
|
||||
</el-tree>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="relationType != 'file'" class="div-middle">
|
||||
<div style="width: 100%;height: 32px;">
|
||||
<el-input
|
||||
size="small"
|
||||
placeholder="快速查询"
|
||||
suffix-icon="el-icon-search"
|
||||
v-model="shapeSearchKey"
|
||||
@input="shapeSearch"
|
||||
width="249px">
|
||||
</el-input>
|
||||
</div>
|
||||
<div>
|
||||
<div style="height: 368px;overflow: auto;">
|
||||
<div style="margin: 0px;">
|
||||
<template v-if="multiple">
|
||||
<el-checkbox-group style="margin: 5px 0px 5px 5px;" v-model="shapeChecked" @change="handleChangeCheckShape">
|
||||
<el-checkbox class="checkbox-item" v-for="item in shapeData" :label="item.id" :key="item.id" :disabled="item.isDisabled">{{item.name}}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-radio-group style="margin: 5px 0px 5px 5px;" v-model="shapeSelected" @change="handleChangeRadioShape">
|
||||
<el-radio class="redio-item" v-for="item in shapeData" :label="item.id" :key="item.id" :disabled="item.isDisabled">{{item.name}}</el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="div-right" :style="{'width': (relationType == 'file' ? '373px' : '249px')}">
|
||||
<div style="height: 100%;">
|
||||
<template>
|
||||
<el-table
|
||||
:data="tableData"
|
||||
:show-header=false
|
||||
empty-text="请在左侧选择数据"
|
||||
size="mini"
|
||||
height="400px"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="名称">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="操作"
|
||||
width="40">
|
||||
<template slot-scope="scope">
|
||||
<div class="icon-delete-display">
|
||||
<i class="iconfont" style="cursor: pointer;" @click="remove(scope.row.id)"></i>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<awsui-button class="button-general-color" type="primary" @click="submit">确定</awsui-button>
|
||||
<awsui-button @click="cancel">取消</awsui-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../../../awsuiAxios";
|
||||
|
||||
export default {
|
||||
name: "PalRelationAddress",
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
relationType: {// 关联组件类型，shape/file，关联形状/文件，默认形状
|
||||
type: String,
|
||||
default: 'shape'
|
||||
},
|
||||
multiple: {// 选值类型，单选single，多选multiple，默认单选
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
title: {// 标题
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
selectFileId: {// 选择的文件id，多个以逗号分隔
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
selectShapeId: {// 选择的形状id，多个以逗号分隔
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
wsId: {// 资产库ID
|
||||
type: String,
|
||||
default: '',
|
||||
required: true
|
||||
},
|
||||
teamId: {// 小组ID
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
categorys: {// 建模大类,多个则逗号分隔
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
methods: {// 建模分类，多个则逗号分隔，空值默认可选所有建模方法数据，非空则只能选择范围内的数据，数据显示不控制
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
rootId: {// 指定根节点，为空则查询根节点
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
pid: '',
|
||||
shapeSearchKey: '',
|
||||
shapeChecked: [],
|
||||
shapeSelected: '',
|
||||
shapeRecords: {},
|
||||
treeProps: {
|
||||
label: 'name',
|
||||
isLeaf: 'leaf'
|
||||
},
|
||||
tableData: [],
|
||||
shapeData: [],
|
||||
shapeTempData: [],
|
||||
treeSearchKey: '',
|
||||
timeout: null,
|
||||
result: [],// [{id:xxx,versionId:xxx,name:xxxx,children:[{shapeId:xxx,name:xxx},{shapeId:xxx,name:xxx}]}]
|
||||
};
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
clearAllParam() {
|
||||
this.pid = '';
|
||||
this.shapeSearchKey = '';
|
||||
this.shapeChecked = [];
|
||||
this.shapeSelected = '';
|
||||
this.shapeRecords = {};
|
||||
this.tableData = [];
|
||||
this.shapeData = [];
|
||||
this.shapeTempData = [];
|
||||
this.treeSearchKey = '';
|
||||
this.timeout = null;
|
||||
this.result = [];
|
||||
},
|
||||
shapeSearch() {// 形状搜索
|
||||
if (this.shapeSearchKey && this.shapeSearchKey.trim() != '') {
|
||||
const key = this.shapeSearchKey.trim().toLocaleLowerCase();
|
||||
const shapeData = [];
|
||||
for (let i = 0; i < this.shapeTempData.length; i++) {
|
||||
const shape = this.shapeTempData[i];
|
||||
if (shape.name != '') {
|
||||
let name = (shape.name + '').toLocaleLowerCase();
|
||||
if (name.indexOf(key) != -1) {
|
||||
shapeData.push(JSON.parse(JSON.stringify(shape)));
|
||||
}
|
||||
}
|
||||
}
|
||||
this.shapeData = shapeData;
|
||||
} else {
|
||||
this.shapeData = JSON.parse(JSON.stringify(this.shapeTempData));
|
||||
}
|
||||
},
|
||||
treeSearchSelect(item) {
|
||||
this.queryTreeByIdAndPath(item.id, item.path);
|
||||
},
|
||||
treeSearch(key, cb) {
|
||||
const that = this;
|
||||
if (key != undefined && key.trim() != '') {
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_search',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
categorys: that.categorys,
|
||||
rootId: that.rootId,
|
||||
name: key
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.length > 0) {
|
||||
clearTimeout(that.timeout);
|
||||
that.timeout = setTimeout(() => {
|
||||
cb(ro.data);
|
||||
}, 3000 * Math.random());
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
} else {
|
||||
clearTimeout(that.timeout);
|
||||
}
|
||||
},
|
||||
queryTreeByIdAndPath(id, path) {// 定位展开某节点
|
||||
const that= this;
|
||||
const tree = that.$refs.tree;
|
||||
// 分隔字符串
|
||||
const pathArr = path.split(',');
|
||||
let index = 1;
|
||||
for (let i = 0; i < pathArr.length; i++) {// 依次展开
|
||||
if (i > 0) {
|
||||
if (tree.getNode(pathArr[i-1]) != null) {
|
||||
setTimeout(that._expandNode(tree, pathArr[i-1]), index * 300);
|
||||
index++;
|
||||
}
|
||||
}
|
||||
}
|
||||
setTimeout(function() {
|
||||
if (tree.getNode(id) != null) {
|
||||
tree.setCurrentKey(id);
|
||||
}
|
||||
}, index * 300);
|
||||
},
|
||||
_expandNode(tree, id) {
|
||||
return function() {
|
||||
tree.getNode(id).expand();
|
||||
}
|
||||
},
|
||||
loadNode(node, resolve) {// `动态`加载
|
||||
const that = this;
|
||||
// that.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_subjson',
|
||||
wsId: that.wsId,
|
||||
teamId: that.teamId,
|
||||
categorys: that.categorys,
|
||||
pid: ''
|
||||
}
|
||||
};
|
||||
if (node.level === 0) {
|
||||
// 获取根目录
|
||||
data.data.pid = that.pid;
|
||||
} else {
|
||||
// 获取其他目录
|
||||
data.data.pid = node.data.id;
|
||||
}
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
for (let i = 0; i < ro.data.length; i++) {
|
||||
if (ro.data[i].id.length < 36) {
|
||||
ro.data[i].disabled = true;
|
||||
} else {
|
||||
if (that.categorys != '' && that.methods != '') {
|
||||
if (that.methods.indexOf(ro.data[i].plMethodId) > -1) {
|
||||
ro.data[i].disabled = false;
|
||||
} else {
|
||||
ro.data[i].disabled = true;
|
||||
}
|
||||
} else if (that.categorys != '') {
|
||||
if (that.categorys.indexOf(ro.data[i].plCategory) > -1) {
|
||||
ro.data[i].disabled = false;
|
||||
} else {
|
||||
ro.data[i].disabled = true;
|
||||
}
|
||||
} else {
|
||||
if (that.methods.indexOf(ro.data[i].plMethodId) > -1) {
|
||||
ro.data[i].disabled = false;
|
||||
} else {
|
||||
ro.data[i].disabled = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
resolve(ro.data);
|
||||
that.initTreeCheck();
|
||||
// that.loading = false;
|
||||
if (node.level == 0 && ro.data.length > 0) {
|
||||
const tree = that.$refs.tree;
|
||||
tree.getNode(ro.data[0].id).expand();
|
||||
setTimeout(function(){
|
||||
const childNode = tree.getNode(ro.data[0].id).childNodes[0];
|
||||
if (childNode != null) {
|
||||
childNode.expand();
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
expandNode(obj, node, tree) {// 展开节点
|
||||
|
||||
},
|
||||
closeNode(obj, node, tree) {// 关闭时清空，下次展开重新请求动态加载
|
||||
node.childNodes = [];
|
||||
node.loaded = false;
|
||||
},
|
||||
initTreeCheck() {// 初始化树选中节点
|
||||
const relationType = this.relationType;
|
||||
if (relationType == 'file') {// 文件类型
|
||||
if (this.multiple) {// 多选
|
||||
const result = this.result;
|
||||
const tree = this.$refs.tree;
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
if (tree.getNode(result[i].id) != null) {
|
||||
tree.setChecked(result[i].id, true);
|
||||
}
|
||||
}
|
||||
} else {// 单选
|
||||
const result = this.result;
|
||||
const tree = this.$refs.tree;
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
if (tree.getNode(result[i].id) != null) {
|
||||
tree.setCurrentKey(result[i].id);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
handleNodeCheckChange(data, isCheck) {// 树多选，只有在relationType为file时会出现
|
||||
if (isCheck) {// 选中
|
||||
const result = this.result;
|
||||
if (!this.isFileExist(result,data.id, data.versionId)) {
|
||||
const tempObj = {};
|
||||
tempObj.id = data.id;
|
||||
tempObj.versionId = data.versionId;
|
||||
tempObj.name = data.name;
|
||||
tempObj.children = [];
|
||||
result.push(tempObj);
|
||||
this.initTableData();
|
||||
}
|
||||
} else {// 取消选中
|
||||
this.remove(data.id);
|
||||
}
|
||||
},
|
||||
handleClose(done) {
|
||||
this.closeDlalog('cancel');
|
||||
done();
|
||||
},
|
||||
cancel() {
|
||||
this.closeDlalog('cancel');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
submit() {
|
||||
this.closeDlalog('save');
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
closeDlalog(type) {// 取消/确定之后的关闭
|
||||
if (type == 'save') {
|
||||
const result = JSON.parse(JSON.stringify(this.result));
|
||||
if (this.relationType == 'file') {
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
delete result[i].children;
|
||||
}
|
||||
}
|
||||
this.$emit('getResult', result);
|
||||
} else {
|
||||
this.$emit('cancel');
|
||||
}
|
||||
// 清空所有数据
|
||||
this.clearAllParam();
|
||||
},
|
||||
handleNodeClick(data) {// 树节点点击
|
||||
const that = this;
|
||||
const relationType = this.relationType;
|
||||
if (relationType == 'file') {// 关联类型是文件
|
||||
if (!this.multiple) {// 单选处理，单选为选中
|
||||
// 判断
|
||||
if (that.categorys != '' && that.methods != '') {
|
||||
if (that.methods.indexOf(data.plMethodId) == -1) {
|
||||
// 不支持
|
||||
that.$message({message: '不支持关联的模型',type: 'warning'});
|
||||
return;
|
||||
}
|
||||
} else if (that.categorys != '') {
|
||||
if (that.categorys.indexOf(data.plCategory) == -1) {
|
||||
that.$message({message: '不支持关联的模型',type: 'warning'});
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
if (that.methods.indexOf(data.plMethodId) == -1) {
|
||||
that.$message({message: '不支持关联的模型',type: 'warning'});
|
||||
return;
|
||||
}
|
||||
}
|
||||
this.result = [];// 清空
|
||||
const result = this.result;
|
||||
const tempObj = {};
|
||||
tempObj.id = data.id;
|
||||
tempObj.versionId = data.versionId;
|
||||
tempObj.name = data.name;
|
||||
tempObj.children = [];
|
||||
result.push(tempObj);
|
||||
this.initTableData();
|
||||
}
|
||||
} else {// 关联类型是形状
|
||||
// 查询节点列表
|
||||
const that = this;
|
||||
that.shapeSearchKey = '';
|
||||
const params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_shapejson',
|
||||
id: data.id
|
||||
}
|
||||
};
|
||||
let isDisabled = true;
|
||||
if (that.categorys != '' && that.methods != '') {
|
||||
if (that.methods.indexOf(data.plMethodId) > -1) {
|
||||
isDisabled = false;
|
||||
} else {
|
||||
isDisabled = true;
|
||||
}
|
||||
} else if (that.categorys != '') {
|
||||
if (that.categorys.indexOf(data.plCategory) > -1) {
|
||||
isDisabled = false;
|
||||
} else {
|
||||
isDisabled = true;
|
||||
}
|
||||
} else {
|
||||
if (that.methods.indexOf(data.plMethodId) > -1) {
|
||||
isDisabled = false;
|
||||
} else {
|
||||
isDisabled = true;
|
||||
}
|
||||
}
|
||||
// 查询数据
|
||||
awsuiAxios.post(params).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
const list = ro.data.list;
|
||||
const tempData = [];
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
const obj = {
|
||||
id: list[i].id,
|
||||
name: list[i].name,
|
||||
fileId: list[i].fileId,
|
||||
fileName: list[i].fileName,
|
||||
versionId: list[i].versionId,
|
||||
isDisabled: isDisabled
|
||||
}
|
||||
|
||||
tempData.push(obj);
|
||||
that.shapeRecords[list[i].id] = obj;
|
||||
}
|
||||
that.shapeData = tempData;
|
||||
that.shapeTempData = JSON.parse(JSON.stringify(that.shapeData));// 拷贝一份临时数据
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
},
|
||||
initTableData() {// 初始化最右侧表格
|
||||
const relationType = this.relationType;
|
||||
if (relationType == 'file') {// 关联类型是文件
|
||||
const result = this.result;
|
||||
const tempData = [];
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
const tempObj = {
|
||||
id: result[i].id,
|
||||
name: result[i].name,
|
||||
versionId: result[i].versionId
|
||||
}
|
||||
tempData.push(tempObj);
|
||||
}
|
||||
this.tableData = tempData;
|
||||
} else {// 关联类型是形状
|
||||
const result = this.result;
|
||||
const tempData = [];
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
const currFile = result[i];
|
||||
const children = currFile.children;
|
||||
for (let j = 0; j < children.length; j++) {
|
||||
const currShape = children[j];
|
||||
const tempObj = {
|
||||
id: currShape.shapeId,
|
||||
name: currShape.name,
|
||||
fileId: currFile.id,
|
||||
fileName: currFile.name,
|
||||
versionId: currFile.versionId
|
||||
}
|
||||
tempData.push(tempObj);
|
||||
}
|
||||
}
|
||||
this.tableData = tempData;
|
||||
}
|
||||
},
|
||||
isFileExist(result, fileId, versionId){// 文件是否存在于结果中
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
const file = result[i];
|
||||
if (file.versionId == versionId) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
remove(id) {// 右侧表格删除
|
||||
const relationType = this.relationType;
|
||||
if (relationType == 'file') {// 关联类型是文件
|
||||
const result = this.result;
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
const obj = result[i];
|
||||
if (obj.id == id) {
|
||||
result.splice(i, 1);
|
||||
if (this.multiple) {
|
||||
this.$refs.tree.setChecked(id, false);
|
||||
} else {
|
||||
this.$refs.tree.setCurrentKey(null);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {// 形状
|
||||
if (this.multiple) {// 多选
|
||||
const data = this.shapeRecords[id];
|
||||
if (data) {
|
||||
const result = this.result;
|
||||
const shapeId = data.id;
|
||||
const name = data.name;
|
||||
const fileId = data.fileId;
|
||||
const fileName = data.fileName;
|
||||
const fileVersionId = data.versionId;
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
const file = result[i];
|
||||
if (file.id == fileId) {
|
||||
const children = file.children;
|
||||
for (let j = 0; j < children.length; j++) {
|
||||
if (children[j].shapeId == id) {
|
||||
children.splice(j, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (children.length == 0) {
|
||||
result.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 删除选中节点
|
||||
for (let i = 0; i < this.shapeChecked.length; i++) {
|
||||
if (this.shapeChecked[i] == id) {
|
||||
this.shapeChecked.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {// 单选
|
||||
this.result = [];
|
||||
this.shapeSelected = '';
|
||||
}
|
||||
}
|
||||
this.initTableData();
|
||||
},
|
||||
handleChangeRadioShape(id) {// 形状单选变化事件
|
||||
const data = this.shapeRecords[id];
|
||||
if (data) {
|
||||
const shapeId = data.id;
|
||||
const name = data.name;
|
||||
const fileId = data.fileId;
|
||||
const fileName = data.fileName;
|
||||
const fileVersionId = data.versionId;
|
||||
this.result = [];
|
||||
const result = this.result;
|
||||
const tempObj = {};
|
||||
tempObj.id = fileId;
|
||||
tempObj.versionId = fileVersionId;
|
||||
tempObj.name = fileName;
|
||||
tempObj.children = [];
|
||||
const children = {
|
||||
shapeId: shapeId,
|
||||
name: name
|
||||
};
|
||||
tempObj.children.push(children);
|
||||
result.push(tempObj);
|
||||
this.initTableData();
|
||||
}
|
||||
},
|
||||
handleChangeCheckShape(ids) {// 形状多选变化事件
|
||||
this.result = [];
|
||||
const result = this.result;
|
||||
for (let i = 0; i < ids.length; i++) {
|
||||
const id = ids[i];
|
||||
const data = this.shapeRecords[id];
|
||||
if (data) {
|
||||
const shapeId = data.id;
|
||||
const name = data.name;
|
||||
const fileId = data.fileId;
|
||||
const fileName = data.fileName;
|
||||
const fileVersionId = data.versionId;
|
||||
let fileExist = false;
|
||||
for (let j = 0; j < result.length; j++) {
|
||||
const file = result[j];
|
||||
if (file.id == fileId) {
|
||||
fileExist = true;
|
||||
const children = {
|
||||
shapeId: shapeId,
|
||||
name: name
|
||||
};
|
||||
file.children.push(children);
|
||||
}
|
||||
}
|
||||
if (!fileExist) {
|
||||
const tempObj = {};
|
||||
tempObj.id = fileId;
|
||||
tempObj.versionId = fileVersionId;
|
||||
tempObj.name = fileName;
|
||||
tempObj.children = [];
|
||||
const children = {
|
||||
shapeId: shapeId,
|
||||
name: name
|
||||
};
|
||||
tempObj.children.push(children);
|
||||
result.push(tempObj);
|
||||
}
|
||||
}
|
||||
}
|
||||
this.initTableData();
|
||||
},
|
||||
initData() {// 初始化传递进来的数据
|
||||
// 已选中的数据初始化到result、shapeSelected、shapeChecked里面
|
||||
const that = this;
|
||||
if (that.relationType == 'file') {
|
||||
if (that.selectFileId != '') {
|
||||
// 查询数据
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_file_query',
|
||||
versionIds: that.selectFileId
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
const result = [];
|
||||
for (let i = 0; i < ro.data.length; i++) {
|
||||
const currData = ro.data[i];
|
||||
const tempObj = {};
|
||||
tempObj.id = currData.id;
|
||||
tempObj.versionId = currData.versionId;
|
||||
tempObj.name = currData.name;
|
||||
tempObj.children = [];
|
||||
result.push(tempObj);
|
||||
}
|
||||
that.result = result;
|
||||
that.initTableData();
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
} else {
|
||||
if (that.selectFileId != '' && that.selectShapeId != '') {
|
||||
// 查询数据
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal_repository_tree_component_file_shape_query',
|
||||
fileIds: that.selectFileId,
|
||||
shapeIds: that.selectShapeId
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.data.length > 0) {
|
||||
that.shapeRecords = ro.data.shapes;
|
||||
if (that.multiple) {
|
||||
that.result = ro.data.data;
|
||||
for (let i = 0; i < that.result.length; i++) {
|
||||
const children = that.result[i].children;
|
||||
for (let j = 0; j < children.length; j++) {
|
||||
that.shapeChecked.push(children[j].shapeId);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
that.result = ro.data.data;
|
||||
for (let i = 0; i < that.result.length; i++) {
|
||||
const children = that.result[i].children;
|
||||
for (let j = 0; j < children.length; j++) {
|
||||
that.shapeSelected = children[j].shapeId;// 取任意一个
|
||||
}
|
||||
}
|
||||
}
|
||||
that.initTableData();
|
||||
}
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
visible(val) {
|
||||
this.dialogVisible = val;
|
||||
if (val) {// 打开
|
||||
this.clearAllParam();
|
||||
this.pid = this.rootId;
|
||||
this.initData();
|
||||
} else {// 关闭
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#palRelationAddress >>> .el-dialog__body {
|
||||
padding: 10px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
#palRelationAddress >>> .el-input__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
#palRelationAddress >>> .el-tree {
|
||||
min-width: 100%;
|
||||
display:inline-block !important;
|
||||
}
|
||||
.checkbox-item {
|
||||
margin: 10px 0px;
|
||||
display: block;
|
||||
}
|
||||
.redio-item {
|
||||
margin: 10px 0px;
|
||||
display: block;
|
||||
}
|
||||
.div-left {
|
||||
float:left;
|
||||
width:249px;
|
||||
height:400px;
|
||||
border-right: 1px dashed #f2f2f2;
|
||||
}
|
||||
.div-middle {
|
||||
float:left;
|
||||
width: 248px;
|
||||
height:400px;
|
||||
border-right: 1px dashed #f2f2f2;
|
||||
}
|
||||
.div-right {
|
||||
float: right;
|
||||
width: 249px;
|
||||
height:400px;
|
||||
background-color: #2a85a0;
|
||||
}
|
||||
#palRelationAddress >>> .el-table__row .icon-delete-display{
|
||||
display: none;
|
||||
}
|
||||
#palRelationAddress >>> .el-table__row:hover .icon-delete-display{
|
||||
display: inline;
|
||||
}
|
||||
#palRelationAddress >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
||||
background-color: #F5F7FA;
|
||||
color: #4E7FF9;
|
||||
}
|
||||
#palRelationAddress >>> .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .awsui-iconfont {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,7 @@
|
||||
import PalRelationAddress from './component'
|
||||
|
||||
PalRelationAddress.install = function(Vue) {
|
||||
Vue.component(PalRelationAddress.name, PalRelationAddress);
|
||||
}
|
||||
|
||||
export default PalRelationAddress;
|
||||
@ -0,0 +1,542 @@
|
||||
<template>
|
||||
<div id="conditionFilter">
|
||||
<div v-if="palId == ''">
|
||||
<div class="opt-category-title"><p style="padding-left: 5px;"><b>文件信息</b></p></div>
|
||||
<awsui-form ref="form" :model="form" label-width="80px" label-position="right">
|
||||
<awsui-form-item label="对象">
|
||||
<awsui-radio awsui-radio v-model="form.type" label="file" @change="initMethod">文件</awsui-radio>
|
||||
<awsui-radio awsui-radio v-model="form.type" label="shape" @change="initMethod">文件内形状</awsui-radio>
|
||||
</awsui-form-item>
|
||||
<awsui-form-item label="范围">
|
||||
<awsui-input v-model="form.rootFileName" placeholder="请选择一个根目录" readonly @click.native="rootFileTree.visible = true"></awsui-input>
|
||||
<awsui-input type="hidden" v-model="form.rootFileId" placeholder="请选择一个根目录"></awsui-input>
|
||||
</awsui-form-item>
|
||||
<awsui-row :gutter="0">
|
||||
<awsui-col :span="12">
|
||||
<awsui-form-item label="名称">
|
||||
<div style="display: inline-block;width: 20%;">
|
||||
<awsui-select v-model="form.nameScope" :options="nameScopeOpts"></awsui-select>
|
||||
</div>
|
||||
<div style="display: inline-block;width: 80%;">
|
||||
<awsui-input v-model="form.name" placeholder="请输入名称"></awsui-input>
|
||||
</div>
|
||||
</awsui-form-item>
|
||||
</awsui-col>
|
||||
<awsui-col :span="12">
|
||||
<awsui-form-item label="文件类型">
|
||||
<awsui-select style="width: 99%;" v-model="form.methodId" :options="methodOpts" @change="initExAttr"></awsui-select>
|
||||
</awsui-form-item>
|
||||
</awsui-col>
|
||||
</awsui-row>
|
||||
</awsui-form>
|
||||
</div>
|
||||
<div>
|
||||
<div class="opt-category-title" style="margin-top: 10px;"><p style="padding-left: 5px;"><b>文件属性</b></p></div>
|
||||
<div v-for="(attr, i) in extAttr">
|
||||
<awsui-row v-for="(item, n) in attr" class="row">
|
||||
<awsui-col :span="2">
|
||||
<div style="text-align: center;line-height: 30px;height: 30px;">
|
||||
<span v-if="n != 0">且</span>
|
||||
</div>
|
||||
</awsui-col>
|
||||
<awsui-col :span="8">
|
||||
<awsui-input style="font-size: 0px" v-model="item.propertyName" placeholder="请选择属性" readonly @click.native="openAttrTree(i, n)"></awsui-input>
|
||||
<awsui-input type="hidden" v-model="item.propertyKey" placeholder="请选择属性"></awsui-input>
|
||||
</awsui-col>
|
||||
<awsui-col :span="6">
|
||||
<awsui-select v-model="item.propertyCondition" :options="extAttrConditionOpts"></awsui-select>
|
||||
</awsui-col>
|
||||
<awsui-col :span="8">
|
||||
<div style="padding-right: 25px;">
|
||||
<template v-if="item.propertyCondition!='null' && item.propertyCondition!='notNull'">
|
||||
<!--单选类型-->
|
||||
<awsui-select v-if="item.propertyType == 'select'" clearable v-model="item.propertyValue" :options="item.selectTypeOpts"></awsui-select>
|
||||
<!--多选类型-->
|
||||
<awsui-select v-else-if="item.propertyType == 'select_m'" multiple clearable v-model="item.propertyValue" :options="item.selectTypeOpts"></awsui-select>
|
||||
<!--是否类型-->
|
||||
<awsui-select v-else-if="item.propertyType == 'boolean'" v-model="item.propertyValue" :options="item.selectTypeOpts"></awsui-select>
|
||||
<!--数字类型-->
|
||||
<awsui-input-number v-else-if="item.propertyType == 'number'" v-model="item.propertyValue"></awsui-input-number>
|
||||
<!--关联PAL类型-->
|
||||
<awsui-input v-else-if="item.propertyType == 'relation'" v-model="item.propertyShowValue" placeholder="请选择" readonly @click.native="openPalRelationAddress(i, n)"></awsui-input>
|
||||
<!--关联BPM组织架构类型-->
|
||||
<awsui-input v-else-if="item.propertyType == 'awsorg'" v-model="item.propertyShowValue" placeholder="请选择" readonly @click.native="openBpmOrgAddress(i, n)"></awsui-input>
|
||||
<!--文本、多行文本、其他类型-->
|
||||
<awsui-input v-else v-model="item.propertyValue" placeholder="请输入"></awsui-input>
|
||||
</template>
|
||||
<template v-else>
|
||||
<awsui-input value="" placeholder="不允许输入" readonly></awsui-input>
|
||||
</template>
|
||||
</div>
|
||||
<i class="awsui-iconfont operate-icon-display" style="float: right;position: relative; top: -22px;padding-right: 5px;" @click="removeRowCondition(i, n)"></i>
|
||||
</awsui-col>
|
||||
</awsui-row>
|
||||
<div>
|
||||
<span class="cursor-pointer" @click="addAndCondition(i)"><u>+并条件</u></span>
|
||||
</div>
|
||||
<div v-if="i != extAttr.length - 1" style="width: 100%;text-align: center;">
|
||||
<div style="display: inline-block;border-top:1px solid #c2c2c2;position: relative;bottom: -3px;width:100%;"></div>
|
||||
<div style="display: inline-block;background-color:white;position: relative;bottom: 10px;color: #A8A5A5;">或</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="extAttr.length == 0">
|
||||
<span class="cursor-pointer" @click="addAndCondition(undefined)"><u>+并条件</u></span>
|
||||
</div>
|
||||
<div>
|
||||
<div style="display: inline-block;border-top:1px solid #c2c2c2;position: relative;bottom: -3px;width:100%;"></div>
|
||||
<div class="cursor-pointer" style="display: inline-block;background-color:white;position: relative;bottom: 10px;left: 40px;" @click="addOrCondition"><u>+或条件</u></div>
|
||||
</div>
|
||||
</div>
|
||||
<PALRepositoryTree
|
||||
ref="rootFileTree"
|
||||
:visible.sync="rootFileTree.visible"
|
||||
:wsId="rootFileTree.wsId"
|
||||
:teamId="rootFileTree.teamId"
|
||||
:categorys="rootFileTree.categorys"
|
||||
:multiple=false
|
||||
v-on:cancel="rootFileTree.visible = false"
|
||||
v-on:getResult="saveRootFileResult"
|
||||
:title="rootFileTree.title"
|
||||
></PALRepositoryTree>
|
||||
<BPMOrgAddress
|
||||
ref="palAwsOrgAddress"
|
||||
:visible.sync="bpmOrgAddress.visible"
|
||||
:addressType="bpmOrgAddress.addressType"
|
||||
v-on:cancel="bpmOrgAddress.visible = false"
|
||||
v-on:getResult="saveBpmOrgAddressResult"
|
||||
:title="bpmOrgAddress.title"
|
||||
:multiple="bpmOrgAddress.multiple"
|
||||
/>
|
||||
<pal-relation-address
|
||||
ref="palRelationAddress"
|
||||
:visible.sync="palRelationAddress.visible"
|
||||
v-on:cancel="palRelationAddress.visible = false"
|
||||
v-on:getResult="saveRelationResult"
|
||||
:title="palRelationAddress.title"
|
||||
:selectFileId="palRelationAddress.selectFileId"
|
||||
:selectShapeId="palRelationAddress.selectShapeId"
|
||||
:relationType="palRelationAddress.relationType"
|
||||
:categorys="palRelationAddress.category"
|
||||
:methods="palRelationAddress.method"
|
||||
:wsId="palRelationAddress.wsId"
|
||||
:teamId="palRelationAddress.teamId"
|
||||
:multiple = palRelationAddress.multiple
|
||||
/>
|
||||
<pal-attribute-tree
|
||||
ref="palAttributeTree"
|
||||
:visible.sync="attributeDlg.visible"
|
||||
:methodId="attributeDlg.methodId"
|
||||
:type="attributeDlg.type"
|
||||
v-on:cancel="attributeDlg.visible = false"
|
||||
v-on:getResult="saveAttrTreeResult"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BPMOrgAddress from "./components/BPMOrgAddress";// pal平台组织架构地址簿，调用平台部门人员角色
|
||||
import PalRelationAddress from "./components/PalRelationAddress";
|
||||
import PALRepositoryTree from './components/PALRepositoryTree/index';
|
||||
import PalAttributeTree from './components/PalAttributeTree/index';
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
export default {
|
||||
name: "condition-filter",
|
||||
components: {PALRepositoryTree, BPMOrgAddress, PalRelationAddress, PalAttributeTree},
|
||||
data () {
|
||||
return {
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
palId: palId,
|
||||
attributeDlg: {
|
||||
visible: false,
|
||||
methodId: '',
|
||||
type: '',
|
||||
currGroup: 0,
|
||||
currRow: 0
|
||||
},
|
||||
bpmOrgAddress: {
|
||||
visible: false,
|
||||
addressType: 'user',
|
||||
title: '',
|
||||
multiple: false,
|
||||
currGroup: 0,
|
||||
currRow: 0
|
||||
},
|
||||
palRelationAddress: {
|
||||
visible: false,
|
||||
selectFileId: '',
|
||||
selectShapeId: '',
|
||||
relationType: '',
|
||||
category: '',
|
||||
method: '',
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
multiple: false,
|
||||
currGroup: 0,
|
||||
currRow: 0
|
||||
},
|
||||
rootFileTree: {
|
||||
visible: false,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
categorys: 'process',
|
||||
title: '请选择根目录'
|
||||
},
|
||||
form: {
|
||||
type: 'file',// 对象，类型
|
||||
rootFileName: '',// 范围根目录名称
|
||||
rootFileId: '',// 范围根目录ID
|
||||
nameScope: 'equals',// 名称范围
|
||||
name:'',// 名称筛选
|
||||
methodId: '',// 文件类型（建模方法范围筛选）
|
||||
},
|
||||
nameScopeOpts: [
|
||||
{
|
||||
value: 'equals',
|
||||
label: '等于'
|
||||
},
|
||||
{
|
||||
value: 'contain',
|
||||
label: '包含'
|
||||
}
|
||||
],
|
||||
methodOpts: [],
|
||||
extAttrConditionOpts: [
|
||||
{value:'equals', label: '等于'},
|
||||
{value:'notEquals', label: '不等于'},
|
||||
{value:'contain', label: '包含'},
|
||||
{value:'notContain', label: '不包含'},
|
||||
{value: 'null', label: '为空'},
|
||||
{value: 'notNull', label: '不为空'}
|
||||
],
|
||||
extAttr: [],
|
||||
extAttr2: [
|
||||
[
|
||||
{"propertyName":"单选密级","propertyKey":"securityclass","propertyType":"select","propertyCondition":"equals","propertyValue":"绝密","selectTypeOpts": [
|
||||
{value: '保密', label: '保密'},
|
||||
{value: '绝密', label: '绝密'},
|
||||
{value: '秘密', label: '秘密'},
|
||||
]},
|
||||
{"propertyName":"多选密级","propertyKey":"securityclass2","propertyType":"select_m","propertyCondition":"equals","propertyValue":['绝密','秘密'],"selectTypeOpts": [
|
||||
{value: '保密', label: '保密'},
|
||||
{value: '绝密', label: '绝密'},
|
||||
{value: '秘密', label: '秘密'},
|
||||
]},
|
||||
{"propertyName":"是否类型","propertyKey":"securityclass3","propertyType":"boolean","propertyCondition":"equals","propertyValue":"是","selectTypeOpts": [
|
||||
{value: '是', label: '是'},
|
||||
{value: '否', label: '否'}
|
||||
]},
|
||||
{"propertyName":"数字类型","propertyKey":"securityclass4","propertyType":"number","propertyCondition":"equals","propertyValue":5},
|
||||
{
|
||||
"propertyName": "审批者(A)",
|
||||
"propertyKey": "approval_a",
|
||||
"propertyType": "relation",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": "[{\"fileId\":\"\",\"shapeId\":\"\",\"shapeText\":\"\",\"attrId\":\"\",\"relationFileId\":\"de70f431-1143-4496-a109-a672f4e14a0d\",\"relationShapeId\":\"obj_c96e34f8b4e00001c1f4b45017301467\",\"relationShapeText\":\"角色3\"},{\"fileId\":\"\",\"shapeId\":\"\",\"shapeText\":\"\",\"attrId\":\"\",\"relationFileId\":\"de70f431-1143-4496-a109-a672f4e14a0d\",\"relationShapeId\":\"obj_c96e34f936b000019ebf1150e72099b0\",\"relationShapeText\":\"员工4\"}]",
|
||||
"propertyShowValue": "角色3,岗位4"
|
||||
},
|
||||
{
|
||||
"propertyName": "咨询者(C)XML",
|
||||
"propertyKey": "counselor_c",
|
||||
"propertyType": "awsorg",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": "{\"admin\":{\"id\":\"admin\",\"type\":\"user\",\"name\":\"管理员\"},\"5bc3a2dc-3bd2-4376-bcc3-5612e28e55fe\":{\"name\":\"部门1\",\"id\":\"5bc3a2dc-3bd2-4376-bcc3-5612e28e55fe\",\"type\":\"department\"}}",
|
||||
"propertyShowValue": "管理员,部门1"
|
||||
},
|
||||
{
|
||||
"propertyName": "输出",
|
||||
"propertyKey": "out",
|
||||
"propertyType": "textarea",
|
||||
"propertyCondition": "notEquals",
|
||||
"propertyValue": "1"
|
||||
},
|
||||
{
|
||||
"propertyName": "层次",
|
||||
"propertyKey": "level",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "null",
|
||||
"propertyValue": ""
|
||||
}
|
||||
]
|
||||
],// 属性筛选条件
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (palId != '') {
|
||||
this.form.type = 'shape';
|
||||
}
|
||||
this.initMethod();
|
||||
},
|
||||
methods: {
|
||||
initMethod() {// 初始化/查询建模方法
|
||||
const that = this;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal.batch_replace_active_method_query',
|
||||
type: that.form.type,
|
||||
palId: that.palId
|
||||
}
|
||||
};
|
||||
// 查询数据
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if(ro.result == 'ok') {
|
||||
that.methodOpts = ro.data.methodOpts;
|
||||
if (that.palId != '') {
|
||||
that.form.methodId = that.methodOpts[0].value;
|
||||
} else {
|
||||
that.form.methodId = '';
|
||||
}
|
||||
that.initExAttr();
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
initExAttr() {
|
||||
this.extAttr = [
|
||||
[
|
||||
{
|
||||
"propertyName": "",
|
||||
"propertyKey": "",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": ""
|
||||
}
|
||||
]
|
||||
];
|
||||
},
|
||||
openBpmOrgAddress(i, n) {// 打开关联BPM组织架构数据选择
|
||||
const that = this;
|
||||
that.bpmOrgAddress.currGroup = i;
|
||||
that.bpmOrgAddress.currRow = n;
|
||||
const row = this.extAttr[this.bpmOrgAddress.currGroup][this.bpmOrgAddress.currRow];
|
||||
const ref = row.ref;
|
||||
|
||||
const scope = ref.scope;
|
||||
that.bpmOrgAddress.addressType = scope.join(',');
|
||||
that.bpmOrgAddress.multiple = ref.multiple;
|
||||
that.bpmOrgAddress.title = row.propertyName;
|
||||
that.bpmOrgAddress.visible = true;
|
||||
},
|
||||
saveBpmOrgAddressResult(data) {// 关联BPM组织架构数据回调
|
||||
this.bpmOrgAddress.visible = false;
|
||||
console.log(data);
|
||||
// 保存
|
||||
const params = {};
|
||||
const propertyShowValue = [];
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
params[data[i].id] = {name: data[i].name, id: data[i].id, type: data[i].type};
|
||||
propertyShowValue.push(data[i].name);
|
||||
}
|
||||
const row = this.extAttr[this.bpmOrgAddress.currGroup][this.bpmOrgAddress.currRow];
|
||||
row.propertyValue = JSON.stringify(params);
|
||||
row.propertyShowValue = propertyShowValue.join(',');
|
||||
},
|
||||
openPalRelationAddress(i, n) {// 打开关联PAL组织架构数据选择
|
||||
const that = this;
|
||||
that.palRelationAddress.currGroup = i;
|
||||
that.palRelationAddress.currRow = n;
|
||||
const row = this.extAttr[this.palRelationAddress.currGroup][this.palRelationAddress.currRow];
|
||||
const ref = row.ref;
|
||||
const propertyValue = JSON.parse(row.propertyValue);
|
||||
const selectFileId = [];
|
||||
const selectShapeId = [];
|
||||
for (let j = 0; j < propertyValue.length; j++) {
|
||||
selectFileId.push(propertyValue[j].relationFileId);
|
||||
selectShapeId.push(propertyValue[j].relationShapeId);
|
||||
}
|
||||
this.palRelationAddress.relationType = ref.type;
|
||||
this.palRelationAddress.multiple = ref.multiple;
|
||||
this.palRelationAddress.title = row.propertyName;
|
||||
this.palRelationAddress.selectFileId = selectFileId.join(',');
|
||||
this.palRelationAddress.selectShapeId = selectShapeId.join(',');
|
||||
if (ref.method.indexOf('.') > 0) {
|
||||
this.palRelationAddress.method = ref.method;
|
||||
this.palRelationAddress.category = ref.method.split('.')[0];
|
||||
} else {
|
||||
this.palRelationAddress.category = ref.method;
|
||||
|
||||
}
|
||||
this.palRelationAddress.visible = true;
|
||||
},
|
||||
saveRelationResult(data) {// 关联PAL组织架构数据回调
|
||||
this.palRelationAddress.visible = false
|
||||
const row = this.extAttr[this.palRelationAddress.currGroup][this.palRelationAddress.currRow];
|
||||
const ref = row.ref;
|
||||
const propertyValue = [];
|
||||
if (ref.type == 'file') {
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
propertyValue.push({
|
||||
fileId : "",
|
||||
shapeId : "",
|
||||
shapeText : "",
|
||||
attrId : "",
|
||||
relationFileId : data[i].versionId,
|
||||
relationShapeId : '',
|
||||
relationShapeText : data[i].name
|
||||
});
|
||||
}
|
||||
} else {
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
const currFile = data[i];
|
||||
const children = currFile.children;
|
||||
for (let j = 0; j < children.length; j++) {
|
||||
const currShape = children[j];
|
||||
propertyValue.push({
|
||||
fileId : "",
|
||||
shapeId : "",
|
||||
shapeText : "",
|
||||
attrId : "",
|
||||
relationFileId : currFile.id,
|
||||
relationShapeId : currShape.shapeId,
|
||||
relationShapeText : currShape.name
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
const propertyShowValue = [];
|
||||
row.propertyValue = JSON.stringify(propertyValue);
|
||||
for (let i = 0; i < propertyValue.length; i++) {
|
||||
propertyShowValue.push(propertyValue[i].relationShapeText);
|
||||
}
|
||||
row.propertyShowValue = propertyShowValue.join(',');
|
||||
},
|
||||
saveRootFileResult(data) {// 选择根目录回调
|
||||
this.rootFileTree.visible = false;
|
||||
let id = '';
|
||||
let name = '';
|
||||
if (data.length > 0) {
|
||||
const curr = data[0];
|
||||
id = curr.currId;
|
||||
name = curr.name;
|
||||
}
|
||||
this.form.rootFileId = id;
|
||||
this.form.rootFileName = name;
|
||||
},
|
||||
openAttrTree(i ,n) {// 打开自定义属性树组件
|
||||
const that = this;
|
||||
if (this.form.methodId == '') {
|
||||
this.$message({message: '请选择文件类型',type: 'warning'});
|
||||
return false;
|
||||
}
|
||||
// 查询特性树
|
||||
that.attributeDlg.currGroup = i;
|
||||
that.attributeDlg.currRow = n;
|
||||
that.attributeDlg.methodId = that.form.methodId;
|
||||
that.attributeDlg.type = that.form.type;
|
||||
that.attributeDlg.visible = true;
|
||||
},
|
||||
saveAttrTreeResult(data) {// 选择属性树点击确定按钮
|
||||
const row = this.extAttr[this.attributeDlg.currGroup][this.attributeDlg.currRow];
|
||||
row.propertyName = data.label;
|
||||
row.propertyKey = data.id;
|
||||
row.propertyType = 'string';// 先默认string，在nextTick中重新渲染对应的类型
|
||||
row.propertyValue = '';
|
||||
row.selectTypeOpts = [];
|
||||
row.propertyShowValue = '';
|
||||
row.ref = data.ref;
|
||||
this.$nextTick(function() {
|
||||
row.propertyType = data.attrType;
|
||||
if (data.attrType == 'select' || data.attrType == 'select_m' || data.attrType == 'boolean') {
|
||||
row.selectTypeOpts = [];
|
||||
const refArr = data.ref.split(',');
|
||||
for (let i = 0; i < refArr.length; i++) {
|
||||
row.selectTypeOpts.push({value: refArr[i], label: refArr[i]});
|
||||
}
|
||||
} else if (data.attrType == 'relation') {
|
||||
row.propertyShowValue = '';
|
||||
row.propertyValue = JSON.stringify([]);
|
||||
} else if (data.attrType == 'awsorg') {
|
||||
row.propertyShowValue = '';
|
||||
row.propertyValue = JSON.stringify({});
|
||||
}
|
||||
this.attributeDlg.visible = false;
|
||||
})
|
||||
},
|
||||
addAndCondition(i) {// 增加"且条件"
|
||||
if (i != undefined) {
|
||||
this.extAttr[i].push(
|
||||
{
|
||||
"propertyName": "",
|
||||
"propertyKey": "",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": ""
|
||||
}
|
||||
);
|
||||
} else {
|
||||
this.extAttr.push([
|
||||
{
|
||||
"propertyName": "",
|
||||
"propertyKey": "",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": ""
|
||||
}
|
||||
])
|
||||
}
|
||||
},
|
||||
addOrCondition() {// 增加"或"条件
|
||||
if (this.extAttr.length == 0) {
|
||||
this.$message({message: '请先添加一条[+并条件]',type: 'warning'});
|
||||
return false;
|
||||
}
|
||||
this.extAttr.push([
|
||||
{
|
||||
"propertyName": "",
|
||||
"propertyKey": "",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": ""
|
||||
}
|
||||
])
|
||||
},
|
||||
removeRowCondition(i, n) {// 删除"行条件"
|
||||
const group = this.extAttr[i];
|
||||
group.splice(n, 1);
|
||||
if (group.length == 0) {
|
||||
this.extAttr.splice(i, 1);
|
||||
}
|
||||
},
|
||||
getResults() {// 父组件获取该组件结果集
|
||||
const result = {};
|
||||
result.uuid = palId;
|
||||
result.wsId = wsId;
|
||||
result.type = this.form.type;
|
||||
result.rootFileId = this.form.rootFileId;
|
||||
result.nameScope = this.form.nameScope;
|
||||
result.name = this.form.name;
|
||||
result.methodId = this.form.methodId;
|
||||
result.extAttr = this.extAttr;
|
||||
return result;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#conditionFilter >>> .awsui-form-item__label {
|
||||
text-align: right;
|
||||
}
|
||||
.opt-category-title {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
vertical-align: center;
|
||||
margin: 20px 30px 15px 20px;
|
||||
border-left: 3px solid #4E7FF9;
|
||||
}
|
||||
#conditionFilter >>> .row .operate-icon-display{
|
||||
visibility: hidden;
|
||||
cursor: pointer;
|
||||
color: red;
|
||||
}
|
||||
#conditionFilter >>> .row:hover .operate-icon-display{
|
||||
visibility: visible;
|
||||
}
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
color: #4E7FF9;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,496 @@
|
||||
<template>
|
||||
<div id="replaceRule">
|
||||
<!--替换规则-->
|
||||
<div>
|
||||
<div class="opt-category-title"><p style="padding-left: 5px;"><b>替换规则</b></p></div>
|
||||
<div>
|
||||
<awsui-row v-for="(item, n) in ruleData" class="row">
|
||||
<awsui-col :span="2">
|
||||
<div style="text-align: center;line-height: 30px;height: 30px;">
|
||||
<span>将</span>
|
||||
</div>
|
||||
</awsui-col>
|
||||
<awsui-col :span="8">
|
||||
<awsui-input style="font-size: 0px" v-model="item.propertyName" placeholder="请选择属性" readonly @click.native="openAttrTree(n)"></awsui-input>
|
||||
<awsui-input type="hidden" v-model="item.propertyKey" placeholder="请选择属性"></awsui-input>
|
||||
</awsui-col>
|
||||
<awsui-col :span="4">
|
||||
<div style="text-align: center;">
|
||||
<span>的值更新为</span>
|
||||
</div>
|
||||
</awsui-col>
|
||||
<awsui-col :span="10">
|
||||
<div style="padding-right: 25px;">
|
||||
<!--单选类型-->
|
||||
<awsui-select v-if="item.propertyType == 'select'" clearable v-model="item.propertyValue" :options="item.selectTypeOpts"></awsui-select>
|
||||
<!--多选类型-->
|
||||
<awsui-select v-else-if="item.propertyType == 'select_m'" multiple clearable v-model="item.propertyValue" :options="item.selectTypeOpts"></awsui-select>
|
||||
<!--是否类型-->
|
||||
<awsui-select v-else-if="item.propertyType == 'boolean'" v-model="item.propertyValue" :options="item.selectTypeOpts"></awsui-select>
|
||||
<!--数字类型-->
|
||||
<awsui-input-number v-else-if="item.propertyType == 'number'" v-model="item.propertyValue"></awsui-input-number>
|
||||
<!--关联PAL类型-->
|
||||
<awsui-input v-else-if="item.propertyType == 'relation'" v-model="item.propertyShowValue" placeholder="请选择" readonly @click.native="openPalRelationAddress(n)"></awsui-input>
|
||||
<!--关联BPM组织架构类型-->
|
||||
<awsui-input v-else-if="item.propertyType == 'awsorg'" v-model="item.propertyShowValue" placeholder="请选择" readonly @click.native="openBpmOrgAddress(n)"></awsui-input>
|
||||
<!--文本、多行文本、其他类型-->
|
||||
<awsui-input v-else v-model="item.propertyValue" placeholder="请输入"></awsui-input>
|
||||
</div>
|
||||
<i class="awsui-iconfont operate-icon-display" style="float: right;position: relative; top: -22px;padding-right: 5px;" @click="removeRowRule(n)"></i>
|
||||
</awsui-col>
|
||||
</awsui-row>
|
||||
</div>
|
||||
<div>
|
||||
<div style="display: inline-block;border-top:1px solid #c2c2c2;position: relative;bottom: -3px;width:100%;"></div>
|
||||
<div class="cursor-pointer" style="display: inline-block;background-color:white;position: relative;bottom: 10px;left: 40px;" @click="addRule"><u>+添加规则</u></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--筛选结果-->
|
||||
<div>
|
||||
<div class="opt-category-title" style="margin-top: 10px;"><p style="padding-left: 5px;"><b>筛选结果（<span>{{resultCount}}</span>）</b></p></div>
|
||||
<div v-if="conditionData.type == 'file'">
|
||||
<el-table
|
||||
:data="fileTableData"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
min-width="5%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="文件名称"
|
||||
min-width="35%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="namePath"
|
||||
label="路径"
|
||||
min-width="25%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="updateDate"
|
||||
align="center"
|
||||
min-width="20%"
|
||||
label="最后修改">
|
||||
<template slot-scope="scope">
|
||||
<div style="text-align: center;">
|
||||
<p>{{scope.row.updateDate}}</p>
|
||||
<p>({{scope.row.updateUser}})</p>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div v-if="conditionData.type == 'shape'">
|
||||
<el-table
|
||||
:data="shapeTableData"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
min-width="5%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="文件名称"
|
||||
min-width="25%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="shapeName"
|
||||
label="形状名称"
|
||||
min-width="10%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="namePath"
|
||||
label="路径"
|
||||
min-width="30%">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="updateDate"
|
||||
align="center"
|
||||
min-width="20%"
|
||||
label="最后修改">
|
||||
<template slot-scope="scope">
|
||||
<div style="text-align: center;">
|
||||
<p>{{scope.row.updateDate}}</p>
|
||||
<p>({{scope.row.updateUser}})</p>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<BPMOrgAddress
|
||||
ref="palAwsOrgAddress"
|
||||
:visible.sync="bpmOrgAddress.visible"
|
||||
:addressType="bpmOrgAddress.addressType"
|
||||
v-on:cancel="bpmOrgAddress.visible = false"
|
||||
v-on:getResult="saveBpmOrgAddressResult"
|
||||
:title="bpmOrgAddress.title"
|
||||
:multiple="bpmOrgAddress.multiple"
|
||||
/>
|
||||
<pal-relation-address
|
||||
ref="palRelationAddress"
|
||||
:visible.sync="palRelationAddress.visible"
|
||||
v-on:cancel="palRelationAddress.visible = false"
|
||||
v-on:getResult="saveRelationResult"
|
||||
:title="palRelationAddress.title"
|
||||
:selectFileId="palRelationAddress.selectFileId"
|
||||
:selectShapeId="palRelationAddress.selectShapeId"
|
||||
:relationType="palRelationAddress.relationType"
|
||||
:categorys="palRelationAddress.category"
|
||||
:methods="palRelationAddress.method"
|
||||
:wsId="palRelationAddress.wsId"
|
||||
:teamId="palRelationAddress.teamId"
|
||||
:multiple = palRelationAddress.multiple
|
||||
/>
|
||||
<pal-attribute-tree
|
||||
ref="palAttributeTree"
|
||||
:visible.sync="attributeDlg.visible"
|
||||
:methodId="attributeDlg.methodId"
|
||||
:type="attributeDlg.type"
|
||||
v-on:cancel="attributeDlg.visible = false"
|
||||
v-on:getResult="saveAttrTreeResult"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
import BPMOrgAddress from "./components/BPMOrgAddress";// pal平台组织架构地址簿，调用平台部门人员角色
|
||||
import PalRelationAddress from "./components/PalRelationAddress";
|
||||
import PalAttributeTree from './components/PalAttributeTree/index';
|
||||
export default {
|
||||
name: "replace-rule",
|
||||
components: {BPMOrgAddress, PalRelationAddress, PalAttributeTree},
|
||||
props: {
|
||||
conditionData: {// 上一步的结果
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
resultCount: 0,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
attributeDlg: {
|
||||
visible: false,
|
||||
methodId: '',
|
||||
type: '',
|
||||
currRow: 0
|
||||
},
|
||||
bpmOrgAddress: {
|
||||
visible: false,
|
||||
addressType: 'user',
|
||||
title: '',
|
||||
multiple: false,
|
||||
currRow: 0
|
||||
},
|
||||
palRelationAddress: {
|
||||
visible: false,
|
||||
selectFileId: '',
|
||||
selectShapeId: '',
|
||||
relationType: '',
|
||||
category: '',
|
||||
method: '',
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
multiple: false,
|
||||
currRow: 0
|
||||
},
|
||||
palId: palId,// 判断是否设计器内部的批量替换，不为空则是设计器内部调用
|
||||
ruleData: [
|
||||
{
|
||||
"propertyName": "",
|
||||
"propertyKey": "",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": ""
|
||||
}
|
||||
],
|
||||
fileTableData: [],
|
||||
shapeTableData: [],
|
||||
checkedTableData: {},// 已选中的数据记录
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.queryFilterResultData();
|
||||
},
|
||||
methods: {
|
||||
queryFilterResultData() {// 查询符合条件的筛选数据
|
||||
const that = this;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_replace_process_condition_result_query",
|
||||
conditionData : JSON.stringify(that.conditionData)
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (that.conditionData.type == 'file') {
|
||||
that.resultCount = ro.data.data.length;
|
||||
for (let i = 0; i < ro.data.data.length; i++) {
|
||||
ro.data.data[i].idVal = ro.data.data[i].versionId;
|
||||
}
|
||||
that.fileTableData = ro.data.data;
|
||||
} else {
|
||||
let count = 0;
|
||||
const shapeTableData = [];
|
||||
for (let i = 0; i < ro.data.data.length; i++) {
|
||||
const curr = ro.data.data[i];
|
||||
const shapeList = curr.shape;
|
||||
for (let j = 0; j < shapeList.length; j++) {
|
||||
count++;
|
||||
const shape = shapeList[j];
|
||||
shapeTableData.push({
|
||||
id: curr.id + ',' + shape.id,
|
||||
idVal: curr.id,
|
||||
name: curr.name,
|
||||
shapeName: shape.name,
|
||||
namePath: curr.namePath,
|
||||
updateDate: curr.updateDate,
|
||||
updateUser: curr.updateUser
|
||||
})
|
||||
}
|
||||
}
|
||||
that.resultCount = count;
|
||||
that.shapeTableData = shapeTableData;
|
||||
}
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
handleSelectionChange(tableList) {// 表格数据选择监听
|
||||
this.checkedTableData = {};
|
||||
for (let i = 0; i < tableList.length; i++) {
|
||||
this.checkedTableData[tableList[i].id] = tableList[i].idVal;
|
||||
}
|
||||
},
|
||||
removeRowRule(n) {// 删除行替换
|
||||
this.ruleData.splice(n, 1);
|
||||
},
|
||||
addRule() {// 添加替换规则
|
||||
this.ruleData.push({
|
||||
"propertyName": "",
|
||||
"propertyKey": "",
|
||||
"propertyType": "string",
|
||||
"propertyCondition": "equals",
|
||||
"propertyValue": ""
|
||||
})
|
||||
},
|
||||
openBpmOrgAddress(n) {// 打开关联BPM组织架构数据选择
|
||||
const that = this;
|
||||
that.bpmOrgAddress.currRow = n;
|
||||
const row = this.ruleData[this.bpmOrgAddress.currRow];
|
||||
const ref = row.ref;
|
||||
|
||||
const scope = ref.scope;
|
||||
that.bpmOrgAddress.addressType = scope.join(',');
|
||||
that.bpmOrgAddress.multiple = ref.multiple;
|
||||
that.bpmOrgAddress.title = row.propertyName;
|
||||
that.bpmOrgAddress.visible = true;
|
||||
},
|
||||
saveBpmOrgAddressResult(data) {// 关联BPM组织架构数据回调
|
||||
this.bpmOrgAddress.visible = false;
|
||||
// 保存
|
||||
const params = {};
|
||||
const propertyShowValue = [];
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
params[data[i].id] = {name: data[i].name, id: data[i].id, type: data[i].type};
|
||||
propertyShowValue.push(data[i].name);
|
||||
}
|
||||
const row = this.ruleData[this.bpmOrgAddress.currRow];
|
||||
row.propertyValue = JSON.stringify(params);
|
||||
row.propertyShowValue = propertyShowValue.join(',');
|
||||
},
|
||||
openPalRelationAddress(n) {// 打开关联PAL组织架构数据选择
|
||||
const that = this;
|
||||
that.palRelationAddress.currRow = n;
|
||||
const row = this.ruleData[this.palRelationAddress.currRow];
|
||||
const ref = row.ref;
|
||||
const propertyValue = JSON.parse(row.propertyValue);
|
||||
const selectFileId = [];
|
||||
const selectShapeId = [];
|
||||
for (let j = 0; j < propertyValue.length; j++) {
|
||||
selectFileId.push(propertyValue[j].relationFileId);
|
||||
selectShapeId.push(propertyValue[j].relationShapeId);
|
||||
}
|
||||
this.palRelationAddress.relationType = ref.type;
|
||||
this.palRelationAddress.multiple = ref.multiple;
|
||||
this.palRelationAddress.title = row.propertyName;
|
||||
this.palRelationAddress.selectFileId = selectFileId.join(',');
|
||||
this.palRelationAddress.selectShapeId = selectShapeId.join(',');
|
||||
if (ref.method.indexOf('.') > 0) {
|
||||
this.palRelationAddress.method = ref.method;
|
||||
this.palRelationAddress.category = ref.method.split('.')[0];
|
||||
} else {
|
||||
this.palRelationAddress.category = ref.method;
|
||||
|
||||
}
|
||||
this.palRelationAddress.visible = true;
|
||||
},
|
||||
saveRelationResult(data) {// 关联PAL组织架构数据回调
|
||||
this.palRelationAddress.visible = false
|
||||
const row = this.ruleData[this.palRelationAddress.currRow];
|
||||
const ref = row.ref;
|
||||
const propertyValue = [];
|
||||
if (ref.type == 'file') {
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
propertyValue.push({
|
||||
fileId : "",
|
||||
shapeId : "",
|
||||
shapeText : "",
|
||||
attrId : "",
|
||||
relationFileId : data[i].versionId,
|
||||
relationShapeId : '',
|
||||
relationShapeText : data[i].name
|
||||
});
|
||||
}
|
||||
} else {
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
const currFile = data[i];
|
||||
const children = currFile.children;
|
||||
for (let j = 0; j < children.length; j++) {
|
||||
const currShape = children[j];
|
||||
propertyValue.push({
|
||||
fileId : "",
|
||||
shapeId : "",
|
||||
shapeText : "",
|
||||
attrId : "",
|
||||
relationFileId : currFile.id,
|
||||
relationShapeId : currShape.shapeId,
|
||||
relationShapeText : currShape.name
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
const propertyShowValue = [];
|
||||
row.propertyValue = JSON.stringify(propertyValue);
|
||||
for (let i = 0; i < propertyValue.length; i++) {
|
||||
propertyShowValue.push(propertyValue[i].relationShapeText);
|
||||
}
|
||||
row.propertyShowValue = propertyShowValue.join(',');
|
||||
},
|
||||
openAttrTree(n) {// 打开自定义属性树组件
|
||||
const that = this;
|
||||
// 查询特性树
|
||||
that.attributeDlg.currRow = n;
|
||||
that.attributeDlg.methodId = that.conditionData.methodId;
|
||||
that.attributeDlg.type = that.conditionData.type;
|
||||
that.attributeDlg.visible = true;
|
||||
},
|
||||
saveAttrTreeResult(data) {// 选择属性树点击确定按钮
|
||||
const row = this.ruleData[this.attributeDlg.currRow];
|
||||
row.propertyName = data.label;
|
||||
row.propertyKey = data.id;
|
||||
row.propertyType = 'string';// 先默认string，在nextTick中重新渲染对应的类型
|
||||
row.propertyValue = '';
|
||||
row.selectTypeOpts = [];
|
||||
row.propertyShowValue = '';
|
||||
row.ref = data.ref;
|
||||
this.$nextTick(function() {
|
||||
row.propertyType = data.attrType;
|
||||
if (data.attrType == 'select' || data.attrType == 'select_m' || data.attrType == 'boolean') {
|
||||
row.selectTypeOpts = [];
|
||||
const refArr = data.ref.split(',');
|
||||
for (let i = 0; i < refArr.length; i++) {
|
||||
row.selectTypeOpts.push({value: refArr[i], label: refArr[i]});
|
||||
}
|
||||
} else if (data.attrType == 'relation' || data.attrType == 'awsorg') {
|
||||
row.propertyShowValue = '';
|
||||
row.propertyValue = JSON.stringify([]);
|
||||
}
|
||||
this.attributeDlg.visible = false;
|
||||
})
|
||||
},
|
||||
getResults() {// 获取筛选结果
|
||||
const param = {
|
||||
wsId : wsId,
|
||||
teamId : teamId,
|
||||
uuid : palId,
|
||||
methodId : this.conditionData.methodId,
|
||||
type : this.conditionData.type,
|
||||
conditionData : this.conditionData,
|
||||
data: {},
|
||||
isOk: true,
|
||||
msg: ''
|
||||
};
|
||||
const replaceRule = [];
|
||||
// 筛选条件
|
||||
for (let i = 0; i < this.ruleData.length; i++) {
|
||||
const row = this.ruleData[i];
|
||||
if (row.propertyKey != undefined && row.propertyKey != '') {
|
||||
var rowObj = {};
|
||||
rowObj.propertyName = row.propertyName;
|
||||
rowObj.propertyKey = row.propertyKey;
|
||||
rowObj.propertyType = row.propertyType;
|
||||
rowObj.propertyValue = row.propertyValue;
|
||||
replaceRule.push(rowObj);
|
||||
}
|
||||
}
|
||||
if (replaceRule.length == 0) {
|
||||
param.isOk = false;
|
||||
param.msg = '请添加替换规则';
|
||||
} else {
|
||||
// 校验是否有重复属性
|
||||
var key = {};
|
||||
for (let rule in replaceRule) {
|
||||
if (key[replaceRule[rule].propertyKey] != undefined) {
|
||||
param.isOk = false;
|
||||
param.msg = "属性[" + replaceRule[rule].propertyName + "]不允许重复";
|
||||
break;
|
||||
}
|
||||
key[replaceRule[rule].propertyKey] = "";
|
||||
}
|
||||
}
|
||||
param.replaceRule = replaceRule;
|
||||
// 筛选结果
|
||||
if (param.isOk) {
|
||||
param.data = this.checkedTableData;
|
||||
if (JSON.stringify(param.data) == "{}") {
|
||||
param.isOk = false;
|
||||
if (this.conditionData.type == 'file') {
|
||||
param.msg = "请选择替换的流程文件";
|
||||
} else {
|
||||
param.msg = "请选择替换的流程形状";
|
||||
}
|
||||
}
|
||||
}
|
||||
return param;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.opt-category-title {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
vertical-align: center;
|
||||
margin: 20px 30px 15px 20px;
|
||||
border-left: 3px solid #4E7FF9;
|
||||
}
|
||||
#replaceRule >>> .row:hover .operate-icon-display{
|
||||
visibility: visible;
|
||||
}
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
color: #4E7FF9;
|
||||
}
|
||||
#replaceRule >>> .row .operate-icon-display{
|
||||
visibility: hidden;
|
||||
cursor: pointer;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
331
com.actionsoft.apps.coe.pal.batch/src/views/replace/replace.vue
Normal file
331
com.actionsoft.apps.coe.pal.batch/src/views/replace/replace.vue
Normal file
@ -0,0 +1,331 @@
|
||||
<template>
|
||||
<awsui-layout>
|
||||
<awsui-header id="header">
|
||||
<el-steps :active="active" align-center>
|
||||
<el-step title="筛选条件" icon="el-icon-search"></el-step>
|
||||
<el-step title="替换规则" icon="el-icon-edit-outline"></el-step>
|
||||
<el-step title="执行结果" icon="el-icon-success"></el-step>
|
||||
</el-steps>
|
||||
</awsui-header>
|
||||
<awsui-main :style="{height: mainHeight, padding: '0'}">
|
||||
<!-- 筛选条件 用v-show，点击下一步再返回数据不会销毁 -->
|
||||
<div v-show="this.active == 1" class="step" :style="{height: mainHeight}">
|
||||
<condition-filter ref="conditionFilter"/>
|
||||
</div>
|
||||
<!-- 替换规则 -->
|
||||
<div v-if="this.active == 2" class="step" :style="{height: mainHeight}">
|
||||
<replace-rule ref="replaceRule" :condition-data="conditionData"/>
|
||||
</div>
|
||||
<!-- 执行结果 -->
|
||||
<div v-if="this.active == 3" class="step" :style="{height: mainHeight}">
|
||||
<save ref="save" :param="replaceRuleInfo" :totalHeight="mainHeight"/>
|
||||
</div>
|
||||
</awsui-main>
|
||||
<awsui-footer>
|
||||
<div style="float: right;">
|
||||
<awsui-button v-if="this.active == 2" style="margin-top: 12px;" @click="prev">上一步</awsui-button>
|
||||
<awsui-button v-if="this.active == 1 || this.active == 2" style="margin-top: 12px;" @click="next">下一步</awsui-button>
|
||||
<template v-if="this.active == 3">
|
||||
<awsui-button style="margin-top: 12px;" @click="downloadLog">导出报告</awsui-button>
|
||||
<awsui-button style="margin-top: 12px;" @click="success">完成</awsui-button>
|
||||
</template>
|
||||
</div>
|
||||
</awsui-footer>
|
||||
</awsui-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
import ConditionFilter from "./condition-filter";
|
||||
import ReplaceRule from "./replace-rule";
|
||||
import save from "./save";
|
||||
|
||||
export default {
|
||||
name: "replace",
|
||||
components: {ConditionFilter, ReplaceRule, save},
|
||||
data() {
|
||||
return {
|
||||
active: 1,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
conditionData: {},// 第一步得到的结果值
|
||||
replaceRuleInfo: {},// 第二步得到的结果值
|
||||
methodCategory: methodCategory,
|
||||
appId: appId,
|
||||
repositoryName: repositoryName,
|
||||
groupValue: groupValue,
|
||||
processFileValue: processFileValue,
|
||||
shapeFileValue: shapeFileValue,
|
||||
mainHeight: (document.documentElement.clientHeight) - 60 - 40 + 'px',
|
||||
uploadStep: {
|
||||
activeName: 'processList',
|
||||
loading: false,
|
||||
processUpload: {// 模型清单批量上传
|
||||
status: 0,
|
||||
fileList: [],// 组件上传列表
|
||||
data: {},// 自定义数据展示数据源
|
||||
},
|
||||
shapeUpload: {// 模型结构批量上传
|
||||
status: 0,
|
||||
fileList: [],
|
||||
data: {},
|
||||
createTree : {
|
||||
visible: false,
|
||||
title: '请选择流程'
|
||||
}
|
||||
}
|
||||
},
|
||||
checkStep: {
|
||||
type: ''
|
||||
},
|
||||
fileList: [],
|
||||
saveData: {// 待保存的数据
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
type: '',
|
||||
fileValue: '',
|
||||
fileName: '',
|
||||
data: {
|
||||
okData: []
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
const that = this;
|
||||
that.resize();
|
||||
},
|
||||
methods: {
|
||||
prev() {// 上一步
|
||||
if (this.active == 2) {
|
||||
this.checkStep.type = '';
|
||||
}
|
||||
this.active--;
|
||||
},
|
||||
next() {// 下一步
|
||||
if (this.active == 1) {// 上传文件页面点击下一页
|
||||
const conditionFilter = this.$refs.conditionFilter.getResults();
|
||||
if (conditionFilter.methodId == '') {
|
||||
this.$message({message: '请选择文件类型', type: 'warning'});
|
||||
return false;
|
||||
}
|
||||
this.conditionData = conditionFilter;
|
||||
} else if (this.active == 2) {
|
||||
const replaceRuleInfo = this.$refs.replaceRule.getResults();
|
||||
if (!replaceRuleInfo.isOk) {
|
||||
this.$message({message: replaceRuleInfo.msg, type: 'warning'});
|
||||
return false;
|
||||
}
|
||||
this.replaceRuleInfo = replaceRuleInfo;
|
||||
}
|
||||
this.active++;
|
||||
},
|
||||
success() {// 完成，关闭窗口
|
||||
parent.closeBatchReplaceFn([]);
|
||||
},
|
||||
downloadLog() {// 下载日志
|
||||
this.$refs.save.downloadLog();
|
||||
},
|
||||
checkUploadFile() {// 上传模板之后下一步
|
||||
if (this.uploadStep.activeName == 'processList') {
|
||||
if (this.uploadStep.processUpload.status == 1) {
|
||||
return true;
|
||||
}
|
||||
} else if (this.uploadStep.activeName == 'shapeList') {
|
||||
if (this.uploadStep.shapeUpload.status == 1) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
uploadFile(type) {// 上传模板
|
||||
if (type == 'process') {// 批量上传流程清单模板
|
||||
this.$refs.processUpload.clearFiles();
|
||||
document.getElementById("selectProcessFileButton").click();
|
||||
} else {// 模型结构清单模板
|
||||
this.$refs.shapeUpload.clearFiles();
|
||||
document.getElementById("selectShapeFileButton").click();
|
||||
}
|
||||
},
|
||||
downloadTemplate(type, versionIds) { // 下载模板
|
||||
const that = this;
|
||||
that.uploadStep.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_download_template",
|
||||
wsId : that.wsId,
|
||||
type : type,
|
||||
versionIds : versionIds
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
that.uploadStep.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
window.open(ro.data.url);
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
downLoadUploaded(fileValue, name) {// 下载已经上传的
|
||||
const that = this;
|
||||
that.uploadStep.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_uploaded_file_download",
|
||||
fileValue : fileValue,
|
||||
fileName : name
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
that.uploadStep.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
window.location.href = ro.data.url;
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
deleteUploaded(fileValue, name) {// 删除已经上传的
|
||||
const that = this;
|
||||
that.uploadStep.loading = true;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_create_uploaded_file_delete",
|
||||
fileValue : fileValue,
|
||||
fileName : name
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
that.uploadStep.loading = false;
|
||||
if (ro.result == 'ok') {
|
||||
if (that.uploadStep.activeName == 'processList') {// 删除已上传流程清单模板
|
||||
that.$refs.processUpload.clearFiles();
|
||||
that.uploadStep.processUpload.status = 0;
|
||||
that.uploadStep.processUpload.data = {};
|
||||
} else {// 删除已上传模型结构清单模板
|
||||
that.$refs.shapeUpload.clearFiles();
|
||||
that.uploadStep.shapeUpload.status = 0;
|
||||
that.uploadStep.shapeUpload.data = {};
|
||||
}
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
/******模型结构模板下载start*******/
|
||||
openRepositoryTreeDlg () {// 打开模型选择框
|
||||
this.uploadStep.shapeUpload.createTree.visible = true;
|
||||
},
|
||||
saveCreateTreeResult(data) {// 模型选择完成后，获取选中的数据
|
||||
if (data.length == 0) {
|
||||
this.$message({message: '未选择任何模型，下载模板被取消', type: 'warning'});
|
||||
} else {
|
||||
this.downloadTemplate('shapeList', data.join(','));
|
||||
}
|
||||
},
|
||||
/******模型结构模板下载end*******/
|
||||
/******模型清单模板上传start*********/
|
||||
handleProcessRemove(file, fileList) {
|
||||
this.uploadStep.processUpload.status = 0;
|
||||
},
|
||||
handleProcessPreview(file) {
|
||||
},
|
||||
handleProcessExceed(files, fileList) {
|
||||
},
|
||||
handleProcessError(err, file, fileList) {
|
||||
},
|
||||
beforeProcessUpload(file) {
|
||||
// 上传之前校验判断大小
|
||||
if (file.size / 1024 / 1024 > 10) { //文件大于10M
|
||||
this.$message.warning('文件不允许超过10M');
|
||||
return false;
|
||||
}
|
||||
},
|
||||
handleProcessSuccess(response, file, fileList) {
|
||||
const that = this;
|
||||
that.uploadStep.processUpload.status = 1;
|
||||
that.uploadStep.processUpload.data = {
|
||||
name: file.name,
|
||||
size: file.size
|
||||
};
|
||||
},
|
||||
beforeProcessRemove(file, fileList) {
|
||||
},
|
||||
/******模型清单模板上传end*********/
|
||||
/******模型结构模板上传start*********/
|
||||
handleShapeRemove(file, fileList) {
|
||||
this.uploadStep.shapeUpload.status = 0;
|
||||
},
|
||||
handleShapePreview(file) {
|
||||
},
|
||||
handleShapeExceed(files, fileList) {
|
||||
},
|
||||
handleShapeError(err, file, fileList) {
|
||||
},
|
||||
beforeShapeUpload(file) {
|
||||
// 上传之前校验判断大小
|
||||
if (file.size / 1024 / 1024 > 10) { //文件大于10M
|
||||
this.$message.warning('文件不允许超过10M');
|
||||
return false;
|
||||
}
|
||||
},
|
||||
handleShapeSuccess(response, file, fileList) {
|
||||
const that = this;
|
||||
that.uploadStep.shapeUpload.status = 1;
|
||||
that.uploadStep.shapeUpload.data = {
|
||||
name: file.name,
|
||||
size: file.size
|
||||
};
|
||||
|
||||
},
|
||||
beforeShapeRemove(file, fileList) {
|
||||
},
|
||||
/******模型结构模板上传end*********/
|
||||
|
||||
resize() {// 窗口监听window.resize
|
||||
const that = this
|
||||
let resizeTimer = null;
|
||||
window.onresize = () => {
|
||||
return (() => {
|
||||
if (resizeTimer) clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(function(){
|
||||
that.mainHeight = (document.documentElement.clientHeight) - 60 - 40 + 'px';
|
||||
} , 400);
|
||||
})()
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#header >>> .el-step__title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.step {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
184
com.actionsoft.apps.coe.pal.batch/src/views/replace/save.vue
Normal file
184
com.actionsoft.apps.coe.pal.batch/src/views/replace/save.vue
Normal file
@ -0,0 +1,184 @@
|
||||
<template>
|
||||
<div v-loading="loading" :style="{height: mainHeight, 'background-color': '#2c2c2c'}">
|
||||
<codemirror
|
||||
id="mycode"
|
||||
ref="mycode"
|
||||
style="height: auto"
|
||||
v-model="curCode"
|
||||
:options="cmOptions"
|
||||
class="code"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import awsuiAxios from "../../awsuiAxios";
|
||||
import { codemirror } from 'vue-codemirror'
|
||||
import "codemirror/theme/ambiance.css"; // 这里引入的是主题样式，根据设置的theme的主题引入，一定要引入！！
|
||||
require("codemirror/mode/javascript/javascript"); // 这里引入的模式的js，根据设置的mode引入，一定要引入！！
|
||||
|
||||
export default {
|
||||
name: "check-process",
|
||||
props: {
|
||||
param: {// 文件名称
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
totalHeight: {
|
||||
type: String,
|
||||
default: '0px'
|
||||
}
|
||||
},
|
||||
components: {codemirror},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
wsId: wsId,
|
||||
teamId: teamId,
|
||||
processFileValue: processFileValue,
|
||||
msgHeight: '20px',
|
||||
mainHeight: parseInt(this.totalHeight) + 'px',
|
||||
curCode: '正在导入',
|
||||
cmOptions: {
|
||||
value:'',
|
||||
mode:"text/html",
|
||||
theme: "ambiance",
|
||||
lineNumbers: false,
|
||||
styleActiveLine: true,
|
||||
tabSize: 4,
|
||||
autofocus: true,
|
||||
scrollbarStyle: "null",
|
||||
readOnly:true,
|
||||
},
|
||||
result: {// 保存结果
|
||||
path: '',
|
||||
type: '',
|
||||
logId: '',
|
||||
count: 0,
|
||||
executeDone: false,
|
||||
interval: null, // 查询日志定时器
|
||||
timer:0, // 时间戳记录
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.save();
|
||||
},
|
||||
methods: {
|
||||
save() {// 上传
|
||||
const that = this;
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_replace_data_save",
|
||||
param : JSON.stringify(that.param)
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
// 获取导入日志信息
|
||||
that.result.path = ro.data.path;
|
||||
that.result.logId = ro.data.logId;
|
||||
that.result.type = ro.data.type;
|
||||
that.result.count = 0;
|
||||
that.getImportInfoEvent();
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
getImportInfoEvent() {// 定时器查询导入日志
|
||||
this.result.interval = setInterval(this.queryLog, 1000)
|
||||
},
|
||||
queryLog() {
|
||||
const that = this;
|
||||
that.result.timer = new Date().getTime();
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_replace_log_query",
|
||||
type: that.result.type,
|
||||
logId: that.result.logId,
|
||||
path: that.result.path,
|
||||
timer: that.result.timer
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
if (ro.data.timer == '') {
|
||||
that.curCode = ro.data.content;
|
||||
// 添加内容后定位到行尾
|
||||
that.$nextTick(()=> {
|
||||
that.$refs.mycode.codemirror.scrollIntoView(that.$refs.mycode.codemirror.lineCount() - 1);
|
||||
});
|
||||
that.result.executeDone = true;
|
||||
that.clearInterval();
|
||||
} else if (parseInt(ro.data.timer) <= that.result.timer){// axios异步，以时间戳对比获取最新日至内容
|
||||
that.curCode = ro.data.content;
|
||||
// 添加内容后定位到行尾
|
||||
that.$nextTick(()=> {
|
||||
that.$refs.mycode.codemirror.scrollIntoView(that.$refs.mycode.codemirror.lineCount() - 1);
|
||||
});
|
||||
}
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
clearInterval() {
|
||||
clearInterval(this.result.interval);
|
||||
},
|
||||
downloadLog() {
|
||||
const that = this;
|
||||
if (that.result.path == '') {
|
||||
that.$message({message: '获取报告失败', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
if (!that.result.executeDone) {
|
||||
that.$message({message: '正在导入，请稍等', type: 'warning'});
|
||||
return;
|
||||
}
|
||||
const data = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd : "com.actionsoft.apps.coe.pal.batch_replace_log_download",
|
||||
type: that.result.type,
|
||||
path: that.result.path
|
||||
}
|
||||
};
|
||||
awsuiAxios.post(data).then(function (ro) {
|
||||
if (ro.result == 'ok') {
|
||||
window.open(ro.data.url);
|
||||
parent.closeBatchReplaceFn([]);// 关闭窗口
|
||||
} else if (ro.result == 'warning') {
|
||||
that.$message({message: ro.msg, type: 'warning'});
|
||||
} else {
|
||||
that.$message.error(ro.msg);
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#mycode >>> .CodeMirror-lines {
|
||||
background-color: #2c2c2c;
|
||||
color: #58A0F0;
|
||||
}
|
||||
#mycode >>> .CodeMirror {
|
||||
height: auto !important;
|
||||
}
|
||||
</style>
|
||||
42
com.actionsoft.apps.coe.pal.batch/static/common/common.css
Normal file
42
com.actionsoft.apps.coe.pal.batch/static/common/common.css
Normal file
@ -0,0 +1,42 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #4a4a4a;
|
||||
font-family: PingFangSC-Light;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div,span,section,i,button {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.radius3 {
|
||||
-moz-border-radius: 3px 3px 3px 3px;
|
||||
-webkit-border-radius: 3px 3px 3px 3px;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
.tree-content-icon {
|
||||
font-size: 13px;
|
||||
}
|
||||
.tree-content-icon-padding {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.el-input__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.el-textarea__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
244
com.actionsoft.apps.coe.pal.batch/static/common/theme1.css
Normal file
244
com.actionsoft.apps.coe.pal.batch/static/common/theme1.css
Normal file
@ -0,0 +1,244 @@
|
||||
/*设计颜色规范*/
|
||||
|
||||
/*
|
||||
通用鼠标悬浮色
|
||||
所有悬浮状态的底色，包括下拉列表项、表格、卡片等。
|
||||
*/
|
||||
.general-bgcolor-hover:hover {
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
.general-bgcolor-text-hover:hover {
|
||||
background-color: #F5F7FA !important;
|
||||
color : #4E7FF9 !important;
|
||||
}
|
||||
|
||||
/*通用分隔线*/
|
||||
.general-dividing-line {
|
||||
color: #F2F2F2;
|
||||
}
|
||||
|
||||
/**********************下拉菜单覆盖*************************/
|
||||
/*下拉菜单定义悬浮颜色和悬浮字体色*/
|
||||
.el-dropdown-menu__item:not(.is-disabled):hover{
|
||||
background-color: #F5F7FA !important;
|
||||
color: #333333 !important;
|
||||
}
|
||||
|
||||
/**********************导航菜单栏颜色设置*************************/
|
||||
.el-menu-item:hover{
|
||||
color: #4E7FF9;
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
.el-submenu__title:hover{
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
.el-menu-item.is-active {
|
||||
color: #4E7FF9;
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
|
||||
/**********************文字*************************/
|
||||
|
||||
/*主要字体颜色，通用字体颜色，系统普遍使用的字体颜色*/
|
||||
.text-general-color {
|
||||
color : #606266;
|
||||
}
|
||||
.text-general-bgcolor {
|
||||
background-color : #606266;
|
||||
}
|
||||
|
||||
/*
|
||||
次要字体颜色
|
||||
1 次要标注性信息 如，管理员 于2020年2月23日 19:30 修改
|
||||
2 非重要按钮 如，“取消”按钮文本
|
||||
3 列表表头 如，“流程清单”编号、流程名称
|
||||
*/
|
||||
.text-second-color {
|
||||
color : #909399;
|
||||
}
|
||||
.text-second-bgcolor {
|
||||
background-color : #909399;
|
||||
}
|
||||
|
||||
/*链接、可点击文本、icon颜色*/
|
||||
.text-linker-color {
|
||||
color : #4E7FF9;
|
||||
}
|
||||
|
||||
.text-linker-bgcolor {
|
||||
background-color : #4E7FF9;
|
||||
}
|
||||
|
||||
/*重要文本颜色*/
|
||||
.text-important-color {
|
||||
color : #D9001B;
|
||||
}
|
||||
|
||||
.text-important-bgcolor {
|
||||
background-color : #D9001B;
|
||||
}
|
||||
|
||||
/*el-link颜色*/
|
||||
.el-link.el-link--primary {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
|
||||
/**********************表格*************************/
|
||||
|
||||
/*表头文字颜色*/
|
||||
.table-head-text-color {
|
||||
color: #909399;
|
||||
}
|
||||
/*表头背景颜色*/
|
||||
.table-head-bgcolor {
|
||||
|
||||
}
|
||||
/*表头文字颜色*/
|
||||
.table-body-text-color {
|
||||
|
||||
}
|
||||
/*表格表体背景颜色*/
|
||||
.table-body-bgcolor {
|
||||
|
||||
}
|
||||
/*表格表体行鼠标悬浮色*/
|
||||
.table-body-row-bgcolor:hover {
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
/*表格表体行下划线颜色*/
|
||||
.el-table td {
|
||||
border-bottom: 1px solid #F2F2F2;
|
||||
}
|
||||
|
||||
/*表格筛选的表头选中颜色*/
|
||||
.el-table th>.cell.highlight {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
|
||||
/*表格筛选的表头选项筛选和重置按钮悬浮颜色*/
|
||||
.el-table-filter__bottom button:hover {
|
||||
color:#4E7FF9
|
||||
}
|
||||
|
||||
/*表格筛选排序上下箭头*/
|
||||
.el-table .descending .sort-caret.descending {
|
||||
border-top-color: #4E7FF9;
|
||||
}
|
||||
.el-table .ascending .sort-caret.ascending {
|
||||
border-bottom-color: #4E7FF9;
|
||||
}
|
||||
|
||||
/**********************按钮*************************/
|
||||
|
||||
/*通用按钮1，例如窗口确定按钮，新建按钮等设计颜色*/
|
||||
.button-general-color {
|
||||
background-color: #4E7FF9 !important;
|
||||
border-color: #4E7FF9 !important;
|
||||
}
|
||||
|
||||
.button-general-color-reverse {
|
||||
border-color: #4E7FF9 !important;
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
|
||||
/*通用按钮2，例如重要操作类按钮*/
|
||||
.button-general-color2 {
|
||||
background-color: #D9001B !important;
|
||||
border-color: #D9001B !important;
|
||||
}
|
||||
|
||||
.button-general-color-reverse2 {
|
||||
border-color: #D9001B !important;
|
||||
color: #D9001B !important;
|
||||
}
|
||||
/*通用按钮3，例如取消等灰色按钮*/
|
||||
.button-general-color3 {
|
||||
background-color: #909399 !important;
|
||||
border-color: #909399 !important;
|
||||
}
|
||||
|
||||
.button-general-color-reverse3 {
|
||||
border-color: #909399 !important;
|
||||
color: #909399 !important;
|
||||
}
|
||||
|
||||
/********************多选框***********************/
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||
background-color: #4E7FF9;
|
||||
border-color: #4E7FF9;
|
||||
}
|
||||
.el-checkbox__input.is-checked+.el-checkbox__label {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
|
||||
/********************单选框***********************/
|
||||
.el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #4E7FF9;
|
||||
background: #4E7FF9;
|
||||
}
|
||||
.el-radio__input.is-checked+.el-radio__label {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
|
||||
/********************列表***********************/
|
||||
.li-general-hover-bgcolor:hover {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
.el-table__body tr.current-row>td {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
|
||||
/*******************加载中颜色********************/
|
||||
.el-loading-spinner .path {
|
||||
stroke: #4E7FF9;
|
||||
}
|
||||
.el-loading-spinner .el-loading-text {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
/******************下拉框文字选中颜色*************/
|
||||
.el-select-dropdown__item.selected {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
|
||||
/*****************步骤条**********************/
|
||||
.el-step__title.is-process {
|
||||
color: #909399;
|
||||
}
|
||||
.el-step__title.is-finish {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
.el-step__head.is-process {
|
||||
color: #909399;
|
||||
border-color: #909399;
|
||||
}
|
||||
.el-step__head.is-finish {
|
||||
color: #4E7FF9;
|
||||
border-color: #4E7FF9;
|
||||
}
|
||||
|
||||
/*********************Popover 弹出框***********************/
|
||||
.el-popover__title {
|
||||
color : #606266;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/*********************树***********************/
|
||||
.el-tree-node__content {
|
||||
height: 30px;
|
||||
}
|
||||
/*树展开关闭图标大小*/
|
||||
.el-tree-node__expand-icon {
|
||||
font-size: 12px;
|
||||
}
|
||||
/*树展开关闭图标的padding*/
|
||||
.el-tree-node__content>.el-tree-node__expand-icon {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.el-table__empty-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
123
com.actionsoft.apps.coe.pal.batch/vue.config.js
Normal file
123
com.actionsoft.apps.coe.pal.batch/vue.config.js
Normal file
@ -0,0 +1,123 @@
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
const AWSDevParams = require('./AWSDevParams');
|
||||
const AWSReleasePath = AWSDevParams.AWSReleasePath;
|
||||
const AWSPortalUrl = AWSDevParams.AWSPortalUrl;
|
||||
//开发时通过用户名及密码获取sessionId
|
||||
const devUserInfo =AWSDevParams.devUserInfo;
|
||||
const AWSproxyPath = "/AWSDEVURL/r/"; //防止跨域的地址
|
||||
|
||||
const moduleTemplateInAWS = AWSDevParams.moduleTemplateInAWS;//平台的模板路径
|
||||
const outputDir = AWSDevParams.outputDir;
|
||||
const publicPath = AWSDevParams.publicPath;//决定生成在平台的js或css的相对路径,与build配置的路径要对应
|
||||
|
||||
//判断是否开发
|
||||
const isproduction = process.env.NODE_ENV === 'production';
|
||||
//开发时路径和build到平台路径
|
||||
let AWSJSAndCSSPath = isproduction ? "../" : AWSproxyPath.replace("r/","");
|
||||
let AWSJSAndCSSImport = AWSDevParams.AWSJSAndCSSImport == null ? [] : AWSDevParams.AWSJSAndCSSImport;
|
||||
let AWSJSAndCSSImportArray = [];
|
||||
for(let k of AWSJSAndCSSImport){
|
||||
if(k.type == "css"){
|
||||
AWSJSAndCSSImportArray.push("<link type='text/css' rel='stylesheet' href='"+AWSJSAndCSSPath + k.path +"'/>");
|
||||
}else if(k.type == "js"){
|
||||
AWSJSAndCSSImportArray.push("<script type='text/javascript' src='"+AWSJSAndCSSPath + k.path + "'></script>");
|
||||
}
|
||||
}
|
||||
|
||||
const getAWSFileRelativePath = ()=>{
|
||||
let index = "./";
|
||||
if(isproduction){
|
||||
index = publicPath;
|
||||
}
|
||||
return index;
|
||||
}
|
||||
const getIndexPath = ()=>{
|
||||
let index = "index.html";
|
||||
if(isproduction){
|
||||
index = AWSReleasePath+moduleTemplateInAWS;
|
||||
}
|
||||
return index;
|
||||
}
|
||||
module.exports = {
|
||||
// 基本路径 build后文件路径../apps/_bpm.platform/test2 ，开发运行时文件路径./
|
||||
publicPath: getAWSFileRelativePath(),
|
||||
|
||||
//生成入口的html文件位置
|
||||
indexPath: getIndexPath(),
|
||||
|
||||
outputDir : AWSReleasePath+outputDir,
|
||||
|
||||
// eslint-loader 是否在保存的时候检查
|
||||
lintOnSave: true,
|
||||
|
||||
productionSourceMap: false, //打包不使用源码（false后在平台无法调试）
|
||||
// use the full build with in-browser compiler?
|
||||
// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
|
||||
// compiler: false,
|
||||
// webpack配置
|
||||
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
|
||||
chainWebpack: (config) => {
|
||||
config.plugin('html')
|
||||
.tap(args => {
|
||||
let buildVar = args[0];
|
||||
buildVar.AWSJSAndCSSImport = AWSJSAndCSSImportArray.join("\n");
|
||||
debugger
|
||||
buildVar.AWSJSAndCSSPath = AWSJSAndCSSPath;
|
||||
buildVar.devUserInfo = devUserInfo;
|
||||
buildVar.isproduction = isproduction;
|
||||
buildVar.axiosBaseUrl = isproduction ? "./" : AWSproxyPath;
|
||||
buildVar.settingParam = isproduction ? "<#settingParam>" : "{}";
|
||||
return args;
|
||||
});
|
||||
},
|
||||
|
||||
configureWebpack: config => {
|
||||
if (isproduction) {
|
||||
// 为生产环境修改配置...
|
||||
config.mode = 'production'
|
||||
} else {
|
||||
// 为开发环境修改配置...
|
||||
config.mode = 'development'
|
||||
}
|
||||
},
|
||||
|
||||
devServer: {
|
||||
proxy: {
|
||||
//配置跨域
|
||||
"/AWSDEVURL": {
|
||||
target: AWSPortalUrl,
|
||||
ws: true,
|
||||
changOrigin: true, //允许跨域
|
||||
pathRewrite: {
|
||||
"^/AWSDEVURL": "" //请求的时候使用这个URL就可以
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// css相关配置
|
||||
css: {
|
||||
loaderOptions: {}
|
||||
},
|
||||
|
||||
// 是否启用dll
|
||||
// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode
|
||||
// dll: false,
|
||||
// PWA 插件相关配置
|
||||
// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
|
||||
pwa: {},
|
||||
|
||||
// webpack-dev-server 相关配置
|
||||
// devServer: {
|
||||
// open: process.platform === 'darwin',
|
||||
// disableHostCheck: true,
|
||||
// host: 'www.test.com',//如果是真机测试，就使用这个IP
|
||||
// port: 1234,
|
||||
// https: false,
|
||||
// hotOnly: false,
|
||||
// before: app => {}
|
||||
// },
|
||||
|
||||
// 第三方插件配置
|
||||
pluginOptions: {
|
||||
}
|
||||
}
|
||||
8306
com.actionsoft.apps.coe.pal.batch/yarn.lock
Normal file
8306
com.actionsoft.apps.coe.pal.batch/yarn.lock
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user