WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
qq787203167
2022-03-04 15:09:50 +08:00
parent 7a6c92dd8c
commit 8d8a1802d7
1 changed files with 137 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/system/DictList.vue
+137 -85
View File
@@ -4,40 +4,59 @@
<!-- 左侧面板 --> <!-- 左侧面板 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="12"> <a-row :gutter="24">
<a-col :md="7" :sm="8"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('DictionaryName')" :labelCol="{span: 6}" :wrapperCol="{span: 14, offset: 1}"> <div class="box-title-text">
<a-input :placeholder="$t('enterDictionary')" v-model="queryParam.dictName"></a-input> <div class="title-text" :title="$t('DictionaryName')">
</a-form-item> <span>{{$t('DictionaryName')}}</span>
</div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('DictionaryName')"
v-model="queryParam.dictName"></j-input>
</div>
</a-col> </a-col>
<a-col :md="7" :sm="8"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('DictionaryEnName')" :labelCol="{span: 6}" :wrapperCol="{span: 14, offset: 1}"> <div class="box-title-text">
<a-input :placeholder="$t('enterEnDictionary')" v-model="queryParam.dictEnName"></a-input> <div class="title-text" :title="$t('DictionaryEnName')">
</a-form-item> <span>{{$t('DictionaryEnName')}}</span>
</div>
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('DictionaryEnName')"
v-model="queryParam.dictEnName"></j-input>
</div>
</a-col> </a-col>
<a-col :md="7" :sm="8"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('DictionaryNumber')" :labelCol="{span: 6}" :wrapperCol="{span: 14, offset: 1}"> <div class="box-title-text">
<a-input :placeholder="$t('enterDictionaryNumber')" v-model="queryParam.dictCode"></a-input> <div class="title-text" :title="$t('DictionaryNumber')">
</a-form-item> <span>{{$t('DictionaryNumber')}}</span>
</a-col> </div>
<a-col :md="7" :sm="8"> <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('DictionaryNumber')"
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> v-model="queryParam.dictCode"></j-input>
<a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button> </div>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button>
</span>
</a-col> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col>
</span>
</a-row> </a-row>
</a-form> </a-form>
<div class="table-operator" style="border-top: 5px"> <div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">{{$t('addTo')}}</a-button> <!-- <a-button @click="handleAdd" type="primary" icon="plus">{{$t('addTo')}}</a-button>-->
<a-button type="primary" icon="download" @click="handleExportXls(this.$t('DictionaryInformation'))">{{$t('export')}}</a-button> <div @click="handleAdd" class="operator-text">
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <a-icon type="plus"/>
<a-button type="primary" icon="import">{{$t('import')}}</a-button> {{$t('addTo')}}
</a-upload> </div>
<a-button type="primary" icon="sync" @click="refleshCache()">{{$t('RefreshCache')}}}</a-button> <!-- <a-button type="primary" icon="download" @click="handleExportXls(this.$t('DictionaryInformation'))">-->
<!-- {{$t('export')}}-->
<!-- </a-button>-->
<!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"-->
<!-- @change="handleImportExcel">-->
<!-- <a-button type="primary" icon="import">{{$t('import')}}</a-button>-->
<!-- </a-upload>-->
<!-- <a-button type="primary" icon="sync" @click="refleshCache()">{{$t('RefreshCache')}}}</a-button>-->
<a-button type="primary" icon="hdd" @click="openDeleteList">{{$t('recycleBin')}}</a-button> <!-- <a-button type="primary" icon="hdd" @click="openDeleteList">{{$t('recycleBin')}}</a-button>-->
</div> </div>
<a-table <a-table
@@ -51,11 +70,10 @@
@change="handleTableChange"> @change="handleTableChange">
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)"> <a @click="handleEdit(record)">
<a-icon type="edit"/>
{{$t('edit')}} {{$t('edit')}}
</a> </a>
<a-divider type="vertical"/> <a-divider type="vertical"/>
<a @click="editDictItem(record)"><a-icon type="setting"/> {{$t('DictionaryConfiguration')}}</a> <a @click="editDictItem(record)"> {{$t('DictionaryConfiguration')}}</a>
<a-divider type="vertical"/> <a-divider type="vertical"/>
<a-popconfirm :title="$t('areYouSure')" @confirm="() =>handleDelete(record.id)"> <a-popconfirm :title="$t('areYouSure')" @confirm="() =>handleDelete(record.id)">
<a>{{$t('delete')}}</a> <a>{{$t('delete')}}</a>
@@ -71,27 +89,27 @@
</template> </template>
<script> <script>
import { filterObj } from '@/utils/util'; import { filterObj } from '@/utils/util'
import { JeroListMixin } from '@/mixins/JeroListMixin' import { JeroListMixin } from '@/mixins/JeroListMixin'
import DictModal from './modules/DictModal' import DictModal from './modules/DictModal'
import DictItemList from './DictItemList' import DictItemList from './DictItemList'
import DictDeleteList from './DictDeleteList' import DictDeleteList from './DictDeleteList'
import { getAction } from '@/api/manage' import { getAction } from '@/api/manage'
import { UI_CACHE_DB_DICT_DATA } from "@/store/mutation-types" import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
import Vue from 'vue' import Vue from 'vue'
export default { export default {
name: "DictList", name: 'DictList',
mixins:[JeroListMixin], mixins: [JeroListMixin],
components: {DictModal, DictItemList,DictDeleteList}, components: { DictModal, DictItemList, DictDeleteList },
data() { data() {
return { return {
description: this.$t('dataDictionaryPage'), description: this.$t('dataDictionaryPage'),
visible: false, visible: false,
// 查询条件 // 查询条件
queryParam: { queryParam: {
dictCode: "", dictCode: '',
dictName: "", dictName: ''
}, },
// 表头 // 表头
columns: [ columns: [
@@ -100,15 +118,15 @@
dataIndex: '', dataIndex: '',
key: 'rowIndex', key: 'rowIndex',
width: 120, width: 120,
align: "center", align: 'center',
customRender: function (t, r, index) { customRender: function(t, r, index) {
return parseInt(index) + 1; return parseInt(index) + 1
} }
}, },
{ {
title: this.$t('DictionaryName'), title: this.$t('DictionaryName'),
align: "left", align: 'left',
dataIndex: 'dictName', dataIndex: 'dictName'
}, },
// { // {
// title: this.$t('DictionaryEnName'), // title: this.$t('DictionaryEnName'),
@@ -118,80 +136,80 @@
// }, // },
{ {
title: this.$t('DictionaryNumber'), title: this.$t('DictionaryNumber'),
align: "left", align: 'left',
dataIndex: 'dictCode', dataIndex: 'dictCode'
}, },
{ {
title: this.$t('describe'), title: this.$t('describe'),
align: "left", align: 'left',
dataIndex: 'description', dataIndex: 'description'
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
dataIndex: 'action', dataIndex: 'action',
align: "center", align: 'center',
width: 230, width: 430,
scopedSlots: {customRender: 'action'}, scopedSlots: { customRender: 'action' }
} }
], ],
dict: "", dict: '',
labelCol: { labelCol: {
xs: {span: 8}, xs: { span: 8 },
sm: {span: 5}, sm: { span: 5 }
}, },
wrapperCol: { wrapperCol: {
xs: {span: 16}, xs: { span: 16 },
sm: {span: 19}, sm: { span: 19 }
}, },
url: { url: {
list: "/sys/dict/page", list: '/sys/dict/page',
delete: "/sys/dict/delete", delete: '/sys/dict/delete',
exportXlsUrl: "sys/dict/exportXls", exportXlsUrl: 'sys/dict/exportXls',
importExcelUrl: "sys/dict/importExcel", importExcelUrl: 'sys/dict/importExcel',
refleshCache: "sys/dict/refleshCache", refleshCache: 'sys/dict/refleshCache',
queryAllDictItems: "sys/dict/queryAllDictItems", queryAllDictItems: 'sys/dict/queryAllDictItems'
}, }
} }
}, },
computed: { computed: {
importExcelUrl: function () { importExcelUrl: function() {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
} }
}, },
methods: { methods: {
getQueryParams() { getQueryParams() {
var param = Object.assign({}, this.queryParam, this.isorter); var param = Object.assign({}, this.queryParam, this.isorter)
param.field = this.getQueryField(); param.field = this.getQueryField()
param.pageNo = this.ipagination.current; param.pageNo = this.ipagination.current
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize
if (this.superQueryParams) { if (this.superQueryParams) {
param['superQueryParams'] = encodeURI(this.superQueryParams) param['superQueryParams'] = encodeURI(this.superQueryParams)
param['superQueryMatchType'] = this.superQueryMatchType param['superQueryMatchType'] = this.superQueryMatchType
} }
return filterObj(param); return filterObj(param)
}, },
//取消选择 //取消选择
cancelDict() { cancelDict() {
this.dict = ""; this.dict = ''
this.visible = false; this.visible = false
this.loadData(); this.loadData()
}, },
//编辑字典数据 //编辑字典数据
editDictItem(record) { editDictItem(record) {
this.$refs.dictItemList.edit(record); this.$refs.dictItemList.edit(record)
}, },
// 重置字典类型搜索框的内容 // 重置字典类型搜索框的内容
searchReset() { searchReset() {
var that = this; var that = this
that.queryParam.dictName = ""; that.queryParam.dictName = ''
that.queryParam.dictEnName = ""; that.queryParam.dictEnName = ''
that.queryParam.dictCode = ""; that.queryParam.dictCode = ''
that.loadData(this.ipagination.current); that.loadData(this.ipagination.current)
}, },
openDeleteList(){ openDeleteList() {
this.$refs.dictDeleteList.show() this.$refs.dictDeleteList.show()
}, },
refleshCache(){ refleshCache() {
getAction(this.url.refleshCache).then((res) => { getAction(this.url.refleshCache).then((res) => {
if (res.success) { if (res.success) {
//重新加载缓存 //重新加载缓存
@@ -201,21 +219,55 @@
Vue.ls.set(UI_CACHE_DB_DICT_DATA, res.result, 7 * 24 * 60 * 60 * 1000) Vue.ls.set(UI_CACHE_DB_DICT_DATA, res.result, 7 * 24 * 60 * 60 * 1000)
} }
}) })
this.$message.success(this.$t('DescriptionRefreshCache')); this.$message.success(this.$t('DescriptionRefreshCache'))
} }
}).catch(e=>{ }).catch(e => {
this.$message.warn(this.$t('FailedRefreshCache')); this.$message.warn(this.$t('FailedRefreshCache'))
console.log(this.$t('refreshFailed'),e) console.log(this.$t('refreshFailed'), e)
}) })
} }
}, },
watch: { watch: {
openKeys(val) { openKeys(val) {
console.log('openKeys', val) console.log('openKeys', val)
}, }
}, }
} }
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less' @import '~@assets/less/common.less';
.box-title-text {
line-height: 1.4;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.title-text {
width: 20%;
min-width: 90px;
color: #000F16;
display: inline-block;
font-weight: 500;
font-size: 14px;
margin-right: 16px;
margin-top: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box-input {
display: inline-block;
width: 70%;
height: 38px;
margin-top: 2px;
}
.box-button {
height: 38px;
/*margin-top: 2px;*/
}
</style> </style>