对接项目详情的法规清单

This commit is contained in:
qq787203167
2022-04-18 16:35:34 +08:00
parent 8946082303
commit 4e6ee68d7e
4 changed files with 48 additions and 16 deletions
@@ -23,7 +23,8 @@
@close="handleCancel" @close="handleCancel"
:visible="visible" :visible="visible"
style="height: 100%;overflow: auto;padding-bottom: 53px;"> style="height: 100%;overflow: auto;padding-bottom: 53px;">
<a-input-search style="margin-bottom: 8px" placeholder="Search" @change="onChange"/> <a-input-search style="margin-bottom: 8px":placeholder="$t('NodeQuickLookup')"
v-model="searchModel" @search="onSearch"/>
<div class="drawer-content"> <div class="drawer-content">
<a-tree <a-tree
style="margin-bottom: 60px;height: 600px" style="margin-bottom: 60px;height: 600px"
@@ -66,6 +67,7 @@
departId: '', departId: '',
selectedKey: [], selectedKey: [],
userIds: [], userIds: [],
searchModel:'',
defaultExpandedKeys: [], defaultExpandedKeys: [],
defaultCheckedKeys: [] defaultCheckedKeys: []
} }
@@ -77,6 +79,7 @@
standardClick() { standardClick() {
this.treeVisible = false this.treeVisible = false
this.departId = '' this.departId = ''
this.searchModel = ''
this.userIds = [] this.userIds = []
this.userName = [] this.userName = []
this.queryDepartUserTreeList() this.queryDepartUserTreeList()
@@ -91,7 +94,7 @@
this.userName = [] this.userName = []
if (info.checkedNodes && info.checkedNodes.length > 0) { if (info.checkedNodes && info.checkedNodes.length > 0) {
info.checkedNodes.forEach(res => { info.checkedNodes.forEach(res => {
this.userIds.push(res.data.props.id) this.userIds.push(res.data.props.id || res.data.props.dataRef.key)
this.userName.push(res.data.props.title) this.userName.push(res.data.props.title)
}) })
} }
@@ -120,15 +123,30 @@
indexclick(event) { indexclick(event) {
this.$emit('input', event.target.value) this.$emit('input', event.target.value)
}, },
onChange() { onSearch(e) {
this.gData = []
this.departId = ''
this.visibleTree = false
if (e) {
this.getUserAndDepart()
} else {
this.queryDepartUserTreeList()
}
},
getUserAndDepart() {
getAction('sys/user/getUserAndDepart', { name: this.searchModel }).then((res) => {
this.gData = res || []
this.visibleTree = true
})
}, },
onExpand(selectedKeys, val) { onExpand(selectedKeys, val) {
if (val.expanded) { if (this.searchModel == '' || !this.searchModel) {
if (this.departId == val.node.value) { if (val.expanded) {
} else { if (this.departId == val.node.value) {
this.departId = val.node.value } else {
this.queryDepartUserTreeList() this.departId = val.node.value
this.queryDepartUserTreeList()
}
} }
} }
}, },
@@ -210,19 +210,19 @@
title: this.$t('scopeOfApplication'), title: this.$t('scopeOfApplication'),
align: 'center', align: 'center',
ellipsis: true, ellipsis: true,
dataIndex: 'shi4Yong4Fan4Wei2' dataIndex: 'shi4Yong4Fan4Wei2_dictText'
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: 'center', align: 'center',
ellipsis: true, ellipsis: true,
dataIndex: 'state' dataIndex: 'state_dictText'
}, },
{ {
title: this.$t('correspondingStandard'), title: this.$t('correspondingStandard'),
align: 'center', align: 'center',
ellipsis: true, ellipsis: true,
dataIndex: 'correspondingStandard' dataIndex: 'correspondingStandard_dictText'
}, },
{ {
title: this.$t('zoneOfApplication'), title: this.$t('zoneOfApplication'),
@@ -234,7 +234,7 @@
title: this.$t('implementationCategory'), title: this.$t('implementationCategory'),
align: 'center', align: 'center',
ellipsis: true, ellipsis: true,
dataIndex: 'implementType' dataIndex: 'implementType_dictText'
}, },
{ {
title: this.$t('ImplementationDate'), title: this.$t('ImplementationDate'),
@@ -40,7 +40,7 @@
</span> </span>
</a-row> </a-row>
</div> </div>
<div class="table-operator"> <div class="table-operator" v-if="isDisplay">
<div style="float: left;margin-bottom: 19px;margin-left: 20px"> <div style="float: left;margin-bottom: 19px;margin-left: 20px">
<div class="operator-text" @click="initiateListConfirmationcClick"> <div class="operator-text" @click="initiateListConfirmationcClick">
<a-icon type="solution"/> <a-icon type="solution"/>
@@ -88,7 +88,12 @@
{{$t('BatchDelete')}} {{$t('BatchDelete')}}
</div> </div>
</div> </div>
</div>
<div class="table-operator" v-if="!isDisplay" @click="batSettingClick">
<div class="operator-text">
<a-icon type="setting"/>
{{$t('batSetting')}}
</div>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<a-table <a-table
@@ -149,6 +154,7 @@
import listEditModel from './listEditModel' import listEditModel from './listEditModel'
import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage' import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
import moment from 'moment' import moment from 'moment'
import { mapGetters } from 'vuex'
export default { export default {
name: 'listOfRegulations', name: 'listOfRegulations',
@@ -360,6 +366,7 @@
} }
], ],
confirmLoading: false, confirmLoading: false,
isDisplay: true,
selectedRowKeys: [], selectedRowKeys: [],
visible: false, visible: false,
formInline: {}, formInline: {},
@@ -386,10 +393,17 @@
dataSource: [] dataSource: []
} }
}, },
mounted() { mounted() {
if (this.$route.query.studioEngineer == this.userInfo().id) {
this.isDisplay = true
} else {
this.isDisplay = false
}
this.getList() this.getList()
}, },
methods: { methods: {
...mapGetters(['userInfo']),
handleModule() { handleModule() {
}, },
@@ -123,7 +123,7 @@
<span slot="operation" slot-scope="text,record"> <span slot="operation" slot-scope="text,record">
<a class="text-operation" @click="edit(record)">{{$t('edit')}}</a> <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
<a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a> <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
<a class="text-operation" @click="entryNameClick(record)">{{$t('see')}}</a> <!-- <a class="text-operation" @click="entryNameClick(record)">{{$t('see')}}</a>-->
</span> </span>
</a-table> </a-table>
</div> </div>