知识分享私密模式下,选择人员权限
This commit is contained in:
@@ -51,7 +51,11 @@
|
|||||||
isSingleChoice: {
|
isSingleChoice: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
}
|
},
|
||||||
|
flag:{
|
||||||
|
type: Number,
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -109,6 +113,7 @@
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
this.confirmLoading = true
|
||||||
if (this.userIds && this.userIds.length > 0) {
|
if (this.userIds && this.userIds.length > 0) {
|
||||||
this.submitLoading = true
|
this.submitLoading = true
|
||||||
this.$emit('SelectedByForm', this.userIds.join(','),this.userName.join(','))
|
this.$emit('SelectedByForm', this.userIds.join(','),this.userName.join(','))
|
||||||
@@ -143,12 +148,21 @@
|
|||||||
} else {
|
} else {
|
||||||
gData = ''
|
gData = ''
|
||||||
}
|
}
|
||||||
|
let query = {}
|
||||||
|
if (this.flag == 1){
|
||||||
|
query = {
|
||||||
|
departId: this.departId,
|
||||||
|
json: gData,
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
query = {
|
||||||
|
departId: this.departId,
|
||||||
|
json: gData,
|
||||||
|
flag: '1'
|
||||||
|
}
|
||||||
|
}
|
||||||
this.confirmLoading = true
|
this.confirmLoading = true
|
||||||
postAction('sys/user/queryDepartUserTreeList', {
|
postAction('sys/user/queryDepartUserTreeList', query).then((res) => {
|
||||||
departId: this.departId,
|
|
||||||
json: gData,
|
|
||||||
flag: '1'
|
|
||||||
}).then((res) => {
|
|
||||||
this.confirmLoading = false
|
this.confirmLoading = false
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
this.gData = res.result
|
this.gData = res.result
|
||||||
|
|||||||
+11
-8
@@ -129,11 +129,11 @@
|
|||||||
<span class="Required">*</span>
|
<span class="Required">*</span>
|
||||||
<span class="title-text-text" :title="$t('authorizedUser')">{{$t('authorizedUser')}}</span>
|
<span class="title-text-text" :title="$t('authorizedUser')">{{$t('authorizedUser')}}</span>
|
||||||
</div>
|
</div>
|
||||||
<a-form-model-item class="itemModel-multi" prop="studioEngineerName">
|
<a-form-model-item class="itemModel-multi" prop="studioEngineerIdName">
|
||||||
<PersonnelSelection :query="{db_field_name:'studioEngineer',db_field_txt:$t('authorizedUser')}"
|
<PersonnelSelection :query="{db_field_name:'studioEngineerId',db_field_txt:$t('authorizedUser')}"
|
||||||
:personneQuery="formInline"
|
:personneQuery="formInline"
|
||||||
@change="PersonnelSelectionChange"
|
@change="PersonnelSelectionChange"
|
||||||
v-model="formInline.studioEngineerName"/>
|
v-model="formInline.studioEngineerIdName"/>
|
||||||
</a-form-model-item>
|
</a-form-model-item>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
@@ -209,7 +209,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PersonnelSelection from '@/components/PersonnelSelection/index'
|
import PersonnelSelection from './problemPersonnelSelection'
|
||||||
import uploadFile from '@/components/uploadFile/file'
|
import uploadFile from '@/components/uploadFile/file'
|
||||||
import { getAction, postAction, putAction } from '@/api/manage'
|
import { getAction, postAction, putAction } from '@/api/manage'
|
||||||
import 'quill/dist/quill.core.css'
|
import 'quill/dist/quill.core.css'
|
||||||
@@ -287,7 +287,7 @@
|
|||||||
trigger: 'change'
|
trigger: 'change'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
studioEngineerName: [
|
studioEngineerIdName: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: this.$t('authorizedUser') + this.$t('cannotEmpty'),
|
message: this.$t('authorizedUser') + this.$t('cannotEmpty'),
|
||||||
@@ -466,8 +466,8 @@
|
|||||||
userId.push(val.userId)
|
userId.push(val.userId)
|
||||||
userName.push(val.userName)
|
userName.push(val.userName)
|
||||||
})
|
})
|
||||||
this.formInline.studioEngineerName = userName.join(',')
|
this.formInline.studioEngineerIdName = userName.join(',')
|
||||||
this.formInline.studioEngineer = userId.join(',')
|
this.formInline.studioEngineerId = userId.join(',')
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.isDisplay = false
|
this.isDisplay = false
|
||||||
@@ -636,7 +636,7 @@
|
|||||||
}
|
}
|
||||||
formInline.permissionUserList = []
|
formInline.permissionUserList = []
|
||||||
if (formInline.showPermissions == 'Privacy') {
|
if (formInline.showPermissions == 'Privacy') {
|
||||||
let studioEngineer = formInline.studioEngineer.split(',')
|
let studioEngineer = formInline.studioEngineerId.split(',')
|
||||||
studioEngineer.forEach(res => {
|
studioEngineer.forEach(res => {
|
||||||
formInline.permissionUserList.push({
|
formInline.permissionUserList.push({
|
||||||
userId: res
|
userId: res
|
||||||
@@ -872,4 +872,7 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
-o-text-overflow: ellipsis;
|
-o-text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
::v-deep .ant-input-disabled{
|
||||||
|
color: #040B29;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+7
-1
@@ -200,7 +200,11 @@
|
|||||||
<JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
|
<JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
|
||||||
<classificationMaintenanceModel @classificationMaintenanceModelForm="classificationMaintenanceModelForm"
|
<classificationMaintenanceModel @classificationMaintenanceModelForm="classificationMaintenanceModelForm"
|
||||||
ref="classificationMaintenanceModelRef"/>
|
ref="classificationMaintenanceModelRef"/>
|
||||||
<SelectedBy ref="SelectedByRef" :title="$t('share')" @SelectedByForm="SelectedByForm"></SelectedBy>
|
<SelectedBy ref="SelectedByRef"
|
||||||
|
:title="$t('share')"
|
||||||
|
:flag="1"
|
||||||
|
@SelectedByForm="SelectedByForm"></SelectedBy>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -454,10 +458,12 @@
|
|||||||
this.$message.success(this.$t('OperationSuccessful'))
|
this.$message.success(this.$t('OperationSuccessful'))
|
||||||
this.$refs.SelectedByRef.visible = false
|
this.$refs.SelectedByRef.visible = false
|
||||||
this.$refs.SelectedByRef.submitLoading = false
|
this.$refs.SelectedByRef.submitLoading = false
|
||||||
|
this.$refs.SelectedByRef.confirmLoading = false
|
||||||
this.getList()
|
this.getList()
|
||||||
} else {
|
} else {
|
||||||
this.$message.warning(this.$t('operationFailed'))
|
this.$message.warning(this.$t('operationFailed'))
|
||||||
this.$refs.SelectedByRef.submitLoading = false
|
this.$refs.SelectedByRef.submitLoading = false
|
||||||
|
this.$refs.SelectedByRef.confirmLoading = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
+6
-1
@@ -148,7 +148,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<SelectedBy ref="SelectedByRef" :title="$t('share')" @SelectedByForm="SelectedByForm"></SelectedBy>
|
<SelectedBy ref="SelectedByRef"
|
||||||
|
:title="$t('share')"
|
||||||
|
:flag="1"
|
||||||
|
@SelectedByForm="SelectedByForm"></SelectedBy>
|
||||||
</div>
|
</div>
|
||||||
<a-modal
|
<a-modal
|
||||||
:title="$t('replyToComments')"
|
:title="$t('replyToComments')"
|
||||||
@@ -492,9 +495,11 @@
|
|||||||
this.$message.success(this.$t('OperationSuccessful'))
|
this.$message.success(this.$t('OperationSuccessful'))
|
||||||
this.$refs.SelectedByRef.visible = false
|
this.$refs.SelectedByRef.visible = false
|
||||||
this.$refs.SelectedByRef.submitLoading = false
|
this.$refs.SelectedByRef.submitLoading = false
|
||||||
|
this.$refs.SelectedByRef.confirmLoading = false
|
||||||
} else {
|
} else {
|
||||||
this.$message.warning(this.$t('operationFailed'))
|
this.$message.warning(this.$t('operationFailed'))
|
||||||
this.$refs.SelectedByRef.submitLoading = false
|
this.$refs.SelectedByRef.submitLoading = false
|
||||||
|
this.$refs.SelectedByRef.confirmLoading = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
+388
@@ -0,0 +1,388 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="box-title-text" v-if="!isInput">
|
||||||
|
<a-input class="box-input" :value="value" @input="indexclick($event)"
|
||||||
|
:disabled="true"
|
||||||
|
:title="value"
|
||||||
|
:placeholder="$t('PleaseSelect')+query.db_field_txt"/>
|
||||||
|
<a-button type="primary" class="button-box" :disabled="disabled" @click="standardClick">
|
||||||
|
{{this.$t('PersonnelSelection')}}
|
||||||
|
</a-button>
|
||||||
|
<a-button type="primary" v-if='isDelete' class="button-box" @click="standardDelete">
|
||||||
|
{{this.$t('delete')}}
|
||||||
|
</a-button>
|
||||||
|
</div>
|
||||||
|
<div class="box-title-text" v-if="isInput">
|
||||||
|
<a-input :class="{'box-input':!isClass}" :value="value"
|
||||||
|
readonly
|
||||||
|
:title="value"
|
||||||
|
@click.native="standardClick"
|
||||||
|
:placeholder="$t('PleaseSelect')+query.db_field_txt"/>
|
||||||
|
</div>
|
||||||
|
<a-drawer
|
||||||
|
:title="$t('PersonnelSelection')"
|
||||||
|
:maskClosable="false"
|
||||||
|
:width="600"
|
||||||
|
placement="right"
|
||||||
|
:closable="true"
|
||||||
|
@close="handleCancel"
|
||||||
|
:visible="visible"
|
||||||
|
style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
||||||
|
<a-input-search style="margin-bottom: 8px" :placeholder="$t('NodeQuickLookup')"
|
||||||
|
v-model="searchModel" @search="onSearch"/>
|
||||||
|
<div class="drawer-content">
|
||||||
|
<JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
|
||||||
|
<a-tree
|
||||||
|
style="margin-bottom: 60px;height: 600px"
|
||||||
|
v-if="treeVisible"
|
||||||
|
checkable
|
||||||
|
checkStrictly
|
||||||
|
:loading="loading"
|
||||||
|
:tree-data="gData"
|
||||||
|
@check="onCheck"
|
||||||
|
@expand="onExpand"
|
||||||
|
v-model:checkedKeys="defaultCheckedKeys"
|
||||||
|
:defaultExpandedKeys="defaultExpandedKeys"
|
||||||
|
>
|
||||||
|
</a-tree>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-bootom-button">
|
||||||
|
<a-button @click="handleCancel" style="margin-right: 16px">{{$t('cancel')}}</a-button>
|
||||||
|
<a-button @click="handleSubmit" type="primary">{{$t('submit')}}</a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction } from '@/api/manage'
|
||||||
|
import virtualNodeTree from '@/components/virtualNodeTree/tree'
|
||||||
|
import XEUtils from 'xe-utils'
|
||||||
|
import VXETable from 'vxe-table'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'problemPersonnelSelection',
|
||||||
|
props: ['query', 'value', 'personneQuery', 'isSingleChoice', 'isInput', 'isClass', 'isDelete', 'disabled', 'selectDepartment'],
|
||||||
|
components: {
|
||||||
|
virtualNodeTree
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
gData: [],
|
||||||
|
autoExpandParent: false,
|
||||||
|
checkboxList: [],
|
||||||
|
expandedKeys: [],
|
||||||
|
visible: false,
|
||||||
|
treeVisible: false,
|
||||||
|
confirmLoading: false,
|
||||||
|
departId: '',
|
||||||
|
selectedKey: [],
|
||||||
|
userIds: [],
|
||||||
|
searchModel: '',
|
||||||
|
defaultExpandedKeys: [],
|
||||||
|
defaultCheckedKeys: [],
|
||||||
|
defaultCheckedKeysName: [],
|
||||||
|
content: [],
|
||||||
|
dataList: [],
|
||||||
|
defaultExpandAll: false,
|
||||||
|
searchData: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
standardClick() {
|
||||||
|
this.treeVisible = false
|
||||||
|
this.departId = ''
|
||||||
|
this.searchModel = ''
|
||||||
|
this.searchData = ''
|
||||||
|
this.userIds = []
|
||||||
|
this.userName = []
|
||||||
|
this.queryDepartUserTreeList(1)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
standardDelete() {
|
||||||
|
this.$emit('input', null)
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.$emit('deleteData', this.query.db_field_name)
|
||||||
|
},
|
||||||
|
|
||||||
|
onCheck(checkedKeys, info) {
|
||||||
|
this.userIds = checkedKeys.checked
|
||||||
|
this.userName = []
|
||||||
|
if (this.userIds.length > 0) {
|
||||||
|
for (let i = 0; i < this.userIds.length; i++) {
|
||||||
|
for (let j = 0; j < this.defaultCheckedKeysName.length; j++) {
|
||||||
|
if (this.userIds[i] == this.defaultCheckedKeysName[j].id) {
|
||||||
|
this.userName.push(this.defaultCheckedKeysName[j].name)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (info.checkedNodes && info.checkedNodes.length > 0) {
|
||||||
|
info.checkedNodes.forEach(res => {
|
||||||
|
if (res.data.props.dataRef.key) {
|
||||||
|
this.content.push({
|
||||||
|
id: res.data.props.dataRef.key,
|
||||||
|
title: res.data.props.dataRef.title
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.content.push({
|
||||||
|
id: res.data.props.id,
|
||||||
|
title: res.data.props.title
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (this.content && this.content.length > 0) {
|
||||||
|
for (let i = 0; i < this.content.length; i++) {
|
||||||
|
for (let j = i + 1; j < this.content.length; j++) {
|
||||||
|
if (this.content[i].id == this.content[j].id) {
|
||||||
|
this.content.splice(j, 1)
|
||||||
|
j--
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.userIds.forEach(res => {
|
||||||
|
this.content.forEach(val => {
|
||||||
|
if (res == val.id) {
|
||||||
|
this.userName.push(val.title)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (this.userName.length > 0) {
|
||||||
|
for (let i = 0; i < this.userName.length; i++) {
|
||||||
|
for (let j = i + 1; j < this.userName.length; j++) {
|
||||||
|
if (this.userName[i] == this.userName[j]) {
|
||||||
|
this.userName.splice(j, 1)
|
||||||
|
j--
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleCancel() {
|
||||||
|
this.visible = false
|
||||||
|
this.treeVisible = false
|
||||||
|
},
|
||||||
|
handleSubmit() {
|
||||||
|
// if (this.userIds && this.userIds.length > 0) {
|
||||||
|
if (this.isSingleChoice) {
|
||||||
|
if (this.userIds.length > 1) {
|
||||||
|
this.$message.warning(this.$t('onlyOnePersonCanBeSelected'))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let userIds = JSON.parse(JSON.stringify(this.userIds))
|
||||||
|
let userName = JSON.parse(JSON.stringify(this.userName))
|
||||||
|
// userName = userName.filter(function(item, index) {
|
||||||
|
// return userName.indexOf(item) === index // 因为indexOf 只能查找到第一个
|
||||||
|
// })
|
||||||
|
// userIds = userIds.filter(function(item, index) {
|
||||||
|
// return userIds.indexOf(item) === index // 因为indexOf 只能查找到第一个
|
||||||
|
// })
|
||||||
|
this.$emit('input', userName.join(','))
|
||||||
|
this.$emit('change', this.query.db_field_name, userIds.join(','), this.query.subscript)
|
||||||
|
this.visible = false
|
||||||
|
this.treeVisible = false
|
||||||
|
// } else {
|
||||||
|
// this.$message.warning(this.$t('pleaseSelectPersonFirst'))
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
indexclick(event) {
|
||||||
|
this.$emit('input', event.target.value)
|
||||||
|
this.departId = ''
|
||||||
|
this.searchModel = ''
|
||||||
|
this.userIds = []
|
||||||
|
this.userName = []
|
||||||
|
this.defaultCheckedKeys = []
|
||||||
|
},
|
||||||
|
onSearch(e) {
|
||||||
|
this.gData = []
|
||||||
|
this.departId = ''
|
||||||
|
this.visibleTree = false
|
||||||
|
if (e) {
|
||||||
|
this.getUserAndDepart()
|
||||||
|
} else {
|
||||||
|
this.treeVisible = false
|
||||||
|
this.queryDepartUserTreeList(2)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getUserAndDepart() {
|
||||||
|
getAction('sys/user/getUserAndDepart', { name: this.searchModel }).then((res) => {
|
||||||
|
if (res) {
|
||||||
|
this.gData = res.filter(ele => ele.flag === 'DEPART')
|
||||||
|
} else {
|
||||||
|
this.gData = []
|
||||||
|
}
|
||||||
|
this.visibleTree = true
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onExpand(selectedKeys, val) {
|
||||||
|
if (this.searchModel == '' || !this.searchModel) {
|
||||||
|
if (val.expanded) {
|
||||||
|
if (this.departId == val.node.value) {
|
||||||
|
} else {
|
||||||
|
this.departId = val.node.value
|
||||||
|
this.queryDepartUserTreeList(2)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
queryDepartUserTreeList(num) {
|
||||||
|
let gData = JSON.parse(JSON.stringify(this.gData))
|
||||||
|
if (gData && gData.length > 0) {
|
||||||
|
gData = JSON.stringify(gData)
|
||||||
|
} else {
|
||||||
|
gData = ''
|
||||||
|
}
|
||||||
|
this.confirmLoading = true
|
||||||
|
this.loading = true
|
||||||
|
//queryDepartUserTreeList
|
||||||
|
//queryUserTreeList
|
||||||
|
postAction('sys/user/queryDepartUserTreeList', {
|
||||||
|
departId: this.departId,
|
||||||
|
json: gData,
|
||||||
|
}).then((res) => {
|
||||||
|
this.confirmLoading = false
|
||||||
|
if (res.success) {
|
||||||
|
this.loading = false
|
||||||
|
this.gData = res.result
|
||||||
|
this.gData = [...this.gData]
|
||||||
|
// this.gData[0].isLeaf = false
|
||||||
|
this.defaultExpandedKeys = [this.departId]
|
||||||
|
if (num == 1) {
|
||||||
|
if (this.userName && this.userName.length == 0) {
|
||||||
|
if (this.personneQuery[this.query.db_field_name + 'Name']) {
|
||||||
|
this.userName = this.personneQuery[this.query.db_field_name + 'Name'].split(',')
|
||||||
|
} else if (this.personneQuery[this.query.db_field_name]) {
|
||||||
|
this.userName = this.personneQuery[this.query.db_field_name].split(',')
|
||||||
|
} else {
|
||||||
|
this.userName = []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (this.userIds && this.userIds.length == 0) {
|
||||||
|
if (this.personneQuery[this.query.db_field_name + '_id']) {
|
||||||
|
this.userIds = this.personneQuery[this.query.db_field_name + '_id'].split(',')
|
||||||
|
} else if (this.personneQuery[this.query.db_field_name]) {
|
||||||
|
this.userIds = this.personneQuery[this.query.db_field_name].split(',')
|
||||||
|
} else {
|
||||||
|
this.userIds = []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.defaultCheckedKeys = this.userIds
|
||||||
|
this.defaultCheckedKeys = [...this.defaultCheckedKeys]
|
||||||
|
this.defaultCheckedKeysName = []
|
||||||
|
if (this.defaultCheckedKeys.length > 0) {
|
||||||
|
for (let i = 0; i < this.defaultCheckedKeys.length; i++) {
|
||||||
|
this.defaultCheckedKeysName.push({
|
||||||
|
id: this.defaultCheckedKeys[i],
|
||||||
|
name: this.userName[i]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.defaultExpandAll = false
|
||||||
|
this.treeVisible = true
|
||||||
|
} else {
|
||||||
|
this.gData = []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.box-title-text {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
height: 38px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-box {
|
||||||
|
margin-left: 10px;
|
||||||
|
height: 38px;
|
||||||
|
line-height: 38px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawer-bootom-button {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 100;
|
||||||
|
border-top: 1px solid #e8e8e8;
|
||||||
|
padding: 10px 16px;
|
||||||
|
text-align: right;
|
||||||
|
left: 0;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0 0 2px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawer-content {
|
||||||
|
height: calc(100% - 60px);
|
||||||
|
overflow: auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-tree {
|
||||||
|
padding: 0 10px;
|
||||||
|
/*border: 1px solid #e8eaec;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-tree .my-tree-item {
|
||||||
|
height: 32px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-tree .my-tree-item.has-child .tree-icon {
|
||||||
|
visibility: visible;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-tree .my-tree-item.is-expand .tree-icon {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-tree .tree-icon {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-align: center;
|
||||||
|
visibility: hidden;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.caret-right {
|
||||||
|
margin-right: 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-checkbox-group {
|
||||||
|
width: 100%;
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.treeWrap {
|
||||||
|
height: calc(100vh - 240px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
color: #21c9cc;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -341,24 +341,11 @@
|
|||||||
<!-- @click="viewClick(record)">-->
|
<!-- @click="viewClick(record)">-->
|
||||||
<!-- {{ $t('view') }}-->
|
<!-- {{ $t('view') }}-->
|
||||||
<!-- </a>-->
|
<!-- </a>-->
|
||||||
<!-- <a class="text-operation"-->
|
<a class="text-operation"
|
||||||
<!-- v-if="(-->
|
v-if="roleSwitchingCode == 0"
|
||||||
<!-- record.verifyFlowStatus == 'List to be released' ||-->
|
@click="deleteLib(record)">
|
||||||
<!-- record.verifyFlowStatus == 'Regulatory engineer returns' ||-->
|
{{ $t('deleteLib') }}
|
||||||
<!-- record.verifyFlowStatus == 'Compliance' ||-->
|
</a>
|
||||||
<!-- record.verifyFlowStatus == 'Non-Compliance' ||-->
|
|
||||||
<!-- record.verifyFlowStatus == 'To be tracked' ||-->
|
|
||||||
<!-- record.verifyFlowStatus == 'NA')-->
|
|
||||||
<!-- && (record.designFlowStatus == 'List to be released' ||-->
|
|
||||||
<!-- record.designFlowStatus == 'Regulatory engineer returns' ||-->
|
|
||||||
<!-- record.designFlowStatus == 'Compliance' ||-->
|
|
||||||
<!-- record.designFlowStatus == 'Non-Compliance' ||-->
|
|
||||||
<!-- record.designFlowStatus == 'To be tracked' ||-->
|
|
||||||
<!-- record.designFlowStatus == 'NA')-->
|
|
||||||
<!-- && roleSwitchingCode == 0"-->
|
|
||||||
<!-- @click="deleteLib(record)">-->
|
|
||||||
<!-- {{ $t('deleteLib') }}-->
|
|
||||||
<!-- </a>-->
|
|
||||||
<a class="text-operation"
|
<a class="text-operation"
|
||||||
@click="resultReportedClick(record)">
|
@click="resultReportedClick(record)">
|
||||||
{{ $t('resultReported') }}
|
{{ $t('resultReported') }}
|
||||||
@@ -2383,31 +2370,35 @@
|
|||||||
if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
|
if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
|
||||||
let _this = this
|
let _this = this
|
||||||
let selectedRowKeys = JSON.parse(JSON.stringify(_this.selectedRowKeys))
|
let selectedRowKeys = JSON.parse(JSON.stringify(_this.selectedRowKeys))
|
||||||
|
let selectedRowKeysList = []
|
||||||
let isTrue = false
|
let isTrue = false
|
||||||
for (let i = 0; i < this.dataSource.length; i++) {
|
for (let i = 0; i < this.dataSource.length; i++) {
|
||||||
for (let j = 0; j < selectedRowKeys.length; j++) {
|
for (let j = 0; j < selectedRowKeys.length; j++) {
|
||||||
if (this.dataSource[i].id == selectedRowKeys[j]) {
|
if (this.dataSource[i].id == selectedRowKeys[j]) {
|
||||||
if (
|
selectedRowKeysList.push(this.dataSource[i])
|
||||||
(this.dataSource[i].verifyFlowStatus == 'List to be released' ||
|
|
||||||
this.dataSource[i].verifyFlowStatus == 'Compliance' ||
|
|
||||||
this.dataSource[i].verifyFlowStatus == 'Non-Compliance' ||
|
|
||||||
this.dataSource[i].verifyFlowStatus == 'To be tracked' ||
|
|
||||||
this.dataSource[i].verifyFlowStatus == 'NA')
|
|
||||||
&&
|
|
||||||
(this.dataSource[i].designFlowStatus == 'List to be released' ||
|
|
||||||
this.dataSource[i].designFlowStatus == 'Compliance' ||
|
|
||||||
this.dataSource[i].designFlowStatus == 'Non-Compliance' ||
|
|
||||||
this.dataSource[i].designFlowStatus == 'To be tracked' ||
|
|
||||||
this.dataSource[i].designFlowStatus == 'NA')) {
|
|
||||||
isTrue = true
|
|
||||||
} else {
|
|
||||||
isTrue = false
|
|
||||||
this.$message.warning(this.$t('onlyDeleted'))
|
|
||||||
return
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
for (let i = 0; i < selectedRowKeysList.length; i++) {
|
||||||
|
if (
|
||||||
|
(selectedRowKeysList[i].verifyFlowStatus == 'List to be released' ||
|
||||||
|
selectedRowKeysList[i].verifyFlowStatus == 'Compliance' ||
|
||||||
|
selectedRowKeysList[i].verifyFlowStatus == 'Non-Compliance' ||
|
||||||
|
selectedRowKeysList[i].verifyFlowStatus == 'To be tracked' ||
|
||||||
|
selectedRowKeysList[i].verifyFlowStatus == 'NA')
|
||||||
|
&&
|
||||||
|
(selectedRowKeysList[i].designFlowStatus == 'List to be released' ||
|
||||||
|
selectedRowKeysList[i].designFlowStatus == 'Compliance' ||
|
||||||
|
selectedRowKeysList[i].designFlowStatus == 'Non-Compliance' ||
|
||||||
|
selectedRowKeysList[i].designFlowStatus == 'To be tracked' ||
|
||||||
|
selectedRowKeysList[i].designFlowStatus == 'NA')) {
|
||||||
|
isTrue = true
|
||||||
|
} else {
|
||||||
|
isTrue = false
|
||||||
|
// this.$message.warning(this.$t('onlyDeleted'))
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
if (isTrue) {
|
if (isTrue) {
|
||||||
this.$confirm({
|
this.$confirm({
|
||||||
content: _this.$t('ConfirmBatchDeletion'),
|
content: _this.$t('ConfirmBatchDeletion'),
|
||||||
@@ -2427,6 +2418,25 @@
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
}else{
|
||||||
|
this.$confirm({
|
||||||
|
content: _this.$t('thereProcessInProgressDeletion')+'?',
|
||||||
|
onOk() {
|
||||||
|
let idList = JSON.parse(JSON.stringify(_this.selectedRowKeys))
|
||||||
|
postAction(_this.url.deleteBatch, {
|
||||||
|
ids: idList.join(','),
|
||||||
|
projectLibraryId: _this.$route.query.id
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
_this.$message.success(_this.$t('OperationSuccessful'))
|
||||||
|
_this.selectedRowKeys = []
|
||||||
|
_this.getList()
|
||||||
|
} else {
|
||||||
|
_this.$message.warning(res.message)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.$message.warning(this.$t('selectLeastOne'))
|
this.$message.warning(this.$t('selectLeastOne'))
|
||||||
@@ -2445,19 +2455,44 @@
|
|||||||
//删除
|
//删除
|
||||||
deleteLib(val) {
|
deleteLib(val) {
|
||||||
let _this = this
|
let _this = this
|
||||||
this.$confirm({
|
if ((val.verifyFlowStatus == 'List to be released' ||
|
||||||
content: _this.$t('ConfirmDelete'),
|
val.verifyFlowStatus == 'Compliance' ||
|
||||||
onOk() {
|
val.verifyFlowStatus == 'Non-Compliance' ||
|
||||||
deleteAction(_this.url.deleteOne, { id: val.id, projectLibraryId: _this.$route.query.id }).then((res) => {
|
val.verifyFlowStatus == 'To be tracked' ||
|
||||||
if (res.success) {
|
val.verifyFlowStatus == 'NA')&&
|
||||||
_this.$message.success(_this.$t('OperationSuccessful'))
|
(val.designFlowStatus == 'List to be released' ||
|
||||||
_this.getList()
|
val.designFlowStatus == 'Compliance' ||
|
||||||
} else {
|
val.designFlowStatus == 'Non-Compliance' ||
|
||||||
_this.$message.warning(_this.$t('operationFailed'))
|
val.designFlowStatus == 'To be tracked' ||
|
||||||
}
|
val.designFlowStatus == 'NA')){
|
||||||
})
|
this.$confirm({
|
||||||
}
|
content: _this.$t('ConfirmDelete'),
|
||||||
})
|
onOk() {
|
||||||
|
deleteAction(_this.url.deleteOne, { id: val.id, projectLibraryId: _this.$route.query.id }).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
_this.$message.success(_this.$t('OperationSuccessful'))
|
||||||
|
_this.getList()
|
||||||
|
} else {
|
||||||
|
_this.$message.warning(_this.$t('operationFailed'))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$confirm({
|
||||||
|
content: _this.$t('thereProcessInProgressDeletion')+'?',
|
||||||
|
onOk() {
|
||||||
|
deleteAction(_this.url.deleteOne, { id: val.id, projectLibraryId: _this.$route.query.id }).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
_this.$message.success(_this.$t('OperationSuccessful'))
|
||||||
|
_this.getList()
|
||||||
|
} else {
|
||||||
|
_this.$message.warning(_this.$t('operationFailed'))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
//选择数据
|
//选择数据
|
||||||
onSelectChange(value, rows) {
|
onSelectChange(value, rows) {
|
||||||
@@ -2674,7 +2709,7 @@
|
|||||||
title: this.$t('operation'),
|
title: this.$t('operation'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
fixed: 'right',
|
fixed: 'right',
|
||||||
width: long == 'zh-cn' ? 140 : 186,
|
width: long == 'zh-cn' ? 180 : 226,
|
||||||
scopedSlots: { customRender: 'operation' }
|
scopedSlots: { customRender: 'operation' }
|
||||||
})
|
})
|
||||||
this.columnsAll.forEach((item) => {
|
this.columnsAll.forEach((item) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user