积分活动管理
This commit is contained in:
HuskyOo
parent
79bd7a92e7
commit
30b0d587af
|
|
@ -0,0 +1,103 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
ref="convenienceForm"
|
||||
style="width:680px"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
:disabled="pageQuery.type === 'detail'"
|
||||
label-width="80px"
|
||||
class="el-form"
|
||||
>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input
|
||||
v-model="form.title"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="简介" prop="introduction">
|
||||
<el-input
|
||||
v-model="form.introduction"
|
||||
type="textarea"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="图片" prop="images">
|
||||
<template v-if="pageQuery.type === 'detail'">
|
||||
<el-image v-for="item of form.images" :key="item" :src="item" />
|
||||
</template>
|
||||
<CutUploadImage v-else :disabled="pageQuery.type === 'detail'" :init-url="form.images" multiple @imgupload="imgUpload" />
|
||||
</el-form-item>
|
||||
<el-form-item label="内容" prop="content">
|
||||
<UEditor v-model="form.content" :disabled="pageQuery.type === 'detail'" />
|
||||
</el-form-item>
|
||||
<el-form-item v-if="pageQuery.type !== 'detail'">
|
||||
<el-button type="primary" @click="handleAdd">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { activityUpdate, activityInfo } from '@/api/fingertipIntegral'
|
||||
import UEditor from '@/components/UEditor'
|
||||
import CutUploadImage from '@/components/cutUploadImage'
|
||||
|
||||
export default {
|
||||
components: { UEditor, CutUploadImage },
|
||||
data() {
|
||||
return {
|
||||
pageQuery: {
|
||||
type: undefined,
|
||||
id: undefined
|
||||
},
|
||||
form: {
|
||||
active: true,
|
||||
audioImage: undefined,
|
||||
audioUrl: undefined,
|
||||
content: undefined,
|
||||
images: [],
|
||||
introduction: undefined,
|
||||
show: true,
|
||||
subtitle: undefined,
|
||||
title: undefined,
|
||||
videoUrl: undefined
|
||||
},
|
||||
rules: {
|
||||
title: [{ required: true, message: '请输入', trigger: 'change' }]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.pageQuery = this.$route.query
|
||||
if (this.pageQuery.id) this.getInfo()
|
||||
},
|
||||
methods: {
|
||||
getInfo() {
|
||||
activityInfo({ id: this.pageQuery.id }).then(res => {
|
||||
console.log(res)
|
||||
this.form = res.d
|
||||
})
|
||||
},
|
||||
imgUpload(e) {
|
||||
this.form.images = e
|
||||
},
|
||||
handleAdd() {
|
||||
this.$refs.convenienceForm.validate(valid => {
|
||||
if (valid) {
|
||||
const form = this.form
|
||||
activityUpdate(form).then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功!'
|
||||
})
|
||||
this.$router.back()
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scope></style>
|
||||
|
|
@ -0,0 +1,235 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="filter-container">
|
||||
<el-input
|
||||
v-model="listQuery.title"
|
||||
style="width:200px;margin-right:10px"
|
||||
class="filter-item"
|
||||
placeholder="请输入标题"
|
||||
clearable
|
||||
/>
|
||||
<!-- <el-select v-model="listQuery.source" clearable class="filter-item" placeholder="请选择积分来源">
|
||||
<el-option v-for="item of sourceOptions" :key="item.value" v-bind="item" />
|
||||
</el-select> -->
|
||||
<el-button
|
||||
type="primary"
|
||||
style="margin-left:10px"
|
||||
@click="handleSearch"
|
||||
>搜索</el-button>
|
||||
</div>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
style="margin-bottom:20px"
|
||||
@click="handleAdd"
|
||||
>新增活动</el-button>
|
||||
<el-table v-loading="loading" :data="list" border style="width: 100%">
|
||||
<el-table-column label="标题" prop="title" />
|
||||
<el-table-column label="简介" prop="introduction" />
|
||||
<el-table-column label="图片" prop="images">
|
||||
<template v-if="scope.row.images && scope.row.images.length" slot-scope="scope">
|
||||
<el-image
|
||||
style="width: 100px; height: 100px"
|
||||
:src="scope.row.images[0]"
|
||||
:preview-src-list="scope.row.images"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
scope.row.createDate | parseTime("{y}-{m}-{d} {h}:{i}:{s}")
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="280px">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
round
|
||||
style="font-size:14px;padding:10px 20px"
|
||||
@click="handleDetail(scope.row)"
|
||||
>查看详情</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
round
|
||||
style="font-size:14px;padding:10px 20px"
|
||||
@click="handleUpdate(scope.row)"
|
||||
>编辑</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
round
|
||||
style="font-size:14px;padding:10px 20px"
|
||||
@click="handleDel(scope.row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-if="total > 0"
|
||||
:total="total"
|
||||
:page.sync="listQuery.lastPageIndex"
|
||||
:limit.sync="listQuery.size"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from '@/components/Pagination'
|
||||
import { activityList, activityDel } from '@/api/fingertipIntegral'
|
||||
export default {
|
||||
components: { Pagination },
|
||||
filters: {
|
||||
optionsFilter(value, options = []) {
|
||||
const findItem = options.find((option) => option.value === value)
|
||||
if (findItem) {
|
||||
return findItem.label
|
||||
}
|
||||
return ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
total: 0,
|
||||
listQuery: {
|
||||
lastPageIndex: 1,
|
||||
size: 10,
|
||||
title: undefined
|
||||
},
|
||||
list: undefined,
|
||||
|
||||
sourceOptions: [
|
||||
{
|
||||
value: 'REAL_NAME_AUTHENTICATION',
|
||||
label: '实名认证'
|
||||
},
|
||||
{
|
||||
value: 'HANDLING',
|
||||
label: '处理办件'
|
||||
},
|
||||
{
|
||||
value: 'APPLY',
|
||||
label: '申请办件'
|
||||
},
|
||||
{
|
||||
value: 'TIMEOUT',
|
||||
label: '超期办件扣分'
|
||||
},
|
||||
{
|
||||
value: 'VERY_SATISFIED',
|
||||
label: '非常满意得分'
|
||||
},
|
||||
{
|
||||
value: 'NEGATIVE_COMMENT',
|
||||
label: '差评扣分'
|
||||
},
|
||||
{
|
||||
value: 'READ',
|
||||
label: '阅读'
|
||||
},
|
||||
{
|
||||
value: 'SEND_A_CIRCLE_OF_FRIENDS',
|
||||
label: '发朋友圈'
|
||||
},
|
||||
{
|
||||
value: 'CONSUMPTION',
|
||||
label: '消费'
|
||||
},
|
||||
{
|
||||
value: 'MERCHANT_SETTLEMENT',
|
||||
label: '商户结算'
|
||||
},
|
||||
{
|
||||
value: 'POINT_REFUND',
|
||||
label: '积分回退'
|
||||
},
|
||||
{
|
||||
value: 'REGULATORY_PUNISHMENT_AND_REWARD',
|
||||
label: '监管惩罚'
|
||||
},
|
||||
{
|
||||
value: 'SPECIAL_WORK_TYPE',
|
||||
label: '特殊工单类型奖励积分(医保卫生)'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'listQuery.lastPageIndex': {
|
||||
handler(val) {
|
||||
this.getList()
|
||||
},
|
||||
deep: true // true 深度监听
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.loading = true
|
||||
activityList(this.listQuery).then(res => {
|
||||
this.list = res.d.records
|
||||
this.total = res.d.total
|
||||
// this.pageSize = res.d.pageSize
|
||||
this.loading = false
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
handleDel(item) {
|
||||
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
activityDel({ id: item.id }).then(() => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '删除成功!'
|
||||
})
|
||||
this.getList()
|
||||
})
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.$router.push({
|
||||
path: '/fingertipIntegral/activityCreate'
|
||||
})
|
||||
},
|
||||
handleUpdate(item) {
|
||||
this.$router.push({
|
||||
path: '/fingertipIntegral/activityChange',
|
||||
query: {
|
||||
id: item.id
|
||||
}
|
||||
})
|
||||
},
|
||||
handleDetail(item) {
|
||||
this.$router.push({
|
||||
path: '/fingertipIntegral/activityDetail',
|
||||
query: {
|
||||
type: 'detail',
|
||||
id: item.id
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSearch() {
|
||||
const { listQuery } = this
|
||||
this.listQuery.lastPageIndex = 1
|
||||
Object.keys(listQuery).forEach(key => {
|
||||
if (listQuery[key] === '') listQuery[key] = undefined
|
||||
})
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
Loading…
Reference in New Issue