修改弹出层大小/扩大流程明细显示字数超出...显示/鼠标悬浮显示流程名称/添加成员加搜索框

This commit is contained in:
zhal 2022-09-05 09:35:50 +08:00
parent d0700a293f
commit ffa244c074
2 changed files with 20 additions and 1 deletions

View File

@ -15,6 +15,11 @@
<awsui-form ref="form" :model="form" label-position="top" style="padding:0 5px">
<div class="awsui-form-item">
<label class="awsui-form-item__label">成员</label>
<el-input size="mini" placeholder="请输入成员" v-model="searchUserName" class="input-with-select">
<el-button slot="append" icon="el-icon-search" @click="searchUserNameFun"></el-button>
</el-input>
<div v-if="isOlderVersion" class="awsui-form-item__content">
<awsui-select filterable v-model="form.userArr" :options="form.userOpts" multiple size="large" key="user"></awsui-select>
</div>
@ -32,6 +37,7 @@
@node-click="openNode"
@node-expand="expandNode"
@node-collapse="closeNode"
:filter-node-method="filterNode"
node-key="id"
lazy
:load="loadNode">
@ -91,6 +97,7 @@
default: ''
}
},
data() {
return {
dialogVisible: false,
@ -116,6 +123,7 @@
addressType: 'user',
highSecurityFilter: 'sysAdmin,auditor' ,// sysAdmin,auditor簿
pid: '',
searchUserName:''
}
},
@ -315,6 +323,13 @@
console.log(error);
})
},
filterNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
searchUserNameFun(){
this.$refs.tree.filter(this.searchUserName);
},
},
watch: {
visible(val) {

View File

@ -1,6 +1,7 @@
<template>
<div>
<awsui-sidebar
:size="size"
:title="title"
:before-close="handleClose"
:wrapper-closable=false
@ -69,7 +70,7 @@
:load="loadNode">
<span slot-scope="{node, data}" style="display: flex;width: 100%">
<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 style="max-width:150px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{node.label}}</span>
<span :title="node.label" style="max-width:250px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{node.label}}</span>
<span v-if="node.level > 1" class="action-checkBox" style="flex: 1;text-align: right" @click="handleCheckedActionChange(node)">
<el-checkbox-group v-model="node.data.dataActionPerm">
<el-checkbox v-for="dataAction in node.data.dataActionPermOpts" :label="dataAction.label" :key="dataAction.label"
@ -128,6 +129,7 @@
:selected="JSON.parse(JSON.stringify(roleForm.dataPerm))"
/>
</div>
</template>
<script>
@ -165,6 +167,7 @@
sidebarVisible: false,
buttonDisabled: false,
title: '新增角色',
size: '80%',
drawerBodyHeight: '0px',
footerHeight: '50px',
wsId: '',
@ -206,6 +209,7 @@
checkAllUpdate: false,
checkAllDelete: false,
checkAllVersion: false,
}
},
mounted() {