4 changed files with 4 additions and 323 deletions
@ -1,166 +0,0 @@ |
|||||
<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' : '100px'"> |
|
||||
<el-form-item label="处理类别值" prop="categoryVal"> |
|
||||
<el-input-number v-model="dataForm.categoryVal" |
|
||||
controls-position="right" |
|
||||
:min="0"> |
|
||||
</el-input-number> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="显示信息" prop="categoryLabel"> |
|
||||
<el-input v-model="dataForm.categoryLabel" placeholder="处理类别显示信息"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="类型编码" prop="categoryCode"> |
|
||||
<el-input v-model="dataForm.categoryCode" placeholder="类型编码"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="状态" prop="available"> |
|
||||
<el-select v-model="dataForm.available" clearable |
|
||||
placeholder="请选择"> |
|
||||
<el-option v-for="item in options" |
|
||||
:key="item.id" |
|
||||
:label="item.name" |
|
||||
:value="item.id"> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="排序" |
|
||||
prop="sort"> |
|
||||
<el-input-number v-model="dataForm.sort" |
|
||||
controls-position="right" |
|
||||
:min="0"> |
|
||||
</el-input-number> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="乐观锁" prop="revision" v-if="false"> |
|
||||
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="创建人" prop="createdBy" v-if="false"> |
|
||||
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="创建时间" prop="createdTime" v-if="false"> |
|
||||
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="更新人" prop="updatedBy" v-if="false"> |
|
||||
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="更新时间" prop="updatedTime" v-if="false"> |
|
||||
<el-input v-model="dataForm.updatedTime" 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: '', |
|
||||
categoryVal: '', |
|
||||
categoryLabel: '', |
|
||||
available: '', |
|
||||
sort: '', |
|
||||
revision: '', |
|
||||
createdBy: '', |
|
||||
createdTime: '', |
|
||||
updatedBy: '', |
|
||||
updatedTime: '', |
|
||||
categoryCode: '' |
|
||||
}, |
|
||||
options: [{ |
|
||||
id: '0', |
|
||||
name: '不可用' |
|
||||
}, { |
|
||||
id: '1', |
|
||||
name: '可用' |
|
||||
}] |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
dataRule () { |
|
||||
return { |
|
||||
categoryVal: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
categoryLabel: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
available: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
sort: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
categoryCode: [ |
|
||||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
revision: [ |
|
||||
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
createdBy: [ |
|
||||
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
createdTime: [ |
|
||||
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
updatedBy: [ |
|
||||
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
||||
], |
|
||||
updatedTime: [ |
|
||||
{ required: false, 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(`/events/handlecategory/${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']('/events/handlecategory/', 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> |
|
||||
@ -1,82 +0,0 @@ |
|||||
<template> |
|
||||
<el-card shadow="never" class="aui-card--fill"> |
|
||||
<div class="mod-events__handlecategory}"> |
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
||||
<el-form-item label="显示信息"> |
|
||||
<el-input v-model="dataForm.categoryLabel" placeholder="处理类别显示信息" 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 v-if="$hasPermission('events:handlecategory:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|
||||
</el-form-item> |
|
||||
<el-form-item> |
|
||||
<el-button v-if="$hasPermission('events:handlecategory: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="selection" header-align="center" align="center" width="50"></el-table-column> |
|
||||
<el-table-column label="序号" type="index" show-overflow-tooltip align="center" width="50"></el-table-column> |
|
||||
<el-table-column prop="id" label="主键" header-align="center" align="center" v-if="false"></el-table-column> |
|
||||
<el-table-column prop="categoryVal" label="处理类别值" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="categoryLabel" label="处理类别显示信息" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="categoryCode" label="编码" header-align="center" align="center"></el-table-column> |
|
||||
<el-table-column prop="available" label="状态" header-align="center" align="center" > |
|
||||
<template slot-scope="scope"> |
|
||||
<el-tag v-if="scope.row.available === '0'" size="small" type="danger">不可用</el-tag> |
|
||||
<el-tag v-else size="small" type="success">可用</el-tag> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="sort" label="排序" header-align="center" align="center" sortable></el-table-column> |
|
||||
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center" v-if="false"></el-table-column> |
|
||||
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center" v-if="false"></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" v-if="false"></el-table-column> |
|
||||
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center" v-if="false"></el-table-column> |
|
||||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button v-if="$hasPermission('events:handlecategory:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
||||
<el-button v-if="$hasPermission('events:handlecategory: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 './handlecategory-add-or-update' |
|
||||
export default { |
|
||||
mixins: [mixinViewModule], |
|
||||
data () { |
|
||||
return { |
|
||||
mixinViewModuleOptions: { |
|
||||
getDataListURL: '/events/handlecategory/page', |
|
||||
getDataListIsPage: true, |
|
||||
deleteURL: '/events/handlecategory', |
|
||||
deleteIsBatch: true |
|
||||
}, |
|
||||
dataForm: { |
|
||||
id: '', |
|
||||
categoryLabel: '' |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
components: { |
|
||||
AddOrUpdate |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
Loading…
Reference in new issue