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

网格队伍分类

origin/sync_user
Jackwang 4 years ago
parent
7ca40db5e0
commit
722b5bf54d
3 changed files with 248 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      src/views/modules/sys/gridmember-add-or-update.vue
  2. 152
      src/views/modules/sys/gridmembercategory-add-or-update.vue
  3. 81
      src/views/modules/sys/gridmembercategory.vue

16
src/views/modules/sys/gridmember-add-or-update.vue
View File

@ -27,6 +27,12 @@
class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
</el-form-item>
<el-form-item label="队伍分类" prop="categoryCode">
<el-select v-model="dataForm.categoryCode" clearable placeholder="队伍分类" style="width: 260px">
<el-option v-for="item in gridMemberCategoryList" :key="item.typeCode" :label="item.typeName" :value="item.typeCode">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属组织"
prop="allDeptIdsShow">
<el-cascader v-model="dataForm.allDeptIdsShow"
@ -122,8 +128,10 @@ export default {
updatedBy: '',
updatedTime: '',
delFlag: '',
allDeptIdsShow:[]
allDeptIdsShow:[],
categoryCode:''
},
gridMemberCategoryList:[],
uploadUrl: '',
loading: false,
options: [],
@ -198,6 +206,7 @@ export default {
}
},
created () {
this.getGridMemberCategoryList();
this.$http
.get(`/sys/user/deptOptions/getAllByLoginUser`)
.then(({ data: res }) => {
@ -213,6 +222,11 @@ export default {
},
methods: {
getGridMemberCategoryList () {
this.$http.get(`sys/gridmembercategory/getGridCategoryList`).then(({ data: res }) => {
this.gridMemberCategoryList = res.data
}).catch(() => {})
},
changeHandle(value) {
this.dataForm.deptId = this.dataForm.allDeptIdsShow[this.dataForm.allDeptIdsShow.length - 1]
},

152
src/views/modules/sys/gridmembercategory-add-or-update.vue
View File

@ -0,0 +1,152 @@
<template>
<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-item label="名称" prop="typeName">
<el-input v-model="dataForm.typeName" placeholder="类别名称" style="width: 300px"></el-input>
</el-form-item>
<el-form-item label="编码" prop="typeCode">
<el-input v-model="dataForm.typeCode" placeholder="类别编码" style="width: 300px"></el-input>
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input-number v-model="dataForm.sort" style="width: 300px" controls-position="right" :min="0" label="排序"></el-input-number>
</el-form-item>
<!-- <el-form-item label="图片地址" prop="imgUrl">-->
<!-- <el-input v-model="dataForm.imgUrl" placeholder="图片地址"></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="启用标识" prop="bannerFlag">
<el-select v-model="dataForm.bannerFlag" clearable placeholder="启用标识" style="width: 300px">
<el-option v-for="item in openList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="删除标识 0：未删除 1：删除" prop="delFlag">-->
<!-- <el-input v-model="dataForm.delFlag" placeholder="删除标识 0：未删除 1：删除"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建者" prop="creator">-->
<!-- <el-input v-model="dataForm.creator" placeholder="创建者"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="创建时间" prop="createDate">-->
<!-- <el-input v-model="dataForm.createDate" placeholder="创建时间"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="更新者" prop="updater">-->
<!-- <el-input v-model="dataForm.updater" placeholder="更新者"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="更新时间" prop="updateDate">-->
<!-- <el-input v-model="dataForm.updateDate" placeholder="更新时间"></el-input>-->
<!-- </el-form-item>-->
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
typeName: '',
typeCode: '',
sort: '',
imgUrl: '',
bannerFlag: '0',
delFlag: '',
creator: '',
createDate: '',
updater: '',
updateDate: ''
},
openList: [
{dictValue: '0', dictName: '启用'},
{dictValue: '1', dictName: '未启用'},
]
}
},
computed: {
dataRule () {
return {
typeName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
typeCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sort: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
imgUrl: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
bannerFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
creator: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updater: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updateDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/sys/gridmembercategory/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/gridmembercategory/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

81
src/views/modules/sys/gridmembercategory.vue
View File

@ -0,0 +1,81 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-sys__gridmembercategory}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<!-- <el-form-item>-->
<!-- <el-input v-model="dataForm.id" placeholder="id" clearable></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button @click="getDataList()">{{ $t('query') }}</el-button>-->
<!-- </el-form-item>-->
<el-form-item>
<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('sys:gridmembercategory:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('sys:gridmembercategory:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="index"
width="50"
label="序号" align="center"></el-table-column>
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>-->
<!-- <el-table-column prop="id" label="标识号" header-align="center" align="center"></el-table-column>-->
<el-table-column prop="typeName" label="名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="typeCode" label="编码" header-align="center" align="center"></el-table-column>
<el-table-column prop="sort" label="排序" header-align="center" align="center"></el-table-column>
<!-- <el-table-column prop="imgUrl" label="图片地址" header-align="center" align="center"></el-table-column>-->
<!-- <el-table-column prop="bannerFlag" label="启用标识 0-启用，1-未启用" header-align="center" align="center"></el-table-column>-->
<!-- <el-table-column prop="delFlag" label="删除标识 0：未删除 1：删除" header-align="center" align="center"></el-table-column>-->
<!-- <el-table-column prop="creator" label="创建者" header-align="center" align="center"></el-table-column>-->
<!-- <el-table-column prop="createDate" label="创建时间" header-align="center" align="center"></el-table-column>-->
<!-- <el-table-column prop="updater" label="更新者" header-align="center" align="center"></el-table-column>-->
<!-- <el-table-column prop="updateDate" label="更新时间" header-align="center" align="center"></el-table-column>-->
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<!-- <el-button v-if="$hasPermission('sys:gridmembercategory:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>-->
</template>
</el-table-column>
</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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './gridmembercategory-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/sys/gridmembercategory/page',
getDataListIsPage: true,
deleteURL: '/sys/gridmembercategory',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Write Preview
Loading…
Cancel
Save