流程清单代码
This commit is contained in:
446052889@qq.com
parent
2ed7faaf25
commit
f509d4b049
25
com.actionsoft.apps.coe.pal.processlist/.gitignore
vendored
Normal file
25
com.actionsoft.apps.coe.pal.processlist/.gitignore
vendored
Normal file
@ -0,0 +1,25 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
# awsDevParams.js
|
||||
/dist
|
||||
/lib
|
||||
# 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/*
|
||||
25
com.actionsoft.apps.coe.pal.processlist/AWSDevParams.js
Normal file
25
com.actionsoft.apps.coe.pal.processlist/AWSDevParams.js
Normal file
@ -0,0 +1,25 @@
|
||||
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.processlist/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.processlist/web/com.actionsoft.apps.coe.pal.processlist/main", /*webserver/webapps/portal/apps/_bpm.platform/dw/designer/main*/ //build后js或css生成到平台的位置
|
||||
publicPath: "../apps/com.actionsoft.apps.coe.pal.processlist/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",
|
||||
}
|
||||
}
|
||||
24
com.actionsoft.apps.coe.pal.processlist/README.md
Normal file
24
com.actionsoft.apps.coe.pal.processlist/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/).
|
||||
10
com.actionsoft.apps.coe.pal.processlist/babel.config.js
Normal file
10
com.actionsoft.apps.coe.pal.processlist/babel.config.js
Normal file
@ -0,0 +1,10 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
[
|
||||
'@vue/app',
|
||||
{
|
||||
useBuiltIns: 'entry'
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
51
com.actionsoft.apps.coe.pal.processlist/package.json
Normal file
51
com.actionsoft.apps.coe.pal.processlist/package.json
Normal file
@ -0,0 +1,51 @@
|
||||
{
|
||||
"name": "com.actionsoft.apps.coe.pal.processlist",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"awsui-vue": "^1.0.0",
|
||||
"axios": "^0.21.0",
|
||||
"babel-polyfill": "^6.26.0",
|
||||
"core-js": "^3.8.0",
|
||||
"element-ui": "^2.14.1",
|
||||
"vue": "^2.6.12",
|
||||
"vue-router": "^3.4.9",
|
||||
"vuedraggable": "^2.24.3",
|
||||
"vuex": "^3.6.0"
|
||||
},
|
||||
"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": "^7.14.0",
|
||||
"eslint-plugin-vue": "^7.1.0",
|
||||
"vue-template-compiler": "^2.6.12"
|
||||
},
|
||||
"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.processlist/public/favicon.ico
Normal file
BIN
com.actionsoft.apps.coe.pal.processlist/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
56
com.actionsoft.apps.coe.pal.processlist/public/index.html
Normal file
56
com.actionsoft.apps.coe.pal.processlist/public/index.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!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 (process.env.NODE_ENV === "development") {%>
|
||||
var wsId = '4645328c-d20e-4a3c-bcb0-4518c9abdd93';
|
||||
var levelSelect = [{
|
||||
value: 1,
|
||||
label: '一级流程'
|
||||
}, {
|
||||
value: 2,
|
||||
label: '二级流程'
|
||||
}, {
|
||||
value: 3,
|
||||
label: '三级流程'
|
||||
}, {
|
||||
value: 4,
|
||||
label: '四级流程'
|
||||
}, {
|
||||
value: 5,
|
||||
label: '五级流程'
|
||||
}];
|
||||
var defaultSelectVal = [1,2,3];
|
||||
var wHref = "http://localhost:8088/portal/r/w";
|
||||
<%}else {%>
|
||||
var wsId = "<#wsId>";
|
||||
var levelSelect = <#levelSelect>;
|
||||
var defaultSelectVal = <#defaultSelectVal>;
|
||||
var wHref = "./w";
|
||||
<%}%>
|
||||
</script>
|
||||
</head>
|
||||
<body style="margin:0;">
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
15
com.actionsoft.apps.coe.pal.processlist/src/App.vue
Normal file
15
com.actionsoft.apps.coe.pal.processlist/src/App.vue
Normal file
@ -0,0 +1,15 @@
|
||||
<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;
|
||||
text-align: center;
|
||||
color: #2c3e50;
|
||||
}
|
||||
</style>
|
||||
75
com.actionsoft.apps.coe.pal.processlist/src/api/commonFun.js
Normal file
75
com.actionsoft.apps.coe.pal.processlist/src/api/commonFun.js
Normal file
@ -0,0 +1,75 @@
|
||||
// 通用js方法文件
|
||||
|
||||
/**
|
||||
* 打开一个新的窗口,post请求，
|
||||
* @param id id 唯一值，body中创建请求表单的id
|
||||
* @param sid sessionId
|
||||
* @param cmd 请求cmd
|
||||
* @param params 参数列表{param1 : value1,param2 : value2}
|
||||
* @param target 不给定则默认_blank新窗口
|
||||
*/
|
||||
const newPageWin = function (id, sid, cmd, params, target) {
|
||||
if (!params) {
|
||||
params = {};
|
||||
}
|
||||
params.cmd = cmd;
|
||||
params.sid = sid;
|
||||
newWin(id, wHref, params, target);
|
||||
}
|
||||
|
||||
/**
|
||||
* 打开一个新的窗口,post请求
|
||||
* @param id 唯一值，body中创建请求表单的id
|
||||
* @param url 例如 ./w，./jd
|
||||
* @param params 这个{param1 : value1,param2 : value2}
|
||||
* @param target 打开窗口方式 _blank，_self
|
||||
*/
|
||||
const newWin = function (id, url, params, target) {
|
||||
// 防止反复添加
|
||||
var dom = document.getElementById(id);
|
||||
if(dom) {
|
||||
document.body.removeChild(dom);
|
||||
}
|
||||
var temp_form = document.createElement("form");
|
||||
temp_form.action = url;
|
||||
temp_form.target = target == undefined ? "_blank" : target;
|
||||
temp_form.method = "get";
|
||||
temp_form.style.display = "none";
|
||||
for (var x in params) {
|
||||
var opt = document.createElement("textarea");
|
||||
opt.name = x;
|
||||
opt.value = params[x];
|
||||
temp_form.appendChild(opt);
|
||||
}
|
||||
temp_form.setAttribute('id', id);
|
||||
document.body.appendChild(temp_form);
|
||||
temp_form.submit();
|
||||
}
|
||||
|
||||
// 打开流程模型文件
|
||||
const openDesigner = function(teamId, id, sid) {
|
||||
newPageWin('palDesigner', sid, 'com.actionsoft.apps.coe.pal_pl_repository_designer', {uuid: id, teamId: teamId});
|
||||
}
|
||||
|
||||
// 退出pal
|
||||
const logout = function(sid) {
|
||||
window.location.replace("./w?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_user_logout");
|
||||
}
|
||||
|
||||
// 类jquery方法
|
||||
const closest = function(node, targetNodeName) {// 类似jquery closest函数，获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上
|
||||
let curr = node;
|
||||
while (curr.nodeName != targetNodeName && curr.nodeName != 'BODY') {
|
||||
curr = curr.parentNode;
|
||||
}
|
||||
if (curr.nodeName == targetNodeName) {
|
||||
return curr;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export {newWin, newPageWin, openDesigner, logout, closest}
|
||||
|
||||
|
||||
|
||||
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.processlist/src/assets/logo.png
Normal file
BIN
com.actionsoft.apps.coe.pal.processlist/src/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
109
com.actionsoft.apps.coe.pal.processlist/src/awsuiAxios/index.js
Normal file
109
com.actionsoft.apps.coe.pal.processlist/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
|
||||
}
|
||||
22
com.actionsoft.apps.coe.pal.processlist/src/main.js
Normal file
22
com.actionsoft.apps.coe.pal.processlist/src/main.js
Normal file
@ -0,0 +1,22 @@
|
||||
import Babel from 'babel-polyfill';
|
||||
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';// 图标
|
||||
|
||||
Vue.config.productionTip = false
|
||||
Vue.use(Babel)
|
||||
Vue.use(Awsui)
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => {
|
||||
return h(App);
|
||||
},
|
||||
}).$mount('#app')
|
||||
52
com.actionsoft.apps.coe.pal.processlist/src/router/index.js
Normal file
52
com.actionsoft.apps.coe.pal.processlist/src/router/index.js
Normal file
@ -0,0 +1,52 @@
|
||||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
import store from '../store'
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/',
|
||||
name: 'ProcesslistHome',
|
||||
component: () => import('../views/ProcesslistHome')
|
||||
},
|
||||
{
|
||||
path: '/devGetSession', //开发时获取session作用
|
||||
name: 'devGetSession',
|
||||
component: () => import('../views/DevGetSession.vue')
|
||||
}
|
||||
]
|
||||
|
||||
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;
|
||||
next();
|
||||
}
|
||||
//to.matched.some(res=>{res.meta.isLogin}) 能够获取路由配置的参数
|
||||
|
||||
});
|
||||
|
||||
//跳转后设置scroll为原点
|
||||
router.afterEach((to, from, next) => {
|
||||
window.scrollTo(0, 0);
|
||||
});
|
||||
export default router
|
||||
21
com.actionsoft.apps.coe.pal.processlist/src/store/index.js
Normal file
21
com.actionsoft.apps.coe.pal.processlist/src/store/index.js
Normal file
@ -0,0 +1,21 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
export default new Vuex.Store({
|
||||
state: {
|
||||
sessionId: settingParam.sessionId
|
||||
},
|
||||
mutations: {
|
||||
edit(state, data) {
|
||||
for (let p in data) {
|
||||
state[p] = data[p];
|
||||
}
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
},
|
||||
modules: {
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,41 @@
|
||||
<!-- 获取session方法，不可删除 -->
|
||||
<template>
|
||||
<div class="devGetSession">
|
||||
正在获取session
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import router from "../router/index";
|
||||
import awsuiAxios from "../awsuiAxios/index";
|
||||
import store from "../store/index";
|
||||
awsuiAxios
|
||||
.post({
|
||||
url: "jd",
|
||||
data: {
|
||||
userid: devUserInfo.userid,
|
||||
pwd: devUserInfo.pwd,
|
||||
lang: "cn",
|
||||
cmd: "com.actionsoft.apps.getsession.get",
|
||||
deviceType: "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("/");
|
||||
}
|
||||
});
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dwList: [], //dw的获取列表
|
||||
};
|
||||
},
|
||||
methods: {},
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,534 @@
|
||||
<template>
|
||||
<awsui-layout>
|
||||
<awsui-header :height=headerHeight id="header" style="margin-top: 10px;">
|
||||
<el-row :style="{'line-height': headerHeight}">
|
||||
<el-col :span="24">
|
||||
<div class="head-title" style="float:left;width: 150px;">
|
||||
<div style="padding-left:20px;text-align: left;vertical-align: middle;display: table-cell;width: 100%;height: 36px;">
|
||||
共有
|
||||
<span style="color:red;">{{totalCount}}</span>
|
||||
支流程
|
||||
</div>
|
||||
</div>
|
||||
<div class="head-title" style="float:left;width:200px;">
|
||||
<awsui-select id="levelSelect" v-model="levelValue" collapse-tags placeholder="请选择流程层级" :options="levelOptions" multiple @change="searchProcessList(false)"></awsui-select>
|
||||
</div>
|
||||
<div class="head-title" style="float:right;width: 240px;">
|
||||
<awsui-button class="button-general-color button_fixed_width" type="primary" @click="exportProcessList">导出</awsui-button>
|
||||
<el-tooltip class="item" effect="dark" content="重置筛选条件" placement="bottom-end" :hide-after="1000">
|
||||
<awsui-button class="button_fixed_width" @click="resetCondition">重置</awsui-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="item" effect="dark" content="自定义表项" placement="bottom-end" :hide-after="1000">
|
||||
<i class="el-icon-circle-plus custom_table_dlg_icon" @click="customTableDlg = true"></i>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<div class="head-title" style="float:right;width:220px;padding-right: 20px;">
|
||||
<awsui-input v-model="searchInput" size="large" prefixIcon="" placeholder="请输入流程名称进行搜索" clearable @input="searchProcessList(false)"></awsui-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</awsui-header>
|
||||
<awsui-main style="padding-right: 0;padding-bottom: 0;" id="processlistMain">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:height="tableHeight"
|
||||
size="medium"
|
||||
@filter-change="filterTableData"
|
||||
ref="table">
|
||||
<!--无数据时表格显示内容，设置为空，后期可改为具体图标文字-->
|
||||
<template slot="empty">
|
||||
<div v-if="dataLoaded" style="text-align: center;">
|
||||
<span><i class="iconfont icon-wushuju" style="color: #C2C2C2;font-size: 60px;"></i></span>
|
||||
<div class="text-general-color" style="height: 20px; line-height: 20px;">没有查询到结果</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<span>正在查询</span>
|
||||
</div>
|
||||
</template>
|
||||
<template v-for="col in tableHeaderData">
|
||||
<el-table-column v-if="isShowColumn('selectType', col.dataType)"
|
||||
:prop="col.prop"
|
||||
:label="col.label"
|
||||
:width="col.width"
|
||||
:min-width="col.minWidth"
|
||||
:filters="col.filters"
|
||||
filter-placement="right-start"
|
||||
column-key="type"
|
||||
:key="col.key"
|
||||
:show-overflow-tooltip="col.showOverflow" class="el-table-column-row">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="isShowColumn('selectStatus', col.dataType)"
|
||||
:prop="col.prop"
|
||||
:label="col.label"
|
||||
:width="col.width"
|
||||
:min-width="col.minWidth"
|
||||
:filters="col.filters"
|
||||
filter-placement="right-start"
|
||||
column-key="status"
|
||||
:key="col.key"
|
||||
:show-overflow-tooltip="col.showOverflow" class="el-table-column-row">
|
||||
</el-table-column>
|
||||
<el-table-column v-if="isShowColumn('default', col.dataType)"
|
||||
:prop="col.prop"
|
||||
:label="col.label"
|
||||
:width="col.width"
|
||||
:min-width="col.minWidth"
|
||||
:key="col.key"
|
||||
:show-overflow-tooltip="col.showOverflow" class="el-table-column-row">
|
||||
</el-table-column>
|
||||
<!-- 流程名称单独处理 -->
|
||||
<el-table-column v-if="isShowColumn('name', col.dataType)"
|
||||
:prop="col.prop"
|
||||
:label="col.label"
|
||||
:width="col.width"
|
||||
:min-width="col.minWidth"
|
||||
:key="col.key"
|
||||
:show-overflow-tooltip="col.showOverflow" class="el-table-column-row">
|
||||
<template slot-scope="scope">
|
||||
<p class="processlist-title" style="cursor: pointer;" @click="openProcessDesignerPage(scope.row)">{{scope.row.name}}<span class="processlist-title-version"> (v{{scope.row.version}})</span></p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table>
|
||||
<div v-if="currentPage > 0" style="height:25px;line-height:25px;vertical-align: middle">
|
||||
<span v-if="currentPage < Math.ceil(totalCount / pageStep)" class="btn-more-data" @click="loadData">点击加载更多</span>
|
||||
<span v-else >已经到底啦</span>
|
||||
</div>
|
||||
</awsui-main>
|
||||
<awsui-sidebar
|
||||
id="customTableDlg"
|
||||
ref="customTableDlg"
|
||||
title="自定义表项"
|
||||
:visible.sync="customTableDlg"
|
||||
size="30%"
|
||||
:before-close="handleClose"
|
||||
@opened="initMoreAttr">
|
||||
<div slot="title">
|
||||
<div style="display: inline-block;width: 50%;text-align: left;height: 30px;line-height: 30px;vertical-align: middle;">
|
||||
<span>自定义表项</span>
|
||||
</div>
|
||||
<div style="display: inline-block;width: 50%;text-align: right;height: 30px;line-height: 30px;">
|
||||
<span style="cursor: pointer;color: #4E7FF9;margin-right: 10px;" @click="initTableColumnm">重置</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div style="border-top: 1px solid #e9e9e9;padding: 0px;">
|
||||
<div id="customTableDlgHeight" style="overflow-y: auto;">
|
||||
<div id="customTabledlgList">
|
||||
<p class="draggable-title">已选</p>
|
||||
<draggable class="list-group" :list="customTableCheckedData" group="people" @drop="draggableDrop">
|
||||
<div class="list-group-item custom-table-dlg-li" v-for="(element) in customTableCheckedData" :key="element.id">
|
||||
<span class="custom-table-dlg-li-item"><span class="custom-table-dlg-li-item">{{ element.name }}<span class="text-second-color" style="font-size: 12px;"> （{{element.id}}）</span></span></span>
|
||||
<i class="iconfont icon-yidongshu custom-table-dlg-li-item-icon icon-display"></i>
|
||||
</div>
|
||||
</draggable>
|
||||
</div>
|
||||
<div>
|
||||
<p class="draggable-title" style="margin-top: 20px;">可选</p>
|
||||
<draggable class="list-group" :list="customTableUncheckedData" group="people" @drop="draggableDrop">
|
||||
<div class="list-group-item custom-table-dlg-li" v-for="(element) in customTableUncheckedData" :key="element.id">
|
||||
<span class="custom-table-dlg-li-item"><span class="custom-table-dlg-li-item">{{ element.name }}<span class="text-second-color" style="font-size: 12px;"> （{{element.id}}）</span></span></span>
|
||||
<i class="iconfont icon-yidongshu custom-table-dlg-li-item-icon icon-display"></i>
|
||||
</div>
|
||||
</draggable>
|
||||
</div>
|
||||
</div>
|
||||
<div class="custom-table-dlg-footer">
|
||||
<div id="drawerFooter">
|
||||
<awsui-button class="button-general-color button_fixed_width" type="primary" @click="saveTableColumnConfig()">保存</awsui-button>
|
||||
<awsui-button class="button_fixed_width" @click="closeDlg">取消</awsui-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</awsui-sidebar>
|
||||
<iframe style="display: none" id='downloadIframe' ></iframe>
|
||||
</awsui-layout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import draggable from "vuedraggable";
|
||||
import awsuiAxios from "../awsuiAxios";
|
||||
import {openDesigner} from "../api/commonFun";
|
||||
let levelOptions = levelSelect;
|
||||
let levelValue = defaultSelectVal;
|
||||
// 配置临时记录
|
||||
let tempMoreAttrCheckedConfig = [];
|
||||
let tempMoreAttrUnCheckedConfig = [];
|
||||
let tempTableFilterObj = {};
|
||||
|
||||
export default {
|
||||
name: "ProcesslistHome",
|
||||
components: {
|
||||
draggable
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
customTableDlg : false,
|
||||
headerHeight : '30px',
|
||||
tableHeight : (document.documentElement.clientHeight - 66 - 20) + 'px',
|
||||
tableHeaderData : [],
|
||||
searchInput : '',
|
||||
levelOptions: levelOptions,
|
||||
levelValue: levelValue,
|
||||
tableData: [],
|
||||
mouseDraggable: false,
|
||||
// 分页
|
||||
totalCount : '?',
|
||||
currentPage: 0,
|
||||
pageStep: 0,
|
||||
customTableCheckedData: [],
|
||||
customTableUncheckedData: [],
|
||||
dataLoaded: false,
|
||||
serialNumber: 0 // 当前序号
|
||||
}
|
||||
},
|
||||
methods : {
|
||||
draggableDrop(ev) {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
ev.dataTransfer = ev.originalEvent.dataTransfer;
|
||||
},
|
||||
resize() {// 窗口监听window.resize
|
||||
const that = this
|
||||
let resizeTimer = null;
|
||||
window.onresize = () => {
|
||||
return (() => {
|
||||
if (resizeTimer) clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(function(){
|
||||
that.tableHeight = (document.documentElement.clientHeight - 66 - 20) + 'px';
|
||||
that.searchProcessList(false);
|
||||
that.initDlgBodyHeight();
|
||||
} , 400);
|
||||
})()
|
||||
}
|
||||
},
|
||||
handleClose(done) {
|
||||
const that = this;
|
||||
that.customTableCheckedData = JSON.parse(JSON.stringify(tempMoreAttrCheckedConfig));
|
||||
that.customTableUncheckedData = JSON.parse(JSON.stringify(tempMoreAttrUnCheckedConfig));
|
||||
done();
|
||||
},
|
||||
closeDlg() {
|
||||
this.handleClose(function(){});
|
||||
this.customTableDlg = false;
|
||||
},
|
||||
scorllBottomEvent() {
|
||||
const that = this;
|
||||
let dom = document.querySelector(".el-table__body-wrapper");
|
||||
dom.addEventListener("scroll", function() {
|
||||
const scrollDistance =dom.scrollHeight - dom.scrollTop - dom.clientHeight;
|
||||
if(scrollDistance <=0){//等于0证明已经到底，可以请求接口
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
getSearchCondition(params) {// 获取条件
|
||||
params.data.searchInput = this.searchInput;
|
||||
params.data.levelValue = this.levelValue.join(',');
|
||||
params.data.tableFilter = JSON.stringify(tempTableFilterObj);
|
||||
return params;
|
||||
},
|
||||
initPageCount(updateTableColumn) {// 初始化页面总条数，页码等
|
||||
const that = this;
|
||||
that.dataLoaded = false;
|
||||
let params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
cmd: 'com.actionsoft.apps.coe.pal.processlist_header_query',
|
||||
wsId: wsId
|
||||
}
|
||||
};
|
||||
params = this.getSearchCondition(params);
|
||||
awsuiAxios.post(params).then(function (ro) {// 查询数据总条数
|
||||
if (ro.result == 'ok') {
|
||||
let roData = ro.data;
|
||||
that.totalCount = roData.totalCount;
|
||||
that.customTableCheckedData = roData.customTableCheckedData;
|
||||
that.customTableUncheckedData = roData.customTableUncheckedData;
|
||||
// 临时记录
|
||||
tempMoreAttrCheckedConfig = JSON.parse(JSON.stringify(roData.customTableCheckedData));
|
||||
tempMoreAttrUnCheckedConfig = JSON.parse(JSON.stringify(roData.customTableUncheckedData));
|
||||
// 宽度处理
|
||||
let tempHeadData = JSON.parse(JSON.stringify(roData.customTableCheckedData));
|
||||
// 获取屏幕宽度
|
||||
let dom = document.querySelector(".el-table__body-wrapper");
|
||||
let tableScreenWidth = dom.offsetWidth;
|
||||
// 获取元素占用总宽度
|
||||
let dataHeaderWidth = 0;// 总宽度
|
||||
let dataHeaderSize = tempHeadData.length;// 总个数
|
||||
for (let i = 0; i < tempHeadData.length; i++) {
|
||||
dataHeaderWidth += parseInt(tempHeadData[i].width);
|
||||
}
|
||||
if (dataHeaderWidth < tableScreenWidth) {
|
||||
// 调整宽度
|
||||
let blankWidth = tableScreenWidth - dataHeaderWidth;// 剩余空白
|
||||
let addWidth = blankWidth / dataHeaderSize;// 每列增加宽度
|
||||
if (blankWidth > 0 && addWidth > 0) {
|
||||
for (let i = 0; i < tempHeadData.length; i++) {
|
||||
tempHeadData[i].width = parseInt(tempHeadData[i].width) + addWidth + "";// 宽度增加
|
||||
}
|
||||
}
|
||||
}
|
||||
for (let i = 0; i < tempHeadData.length; i++) {
|
||||
if (updateTableColumn) {
|
||||
tempHeadData[i].key = Math.random();
|
||||
} else {
|
||||
tempHeadData[i].key = that.tableHeaderData[i].key;
|
||||
}
|
||||
}
|
||||
that.tableHeaderData = tempHeadData;
|
||||
// that.tableHeaderData = JSON.parse(JSON.stringify(roData.customTableCheckedData));
|
||||
// 页码及每页计算
|
||||
that.currentPage = 0;
|
||||
that.serialNumber = 0;
|
||||
that.pageStep = Math.ceil(parseInt(that.tableHeight)/45) + 5;
|
||||
that.loadData();
|
||||
} else {
|
||||
// alert('请求响应错误');
|
||||
// debugger;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
loadData() {// 数据加载
|
||||
const that = this;
|
||||
if(that.currentPage < Math.ceil(that.totalCount / that.pageStep)){//当前页数小于总页数就请求
|
||||
let params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
}
|
||||
};
|
||||
params.data.wsId = wsId;
|
||||
params.data.currentPage = that.currentPage;
|
||||
params.data.pageStep = that.pageStep;
|
||||
params.data.tableHead = JSON.stringify(that.tableHeaderData);
|
||||
params.data.cmd = 'com.actionsoft.apps.coe.pal.processlist_data_query';
|
||||
params = this.getSearchCondition(params);
|
||||
awsuiAxios.post(params).then(function (ro) {// 查询数据总条数
|
||||
if (ro.result == 'ok') {
|
||||
let roData = ro.data.data;
|
||||
for (let i = 0; i < roData.length; i++) {
|
||||
roData[i].no_serialNumber = ++that.serialNumber;
|
||||
}
|
||||
that.tableData = that.tableData.concat(roData);
|
||||
that.currentPage++;//当前页数自增
|
||||
that.dataLoaded = true;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
} else {
|
||||
that.dataLoaded = true;
|
||||
}
|
||||
},
|
||||
initMoreAttr() {
|
||||
// 初始化高度
|
||||
this.initDlgBodyHeight();
|
||||
},
|
||||
initDlgBodyHeight() {
|
||||
if (document.getElementById("customTableDlgHeight") != null) {
|
||||
document.getElementById("customTableDlgHeight").style.height =
|
||||
(document.documentElement.clientHeight - 80 - document.getElementById('drawerFooter').offsetHeight) + 'px';// 82是dialog头部高度，36是底部按钮高度
|
||||
}
|
||||
},
|
||||
saveTableColumnConfig() {// 保存
|
||||
const that = this;
|
||||
let params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
}
|
||||
};
|
||||
params.data.wsId = wsId;
|
||||
params.data.customTableCheckedData = JSON.stringify(that.customTableCheckedData);
|
||||
params.data.cmd = 'com.actionsoft.apps.coe.pal.processlist_config_save';
|
||||
params = this.getSearchCondition(params);
|
||||
awsuiAxios.post(params).then(function (ro) {// 查询数据总条数
|
||||
if (ro.result == 'ok') {
|
||||
that.closeDlg();
|
||||
tempTableFilterObj = {};// 清空列上的筛选项，不然表格列换位置筛选的显示有问题
|
||||
// 查询
|
||||
that.searchProcessList(true);
|
||||
} else {
|
||||
// alert('请求响应错误');
|
||||
// debugger;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
searchProcessList(updateTablecolumn) {// 搜索查询
|
||||
this.$refs.table.bodyWrapper.scrollTop = 0;
|
||||
this.tableData = [];
|
||||
this.initPageCount(updateTablecolumn);
|
||||
},
|
||||
openProcessDesignerPage(row) {
|
||||
const palId = row.id;
|
||||
const folder = row.folder;// 是否文件夹
|
||||
if (folder) {
|
||||
this.$message({
|
||||
message: '不支持打开文件夹类型',
|
||||
type: 'warning'
|
||||
});
|
||||
return;
|
||||
}
|
||||
openDesigner('', palId, this.$store.state.sessionId);
|
||||
},
|
||||
deepCloneJson(obj) {
|
||||
return JSON.parse(JSON.stringify(obj));
|
||||
},
|
||||
resetCondition() {// 重置搜索条件
|
||||
this.levelValue = defaultSelectVal;
|
||||
this.searchInput = '';
|
||||
this.$refs.table.clearFilter();
|
||||
tempTableFilterObj = {};
|
||||
this.searchProcessList(false);
|
||||
},
|
||||
exportProcessList() {// 导出流程清单
|
||||
const that = this;
|
||||
let params = {
|
||||
url:'jd',
|
||||
data:{
|
||||
}
|
||||
};
|
||||
params.data.wsId = wsId;
|
||||
params.data.cmd = 'com.actionsoft.apps.coe.pal.processlist_data_export';
|
||||
params = this.getSearchCondition(params);
|
||||
awsuiAxios.post(params).then(function (ro) {// 查询数据总条数
|
||||
if (ro.result == 'ok') {
|
||||
document.getElementById("downloadIframe").src=ro.msg;
|
||||
} else {
|
||||
// alert('请求响应错误');
|
||||
// debugger;
|
||||
}
|
||||
}).catch(error=>{
|
||||
console.log(error);
|
||||
})
|
||||
},
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
return 'table_bg_color'
|
||||
},
|
||||
isShowColumn(a, b) {
|
||||
return a == b;
|
||||
},
|
||||
filterTableData(filter) {
|
||||
if (filter.type) {
|
||||
tempTableFilterObj.type = filter.type;
|
||||
} else if (filter.status) {
|
||||
tempTableFilterObj.status = filter.status;
|
||||
}
|
||||
// 重新搜索
|
||||
this.searchProcessList(false);
|
||||
},
|
||||
initTableColumnm() {// 初始化表项设置
|
||||
const that = this;
|
||||
that.customTableCheckedData = [];
|
||||
that.customTableUncheckedData = [];
|
||||
that.saveTableColumnConfig();
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted(){
|
||||
if (this.currentPage == 0) {
|
||||
this.searchProcessList(true);
|
||||
}
|
||||
this.resize();
|
||||
// this.scorllBottomEvent();
|
||||
// 火狐浏览器拖拽问题
|
||||
document.body.ondrop = function (event) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.el-select--medium {
|
||||
float:left;
|
||||
}
|
||||
i,a,button,input,div,span{
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style scoped>
|
||||
.grid-content {
|
||||
border-radius: 4px;
|
||||
min-height: 36px;
|
||||
}
|
||||
.custom_table_dlg_icon {
|
||||
color: #4E7FF9;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
}
|
||||
.custom-table-dlg-li {
|
||||
text-align: left;
|
||||
padding-left: 20px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
cursor: move;
|
||||
}
|
||||
.custom-table-dlg-li:hover {
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
.custom-table-dlg-li-item {
|
||||
display: inline-block;
|
||||
width: 88%;
|
||||
}
|
||||
.custom-table-dlg-li-item-icon {
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
.icon-display{
|
||||
display: none;
|
||||
}
|
||||
.custom-table-dlg-li:hover .icon-display{
|
||||
display: inline-block;
|
||||
}
|
||||
.custom-table-dlg-footer {
|
||||
height: 40px;
|
||||
text-align: right;
|
||||
padding: 10px;
|
||||
}
|
||||
.draggable-title {
|
||||
text-align: left;
|
||||
padding-left: 20px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
color: #95A2B2;
|
||||
}
|
||||
.head-title {
|
||||
display: inline-block;
|
||||
}
|
||||
.button_fixed_width {
|
||||
width: 80px;
|
||||
}
|
||||
#customTableDlg >>> .awsui-sidebar__header {
|
||||
padding: 10px 10px 10px 20px;
|
||||
}
|
||||
|
||||
#processlistMain >>> .el-table__row:hover .processlist-title {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
#processlistMain >>> .el-table__row:hover .processlist-title-version {
|
||||
color: #4E7FF9 !important;
|
||||
}
|
||||
.processlist-title-version {
|
||||
display:inline-block;
|
||||
-webkit-transform:scale(0.9);
|
||||
font-size:12px;color:#AAA;
|
||||
}
|
||||
.btn-more-data:hover {
|
||||
color: #4E7FF9;
|
||||
}
|
||||
.btn-more-data {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
@ -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;
|
||||
}
|
||||
231
com.actionsoft.apps.coe.pal.processlist/static/common/theme1.css
Normal file
231
com.actionsoft.apps.coe.pal.processlist/static/common/theme1.css
Normal file
@ -0,0 +1,231 @@
|
||||
/*设计颜色规范*/
|
||||
|
||||
/*
|
||||
通用鼠标悬浮色
|
||||
所有悬浮状态的底色，包括下拉列表项、表格、卡片等。
|
||||
*/
|
||||
.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;
|
||||
}
|
||||
|
||||
/**********************表格*************************/
|
||||
|
||||
/*表头文字颜色*/
|
||||
.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
|
||||
}
|
||||
|
||||
/**********************按钮*************************/
|
||||
|
||||
/*通用按钮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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
125
com.actionsoft.apps.coe.pal.processlist/vue.config.js
Normal file
125
com.actionsoft.apps.coe.pal.processlist/vue.config.js
Normal file
@ -0,0 +1,125 @@
|
||||
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 => {
|
||||
config.entry.app=["babel-polyfill","./src/main.js"];
|
||||
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: {
|
||||
},
|
||||
transpileDependencies: ["*"]
|
||||
}
|
||||
9055
com.actionsoft.apps.coe.pal.processlist/yarn.lock
Normal file
9055
com.actionsoft.apps.coe.pal.processlist/yarn.lock
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user