elink-star
/
esua-epdc-admin
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

【网格实体化运作提报功能】考核项配置页面-王公峰-2020-12-08

master
wanggongfeng 5 years ago
parent
d2bcb53e5a
commit
0a4c701d01
3 changed files with 171 additions and 116 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 201
      src/views/modules/kpi/subcheckdictionary-add-or-update.vue
  2. 65
      src/views/modules/kpi/subcheckdictionary.vue
  3. 1
      src/views/modules/sys/resource-add-or-update.vue

201
src/views/modules/kpi/subcheckdictionary-add-or-update.vue
View File

@ -1,49 +1,42 @@
<template> <template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="父资源ID" prop="pid"> <el-form-item label="考核项名称" prop="checkLabel" label-width="100px">
<el-input v-model="dataForm.pid" placeholder="父资源ID"></el-input> <el-input v-model="dataForm.checkLabel" placeholder="考核项名称" maxlength="128"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="考核类型" prop="checkType"> <el-form-item label="考核类型" prop="checkType" label-width="100px">
<el-input v-model="dataForm.checkType" placeholder="考核类型"></el-input> <el-input v-model="dataForm.checkType" placeholder="考核类型" maxlength="32"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="考核编码" prop="checkCode"> <el-form-item label="考核编码" prop="checkCode" label-width="100px">
<el-input v-model="dataForm.checkCode" placeholder="考核编码"></el-input> <el-input v-model="dataForm.checkCode" placeholder="考核编码" maxlength="32"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="考核标签" prop="checkLabel"> <el-form-item prop="parentName" :label="$t('menu.parentName')" class="menu-list" label-width="100px">
<el-input v-model="dataForm.checkLabel" placeholder="考核标签"></el-input> <el-popover v-model="resourceListVisible" ref="resourceListPopover" placement="bottom-start" trigger="click">
<el-tree :data="resourceList" :props="{ label: 'checkLabel', children: 'children' }" node-key="id"
ref="resourceListTree" :highlight-current="true" :expand-on-click-node="false" accordion
@current-change="resourceListTreeCurrentChangeHandle">
</el-tree>
</el-popover>
<el-input v-model="dataForm.parentName" v-popover:resourceListPopover :readonly="true" placeholder="上级资源">
<i v-if="dataForm.pid !== '0'" slot="suffix" @click.stop="deptListTreeSetDefaultHandle()" class="el-icon-circle-close el-input__icon"></i>
</el-input>
</el-form-item> </el-form-item>
<el-form-item label="显示标识：0否，1是" prop="showFlag"> <el-form-item label="排序" prop="sort" label-width="100px">
<el-input v-model="dataForm.showFlag" placeholder="显示标识：0否，1是"></el-input> <el-input-number v-model="dataForm.sort" controls-position="right" :min="0" label="排序"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="描述" prop="checkDescribe"> <el-form-item label="描述" prop="checkDescribe" label-width="100px">
<el-input v-model="dataForm.checkDescribe" placeholder="描述"></el-input> <el-input v-model="dataForm.checkDescribe" placeholder="描述" maxlength="1024"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="排序" prop="sort"> <el-form-item prop="showFlag" label="是否显示" size="mini" label-width="100px">
<el-input v-model="dataForm.sort" placeholder="排序"></el-input> <el-radio-group v-model="dataForm.showFlag">
</el-form-item> <el-radio label="0">否</el-radio>
<el-form-item label="逻辑删除标识" prop="delFlag"> <el-radio label="1">是</el-radio>
<el-input v-model="dataForm.delFlag" placeholder="逻辑删除标识"></el-input> </el-radio-group>
</el-form-item>
<el-form-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime">
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template slot="footer"> <template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> <el-button type="primary" @click="dataFormSubmitHandle()" :disabled="isAble">{{ $t('confirm') }}</el-button>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
@ -57,19 +50,17 @@ export default {
dataForm: { dataForm: {
id: '', id: '',
pid: '', pid: '',
parentName: '',
checkType: '', checkType: '',
checkCode: '', checkCode: '',
checkLabel: '', checkLabel: '',
showFlag: '', showFlag: '1',
checkDescribe: '', checkDescribe: '',
sort: '', sort: '0'
delFlag: '', },
revision: '', resourceListVisible: false,
createdBy: '', resourceList: [],
createdTime: '', isAble: false
updatedBy: '',
updatedTime: ''
}
} }
}, },
computed: { computed: {
@ -90,29 +81,8 @@ export default {
showFlag: [ showFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } { required: true, message: this.$t('validate.required'), trigger: 'blur' }
], ],
checkDescribe: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sort: [ sort: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } { required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
] ]
} }
} }
@ -120,16 +90,33 @@ export default {
methods: { methods: {
init () { init () {
this.visible = true this.visible = true
this.isAble = false
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].resetFields() this.$refs['dataForm'].resetFields()
this.dataForm.parentName = '一级资源'
this.dataForm.pid = '0'
this.dataForm.resourceList = []
this.getResourceList().then(() => {
if (this.dataForm.id) { if (this.dataForm.id) {
this.getInfo() this.getInfo()
} }
}) })
})
},
// 获取菜单列表
getResourceList () {
return this.$http.get('/kpi/subcheckdictionary/list')
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.resourceList = res.data
})
.catch(() => {})
}, },
// 获取信息 // 获取信息
getInfo () { getInfo () {
this.$http.get(`/news/subcheckdictionary/${this.dataForm.id}`).then(({ data: res }) => { this.$http.get(`/kpi/subcheckdictionary/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -137,16 +124,34 @@ export default {
...this.dataForm, ...this.dataForm,
...res.data ...res.data
} }
if (this.dataForm.pid === '0' || this.dataForm.pid === 0) {
return this.deptListTreeSetDefaultHandle()
}
this.$refs.resourceListTree.setCurrentKey(this.dataForm.pid)
this.dataForm.parentName = this.$refs.resourceListTree.getCurrentNode().checkLabel
}).catch(() => {}) }).catch(() => {})
}, },
// 上级菜单树, 设置默认值
deptListTreeSetDefaultHandle () {
this.dataForm.pid = '0'
this.dataForm.parentName = '一级资源'
},
// 上级菜单树, 选中
resourceListTreeCurrentChangeHandle (data) {
this.dataForm.pid = data.id
this.dataForm.parentName = data.checkLabel
this.resourceListVisible = false
},
// 表单提交 // 表单提交
dataFormSubmitHandle: debounce(function () { dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => { this.$refs['dataForm'].validate((valid) => {
if (!valid) { if (!valid) {
return false return false
} }
this.$http[!this.dataForm.id ? 'post' : 'put']('/news/subcheckdictionary/', this.dataForm).then(({ data: res }) => { this.isAble = true
this.$http[!this.dataForm.id ? 'post' : 'put']('/kpi/subcheckdictionary/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
this.isAble = false
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
this.$message({ this.$message({
@ -164,3 +169,69 @@ export default {
} }
} }
</script> </script>
<style lang="scss">
.mod-sys__menu {
.resource-list {
.el-select .el-input__inner {
min-width: 110px;
text-align: center;
}
}
.menu-list,
.icon-list {
.el-input__inner,
.el-input__suffix {
cursor: pointer;
}
}
&-icon-popover {
width: 458px;
overflow: hidden;
}
&-icon-inner {
width: 478px;
max-height: 258px;
overflow-x: hidden;
overflow-y: auto;
}
&-icon-list {
width: 458px;
padding: 0;
margin: -8px 0 0 -8px;
> .el-button {
padding: 8px;
margin: 8px 0 0 8px;
> span {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
font-size: 18px;
}
}
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 378px;
height: 178px;
line-height: 178px;
text-align: center;
}
.avatar {
width: 300px;
height: 178px;
display: block;
}
}
</style>

65
src/views/modules/kpi/subcheckdictionary.vue
View File

@ -1,52 +1,25 @@
<template> <template>
<el-card shadow="never" class="aui-card--fill"> <el-card shadow="never" class="aui-card--fill">
<div class="mod-news__subcheckdictionary}"> <div class="mod-sys__menu">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<el-form-item> <el-form-item>
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> <el-button type="primary" @click="addOrUpdateHandle()" >{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('news:subcheckdictionary:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('news:subcheckdictionary:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> <el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <table-tree-column prop="checkLabel" label="考核项名称" header-align="center" width="400" show-overflow-tooltip></table-tree-column>
<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>
<el-table-column prop="pid" label="父资源ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="checkType" label="考核类型" header-align="center" align="center"></el-table-column> <el-table-column prop="checkType" label="考核类型" header-align="center" align="center"></el-table-column>
<el-table-column prop="checkCode" label="考核编码" header-align="center" align="center"></el-table-column> <el-table-column prop="checkCode" label="考核编码" header-align="center" align="center"></el-table-column>
<el-table-column prop="checkLabel" label="考核标签" header-align="center" align="center"></el-table-column> <el-table-column prop="showFlag" label="是否显示" header-align="center" align="center" :formatter="showFlagFormatter" width="100"></el-table-column>
<el-table-column prop="showFlag" label="显示标识：0否，1是" header-align="center" align="center"></el-table-column> <el-table-column prop="checkDescribe" label="描述" header-align="center" width="300" show-overflow-tooltip></el-table-column>
<el-table-column prop="checkDescribe" label="描述" header-align="center" align="center"></el-table-column> <el-table-column prop="sort" label="排序" header-align="center" align="center" width="100"></el-table-column>
<el-table-column prop="sort" label="排序" header-align="center" align="center"></el-table-column>
<el-table-column prop="delFlag" label="逻辑删除标识" header-align="center" align="center"></el-table-column>
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="$hasPermission('news:subcheckdictionary:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('news:subcheckdictionary:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button> <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div> </div>
@ -55,15 +28,15 @@
<script> <script>
import mixinViewModule from '@/mixins/view-module' import mixinViewModule from '@/mixins/view-module'
import TableTreeColumn from '@/components/table-tree-column'
import AddOrUpdate from './subcheckdictionary-add-or-update' import AddOrUpdate from './subcheckdictionary-add-or-update'
export default { export default {
mixins: [mixinViewModule], mixins: [mixinViewModule],
data () { data () {
return { return {
mixinViewModuleOptions: { mixinViewModuleOptions: {
getDataListURL: '/news/subcheckdictionary/page', getDataListURL: '/kpi/subcheckdictionary/list',
getDataListIsPage: true, deleteURL: '/kpi/subcheckdictionary',
deleteURL: '/news/subcheckdictionary',
deleteIsBatch: true deleteIsBatch: true
}, },
dataForm: { dataForm: {
@ -72,7 +45,17 @@ export default {
} }
}, },
components: { components: {
AddOrUpdate AddOrUpdate,
TableTreeColumn
},
methods: {
showFlagFormatter: function (row, column) {
if (row.showFlag === '0') {
return '否'
} else if (row.showFlag === '1') {
return '是'
}
}
} }
} }
</script> </script>

1
src/views/modules/sys/resource-add-or-update.vue
View File

@ -182,6 +182,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].resetFields() this.$refs['dataForm'].resetFields()
this.dataForm.parentName = '一级资源' this.dataForm.parentName = '一级资源'
this.dataForm.pid = '0'
this.dataForm.resourceList = [] this.dataForm.resourceList = []
this.buttonFlag = false this.buttonFlag = false
this.getResourceList().then(() => { this.getResourceList().then(() => {

Write Preview
Loading…
Cancel
Save