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

开发完成的动作管理页面，未开发的积分规则配置页面

feature/syp_points
zhangyongzhangyong 6 years ago
parent
d1cb72f8c8
commit
4f3b2b8e66
4 changed files with 420 additions and 0 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. 120
      src/views/modules/points/pointsbehavior-add-or-update.vue
  2. 78
      src/views/modules/points/pointsbehavior.vue
  3. 151
      src/views/modules/points/pointsrule-add-or-update.vue
  4. 71
      src/views/modules/points/pointsrule.vue

120
src/views/modules/points/pointsbehavior-add-or-update.vue
View File

@ -0,0 +1,120 @@
<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' : '120px'">
<el-form-item label="动作编码" prop="behaviorCode">
<el-input v-model="dataForm.behaviorCode" placeholder="请输入动作编码" show-word-limit maxlength="30" style="width: 740px;"></el-input>
</el-form-item>
<el-form-item label="动作描述" prop="behaviorDesc">
<el-input v-model="dataForm.behaviorDesc" placeholder="请输入动作描述" maxlength="100" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" style="width: 740px;"></el-input>
</el-form-item>
<el-form-item label="动作记录时机" prop="behaviorRecordingTime">
<el-select v-model="dataForm.behaviorRecordingTime" placeholder="请选择动作记录时机" style="width: 740px;">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="请输入备注" maxlength="100" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" style="width: 740px;"></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: '',
behaviorCode: '',
behaviorDesc: '',
behaviorRecordingTime: '',
remark: '',
revision: '',
delFlag: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
},
options: [{
value: '0',
label: '方法执行前'
}, {
value: '1',
label: '方法执行后'
}]
}
},
computed: {
dataRule () {
return {
behaviorCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
behaviorDesc: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
behaviorRecordingTime: [
{ 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(`/points/pointsbehavior/${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']('/points/pointsbehavior/', 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>

78
src/views/modules/points/pointsbehavior.vue
View File

@ -0,0 +1,78 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__pointsbehavior}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="动作编码">
<el-input v-model="dataForm.behaviorCode" placeholder="请输入动作编码" clearable></el-input>
</el-form-item>
<el-form-item label="动作描述">
<el-input v-model="dataForm.behaviorDesc" 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('points:pointsbehavior:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column prop="orderNumber" label="序号" header-align="center" align="center"></el-table-column>
<el-table-column prop="behaviorCode" label="动作编码" header-align="center" align="center"></el-table-column>
<el-table-column prop="behaviorDesc" label="动作描述" header-align="center" align="center"></el-table-column>
<el-table-column prop="behaviorRecordingTime" :formatter="formatBehaviorRecordingTime" label="动作记录时机" header-align="center" align="center"></el-table-column>
<el-table-column prop="remark" 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 v-if="$hasPermission('points:pointsbehavior:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('points:pointsbehavior: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 './pointsbehavior-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/points/pointsbehavior/page',
getDataListIsPage: true,
deleteURL: '/points/pointsbehavior',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
},
methods: {
formatBehaviorRecordingTime: function (row, column) {
if (row.behaviorRecordingTime === '0') {
return '方法执行前'
}
if (row.behaviorRecordingTime === '1') {
return '方法执行后'
}
}
}
}
</script>

151
src/views/modules/points/pointsrule-add-or-update.vue
View File

@ -0,0 +1,151 @@
<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="ruleCode">
<el-input v-model="dataForm.ruleCode" placeholder="请输入积分规则编码"></el-input>
</el-form-item>
<el-form-item label="动作编码" prop="behaviorCode">
<el-input v-model="dataForm.behaviorCode" placeholder="动作编码"></el-input>
</el-form-item>
<el-form-item label="积分规则描述" prop="ruleDesc">
<el-input v-model="dataForm.ruleDesc" placeholder="请输入积分规则描述"></el-input>
</el-form-item>
<el-form-item label="规则操作类型 0-减积分，1-加积分" prop="operationType">
<el-input v-model="dataForm.operationType" placeholder="规则操作类型 0-减积分，1-加积分"></el-input>
</el-form-item>
<el-form-item label="积分规则值" prop="points">
<el-input v-model="dataForm.points" placeholder="积分规则值"></el-input>
</el-form-item>
<el-form-item label="上线统计指标 0-分钟，1-小时，2-日，3-月，4-年" prop="limitType">
<el-input v-model="dataForm.limitType" placeholder="上线统计指标 0-分钟，1-小时，2-日，3-月，4-年"></el-input>
</el-form-item>
<el-form-item label="积分上限值" prop="upperLimitVal">
<el-input v-model="dataForm.upperLimitVal" placeholder="积分上限值"></el-input>
</el-form-item>
<el-form-item label="启用标识 0-否，1-是" prop="enableFlag">
<el-input v-model="dataForm.enableFlag" placeholder="启用标识 0-否，1-是"></el-input>
</el-form-item>
<el-form-item label="附加值" prop="addedVal">
<el-input v-model="dataForm.addedVal" placeholder="附加值"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" 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: '',
ruleCode: '',
behaviorCode: '',
ruleDesc: '',
operationType: '',
points: '',
limitType: '',
upperLimitVal: '',
enableFlag: '',
addedVal: '',
remark: '',
revision: '',
delFlag: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule () {
return {
ruleCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
behaviorCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
ruleDesc: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
operationType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
points: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
limitType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
upperLimitVal: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enableFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
addedVal: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
remark: [
{ 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(`/points/pointsrule/${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']('/points/pointsrule/', 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>

71
src/views/modules/points/pointsrule.vue
View File

@ -0,0 +1,71 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__pointsrule}">
<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 v-if="$hasPermission('points:pointsrule:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column prop="orderNumber" label="序号" header-align="center" align="center"></el-table-column>
<el-table-column prop="ruleCode" label="积分规则编码" header-align="center" align="center"></el-table-column>
<el-table-column prop="ruleDesc" label="积分规则描述" header-align="center" align="center"></el-table-column>
<el-table-column prop="behaviorCode" label="动作编码" header-align="center" align="center"></el-table-column>
<el-table-column prop="operationType" label="规则操作类型 0-减积分，1-加积分" header-align="center" align="center"></el-table-column>
<el-table-column prop="points" label="积分规则值" header-align="center" align="center"></el-table-column>
<el-table-column prop="limitType" label="上线统计指标 0-分钟，1-小时，2-日，3-月，4-年" header-align="center" align="center"></el-table-column>
<el-table-column prop="upperLimitVal" label="积分上限值" header-align="center" align="center"></el-table-column>
<el-table-column prop="enableFlag" label="是否可用 0-否，1-是" header-align="center" align="center"></el-table-column>
<el-table-column prop="addedVal" label="附加值" header-align="center" align="center"></el-table-column>
<el-table-column prop="remark" 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 v-if="$hasPermission('points:pointsrule:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('points:pointsrule: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 './pointsrule-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/points/pointsrule/page',
getDataListIsPage: true,
deleteURL: '/points/pointsrule',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Write Preview
Loading…
Cancel
Save