main
parent
6524c685a3
commit
ad46e424dc
@ -0,0 +1,55 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 查询所有的社区介绍信息
|
||||||
|
export function getCommunityList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/communityIntroduction/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加社区介绍信息
|
||||||
|
export function AddCommunityIntro(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/communityIntroduction/insert`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据社区介绍主键Id查询社区介绍信息
|
||||||
|
export function findCommunityIntro(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/communityIntroduction/findById`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改社区介绍信息
|
||||||
|
export function updateCommunityIntro(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/communityIntroduction/update`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除社区介绍信息
|
||||||
|
export function delCommunityIntro(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/communityIntroduction/delete`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 启用社区介绍信息
|
||||||
|
export function enableCommunityIntro(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/communityIntroduction/enable`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,46 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 查询所有的咨询建议/投诉表扬
|
||||||
|
export function getAdviceList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/advice/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询今日咨询建议/投诉表扬数量
|
||||||
|
export function getTodayAdvice(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/advice/findTodayAdviceNum`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量删除咨询建议/投诉表扬
|
||||||
|
export function delAdvice(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/advice/delete`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据id查询咨询建议/投诉表扬
|
||||||
|
export function adviceDetail(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/advice/findById`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 回复咨询建议/投诉表扬
|
||||||
|
export function replyDetail(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/advice/reply`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,64 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 查询所有便民电话信息
|
||||||
|
export function getPhoneList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加便民电话信息
|
||||||
|
export function addPhone(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/insert`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据便民电话主键id查询便民电话信息
|
||||||
|
export function findPhone(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/findById`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改便民电话信息
|
||||||
|
export function updatePhone(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/update`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 定时检查信息
|
||||||
|
export function reminderInfo(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/reminderInfo`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新定时检查信息
|
||||||
|
export function updateReminder(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/updateReminder`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 批量删除便民电话
|
||||||
|
export function delPhone(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/conveniencePhone/delete`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
export const form = {
|
||||||
|
name: '',
|
||||||
|
status: undefined,
|
||||||
|
createName: '',
|
||||||
|
nearModifyDateStart: '',
|
||||||
|
nearModifyDateEnd: '',
|
||||||
|
createDateStart: '',
|
||||||
|
createDateEnd: '',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addForm = {
|
||||||
|
name: '',
|
||||||
|
content: '',
|
||||||
|
imgUrls: [],
|
||||||
|
}
|
||||||
|
|
||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "模版名称",
|
||||||
|
width: "9%",
|
||||||
|
dataIndex: "name",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "内容",
|
||||||
|
width: "15%",
|
||||||
|
dataIndex: "content",
|
||||||
|
scopedSlots: { customRender: "content" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "启用状态",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "status",
|
||||||
|
scopedSlots: { customRender: "status" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "创建人名称",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "createName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "最近修改时间",
|
||||||
|
width: "16%",
|
||||||
|
dataIndex: "nearModifyDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "创建时间",
|
||||||
|
width: "16%",
|
||||||
|
dataIndex: "createDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const rules = {
|
||||||
|
name: [{ required: true, message: "请输入名称", trigger: "blur" }],
|
||||||
|
content: [{ required: true, message: "请输入内容", trigger: "blur" }],
|
||||||
|
}
|
||||||
|
|
||||||
|
export function doStr(str, number) {
|
||||||
|
if(str.length >= number) {
|
||||||
|
return str.substr(0,number-1) + '...'
|
||||||
|
} else {
|
||||||
|
return str
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,307 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>社区介绍</span>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input v-model="form.name" style="width: 200px" placeholder="模版名称"></a-input>
|
||||||
|
<a-select style="width: 200px" v-model="form.status" placeholder="启用状态">
|
||||||
|
<a-select-option :value="1">启用中</a-select-option>
|
||||||
|
<a-select-option :value="2">未启用</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-input v-model="form.createName" style="width: 200px" placeholder="创建人"></a-input>
|
||||||
|
<a-range-picker @change="handlerTime" v-model="selTime" style="width: 300px" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="['最近修改时间开始','最近修改时间结束']"></a-range-picker>
|
||||||
|
<a-range-picker @change="handlerTime2" v-model="selTime2" style="width: 240px" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="['创建时间开始','创建时间结束']"></a-range-picker>
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<a-button style="margin: 10px" class="add-btn" @click="detailShow = true;mode = 1">新增模版</a-button>
|
||||||
|
<div class="main">
|
||||||
|
<a-table :columns="columns" :data-source="tableData"
|
||||||
|
:pagination="pagination" @change="handlerChange" :scroll="{ x: 1700 }"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return record.id;
|
||||||
|
}">
|
||||||
|
<span slot="content" slot-scope="text, record">
|
||||||
|
<a-popover>
|
||||||
|
<template slot="content">
|
||||||
|
<div style="width: 600px">{{record.content}}</div>
|
||||||
|
</template>
|
||||||
|
<div>{{doStr(record.content,21)}}</div>
|
||||||
|
</a-popover>
|
||||||
|
</span>
|
||||||
|
<template slot="status" slot-scope="text,record">
|
||||||
|
<a-switch checked-children="启用中"
|
||||||
|
un-checked-children="未启用"
|
||||||
|
:checked="record.status == 1"
|
||||||
|
@change="handleEnable(record)">
|
||||||
|
</a-switch>
|
||||||
|
</template>
|
||||||
|
<template slot="action" slot-scope="text,record">
|
||||||
|
<span><a @click=edit(record)>编辑</a></span>
|
||||||
|
<span><a style="margin-left: 8px;color:red" @click=del(record)>删除</a></span>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<div class="action">
|
||||||
|
<a-dropdown :disabled="!hasSelected">
|
||||||
|
<a-menu slot="overlay" @click="handleMenuClick">
|
||||||
|
<a-menu-item key="del"> 批量删除 </a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
<a-button> 批量操作 <a-icon type="down" /> </a-button>
|
||||||
|
</a-dropdown>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-drawer :title="mode==1?'新增模版':'编辑模版'" :width="720" :visible="detailShow" :body-style="{ paddingBottom: '60px' }" @close="detailClose">
|
||||||
|
<div class="drawer-content">
|
||||||
|
<span>基本信息</span>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-row>
|
||||||
|
<a-form-model :model="addForm" :rules="rules">
|
||||||
|
<a-col :span="24">
|
||||||
|
<a-form-model-item label="模版名称" prop="name">
|
||||||
|
<a-input style="width: 560px" placeholder="请输入模版名称" v-model="addForm.name"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<a-form-model-item label="内容" prop="content">
|
||||||
|
<a-textarea style="width: 560px" :autosize="{minRows: 8}" placeholder="请输入内容" v-model="addForm.content"></a-textarea>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<a-form-model-item label="图片">
|
||||||
|
<commonUpload :fileList='fileList' @handleChange="handleChange" />
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
</a-form-model>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer" style="float: left">
|
||||||
|
<a-button @click="addConfirm" type="primary" :style="{ marginRight: '8px' }">
|
||||||
|
确认
|
||||||
|
</a-button>
|
||||||
|
<a-button @click="detailClose"> 关闭 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getCommunityList, AddCommunityIntro, enableCommunityIntro,
|
||||||
|
findCommunityIntro, updateCommunityIntro, delCommunityIntro} from "@/api/operation/comIntro"
|
||||||
|
import {form,addForm, rules, columns,doStr } from "./depend/config";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: form,
|
||||||
|
selTime: [],
|
||||||
|
selTime2: [],
|
||||||
|
addForm: addForm,
|
||||||
|
fileList: [],
|
||||||
|
mode: 1, //1新增 2编辑
|
||||||
|
activeId: undefined,
|
||||||
|
rules: rules,
|
||||||
|
columns: columns,
|
||||||
|
doStr: doStr,
|
||||||
|
tableData: [],
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
//详情
|
||||||
|
detailShow: false,
|
||||||
|
//批量删除
|
||||||
|
selectedRowKeys: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
let obj = Object.assign(this.form, {pageNum: this.pagination.current,size: this.pagination.pageSize})
|
||||||
|
getCommunityList(obj).then(res => {
|
||||||
|
this.tableData = res.data.rows;
|
||||||
|
this.pagination.total = res.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
name: '',
|
||||||
|
status: undefined,
|
||||||
|
createName: '',
|
||||||
|
nearModifyDateStart: '',
|
||||||
|
nearModifyDateEnd: '',
|
||||||
|
createDateStart: '',
|
||||||
|
createDateEnd: '',
|
||||||
|
},
|
||||||
|
this.selTime = [],
|
||||||
|
this.selTime2 = [],
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerChange() {
|
||||||
|
|
||||||
|
},
|
||||||
|
detailClose() {
|
||||||
|
this.addForm = {
|
||||||
|
name: '',
|
||||||
|
content: '',
|
||||||
|
imgUrls: [],
|
||||||
|
},
|
||||||
|
this.fileList = []
|
||||||
|
this.detailShow = false
|
||||||
|
},
|
||||||
|
//添加/编辑模版
|
||||||
|
addConfirm() {
|
||||||
|
if(this.mode == 1) {
|
||||||
|
AddCommunityIntro(this.addForm).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
let obj = Object.assign(this.addForm, {id: this.activeId})
|
||||||
|
updateCommunityIntro(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//编辑回显
|
||||||
|
edit(val) {
|
||||||
|
this.mode = 2;
|
||||||
|
findCommunityIntro({communityIntroductionId: val.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.addForm.name = data.name;
|
||||||
|
this.addForm.content = data.content;
|
||||||
|
if(data.imgList.length>0){
|
||||||
|
const pic = []
|
||||||
|
this.addForm.imgUrls.push(data.imgList[0].url)
|
||||||
|
for(let item of data.imgList){
|
||||||
|
let obj = {
|
||||||
|
name:item.url.split('_')[0] +'.'+ item.url.split('.')[1],
|
||||||
|
url: this.$ImgUrl(item.url),
|
||||||
|
uid:item.url.split('_')[1],
|
||||||
|
status:'done',
|
||||||
|
thumbUrl: this.$ImgUrl(item.url),
|
||||||
|
}
|
||||||
|
pic.push(obj)
|
||||||
|
}
|
||||||
|
this.fileList = pic
|
||||||
|
}
|
||||||
|
this.activeId = data.id
|
||||||
|
})
|
||||||
|
this.detailShow = true;
|
||||||
|
},
|
||||||
|
//删除
|
||||||
|
del(val) {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除该模版？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delCommunityIntro({communityIntroductionIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
selectionChoosed(val) {
|
||||||
|
this.selectedRowKeys = val
|
||||||
|
},
|
||||||
|
handleMenuClick(data) {
|
||||||
|
if (data.key === "del") {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除选中的模版？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delCommunityIntro({communityIntroductionIds: this.selectedRowKeys})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.selectedRowKeys = [];
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//启用
|
||||||
|
handleEnable(val) {
|
||||||
|
enableCommunityIntro({communityIntroductionId: val.id}).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//修改时间
|
||||||
|
handlerTime(val) {
|
||||||
|
this.form.nearModifyDateStart = val[0];
|
||||||
|
this.form.nearModifyDateEnd = val[1];
|
||||||
|
},
|
||||||
|
handlerTime2(val) {
|
||||||
|
this.form.createDateStart = val[0];
|
||||||
|
this.form.createDateEnd = val[1];
|
||||||
|
},
|
||||||
|
//图片上传
|
||||||
|
handleChange(data) {
|
||||||
|
this.fileList = data;
|
||||||
|
this.addForm.imgUrls = [];
|
||||||
|
data.forEach(ele => {
|
||||||
|
if(ele.status == 'done') {
|
||||||
|
this.addForm.imgUrls.push(ele.response.data)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.drawer-content {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,86 @@
|
|||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "序号",
|
||||||
|
width: "6%",
|
||||||
|
dataIndex: "id",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "内容",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "content",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "类型",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "type",
|
||||||
|
customRender: function (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1: return '咨询'
|
||||||
|
case 2: return '建议'
|
||||||
|
case 3: return '投诉'
|
||||||
|
case 4: return '表扬'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "发布人",
|
||||||
|
width: "9%",
|
||||||
|
dataIndex: "releaseName",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "发布时间",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "releaseDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "状态",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "status",
|
||||||
|
customRender: function (status) {
|
||||||
|
switch (status) {
|
||||||
|
case 3: return '已反馈'
|
||||||
|
case 2: return '反馈中'
|
||||||
|
case 1: return '未反馈'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "评分数",
|
||||||
|
width: "10%",
|
||||||
|
dataIndex: "rate",
|
||||||
|
scopedSlots: { customRender: "rate" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "最后一次回复/提问时间",
|
||||||
|
width: "14%",
|
||||||
|
dataIndex: "lastFeedBackDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
export const replyColumns = [
|
||||||
|
{
|
||||||
|
title: "创建人",
|
||||||
|
width: "43%",
|
||||||
|
dataIndex: "createUserType",
|
||||||
|
scopedSlots: { customRender: "create" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "反馈内容",
|
||||||
|
width: "43%",
|
||||||
|
dataIndex: "content",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "13%",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
@ -0,0 +1,354 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>咨询建议</span>
|
||||||
|
<a-radio-group
|
||||||
|
v-model="form.type"
|
||||||
|
button-style="solid"
|
||||||
|
@change="typeChange"
|
||||||
|
>
|
||||||
|
<a-radio-button :value="undefined"> 全部 </a-radio-button>
|
||||||
|
<a-radio-button :value="1"> 咨询 </a-radio-button>
|
||||||
|
<a-radio-button :value="2"> 建议 </a-radio-button>
|
||||||
|
<a-radio-button :value="3"> 投诉 </a-radio-button>
|
||||||
|
<a-radio-button :value="4"> 表扬 </a-radio-button>
|
||||||
|
</a-radio-group>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-alert v-if="form.type==1" :message="'温馨提示：今日新增 '+todayMessage+' 条咨询'" type="warning" show-icon />
|
||||||
|
<a-alert v-else-if="form.type==2" :message="'温馨提示：今日新增 '+todayMessage+' 条建议'" type="warning" show-icon />
|
||||||
|
<a-alert v-else-if="form.type==3" :message="'温馨提示：今日新增 '+todayMessage+' 条投诉'" type="warning" show-icon />
|
||||||
|
<a-alert v-else-if="form.type==4" :message="'温馨提示：今日新增 '+todayMessage+' 条表扬'" type="warning" show-icon />
|
||||||
|
<a-alert v-else :message="'温馨提示：今日共新增 '+todayMessage+' 条'" type="warning" show-icon />
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-range-picker @change="handlerTime" v-model="selTime" style="width: 240px" value-format="YYYY-MM-DD HH:mm:ss" :placeholder="['开始时间','结束时间']"></a-range-picker>
|
||||||
|
<a-input v-model="form.releaseName" style="width: 200px" placeholder="发布人"></a-input>
|
||||||
|
<a-select v-model="form.status" style="width: 200px" placeholder="请选择状态">
|
||||||
|
<a-select-option :value="0">未反馈</a-select-option>
|
||||||
|
<a-select-option :value="1">反馈中</a-select-option>
|
||||||
|
<a-select-option :value="2">已反馈</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-select v-model="form.score" style="width: 200px" placeholder="请选择评分">
|
||||||
|
<a-select-option :value="0">差评</a-select-option>
|
||||||
|
<a-select-option :value="1">中评</a-select-option>
|
||||||
|
<a-select-option :value="2">好评</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="main">
|
||||||
|
<a-table :columns="columns" :data-source="tableData"
|
||||||
|
:pagination="pagination" @change="handlerChange" :scroll="{ x: 1800 }"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return record.id;
|
||||||
|
}">
|
||||||
|
<template slot="rate" slot-scope="text,record">
|
||||||
|
<a-rate :default-value="(record.score/2.0)" disabled allow-half></a-rate>
|
||||||
|
</template>
|
||||||
|
<template slot="action" slot-scope="text,record">
|
||||||
|
<span><a @click=detail(record)>详情</a></span>
|
||||||
|
<span><a style="margin-left: 8px" @click=reply(record)>回复</a></span>
|
||||||
|
<span><a style="margin-left: 8px;color:red" @click=del(record)>删除</a></span>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<div class="action">
|
||||||
|
<a-dropdown :disabled="!hasSelected">
|
||||||
|
<a-menu slot="overlay" @click="handleMenuClick">
|
||||||
|
<a-menu-item key="del"> 批量删除 </a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
<a-button> 批量操作 <a-icon type="down" /> </a-button>
|
||||||
|
</a-dropdown>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-drawer :title="activeTitle" :width="720" :visible="detailShow" :body-style="{ paddingBottom: '60px' }" @close="detailClose">
|
||||||
|
<div class="drawer-content">
|
||||||
|
<span>基本信息</span>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-descriptions style="padding: 16px" :column="1">
|
||||||
|
<a-descriptions-item label="类型">
|
||||||
|
{{adviceInfo.type==1?'咨询':2?'建议':3?'投诉':'表扬'}}
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="照片">
|
||||||
|
<img v-for="(item,index) in adviceInfo.imgUrl"
|
||||||
|
:key="index" :src="$ImgUrl(item.url)" style="height: 90px;width: 160px" />
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="反馈内容">
|
||||||
|
<a-table :columns="replyColumns" :data-source="adviceInfo.voUserAdviceDetailList" :pagination="false">
|
||||||
|
<template slot="create" slot-scope="text,row">
|
||||||
|
{{row.createName}}({{row.createUserType==1?'住户':'物业'}}) {{row.createDate}}
|
||||||
|
</template>
|
||||||
|
<template v-if="activeTitle=='回复'" slot="action" slot-scope="text,row">
|
||||||
|
<a @click="singelReply(row)">回复</a>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="评分星级" v-if="activeTitle=='咨询详情'">
|
||||||
|
<a-rate :value="(adviceInfo.score*1)/2.0" disabled allow-half></a-rate>
|
||||||
|
</a-descriptions-item>
|
||||||
|
</a-descriptions>
|
||||||
|
<div v-if="activeTitle=='回复'">
|
||||||
|
<span>回复反馈</span>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-form-model :model="repForm" :rules="rules" style="padding: 16px" layout="inline">
|
||||||
|
<a-form-model-item label="反馈" prop="content">
|
||||||
|
<a-textarea v-model="repForm.content" :autoSize="{ minRows: 8}" placeholder="请输入回复反馈" style="width: 500px">
|
||||||
|
</a-textarea>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer" style="float: left">
|
||||||
|
<a-button @click="replyConfirm" type="primary" :style="{ marginRight: '8px' }"> 确认 </a-button>
|
||||||
|
<a-button @click="detailClose"> 关闭 </a-button>
|
||||||
|
</div>
|
||||||
|
<a-modal :visible="singelReplyVisible" title="回复" @ok="singleConfirm" @cancel="singelReplyVisible=false">
|
||||||
|
<a-form-model-item label="回复">
|
||||||
|
<a-textarea v-model="singleForm.content" :autoSize="{ minRows: 4}" placeholder="请输入回复内容" style="width: 500px">
|
||||||
|
</a-textarea>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-modal>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAdviceList,delAdvice,adviceDetail,replyDetail,getTodayAdvice } from "@/api/operation/recommand"
|
||||||
|
import { columns,replyColumns } from "./depend/config";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
type: undefined,
|
||||||
|
releaseName: '',
|
||||||
|
releaseDateStart: '',
|
||||||
|
releaseDateEnd: '',
|
||||||
|
status: undefined,
|
||||||
|
score: undefined,
|
||||||
|
},
|
||||||
|
repForm: {
|
||||||
|
appAdviceId: undefined,
|
||||||
|
content: '',
|
||||||
|
parentId: 0
|
||||||
|
},
|
||||||
|
singleForm: {
|
||||||
|
appAdviceId: undefined,
|
||||||
|
content: '',
|
||||||
|
parentId: 0
|
||||||
|
},
|
||||||
|
selTime: [],
|
||||||
|
rules: {
|
||||||
|
content: [{ required: true, message: "请输入回复", trigger: "blur" }],
|
||||||
|
},
|
||||||
|
activeName: 0,
|
||||||
|
columns: columns,
|
||||||
|
replyColumns: replyColumns,
|
||||||
|
tableData: [],
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
selectedRowKeys: [],
|
||||||
|
//详情
|
||||||
|
activeTitle: '',
|
||||||
|
detailShow: false,
|
||||||
|
adviceInfo: {voUserAdviceDetailList: []},
|
||||||
|
//回复窗口
|
||||||
|
singelReplyVisible: false,
|
||||||
|
//今日信息
|
||||||
|
todayMessage: undefined,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getApi()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getApi() {
|
||||||
|
getTodayAdvice({type: this.form.type}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.todayMessage = data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
|
let obj = Object.assign( this.form, {pageNum: this.pagination.current,size: this.pagination.pageSize})
|
||||||
|
getAdviceList(obj).then(res => {
|
||||||
|
this.pagination.total = res.data.total;
|
||||||
|
this.tableData = res.data.rows
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
type: undefined,
|
||||||
|
releaseName: '',
|
||||||
|
releaseDateStart: undefined,
|
||||||
|
releaseDateEnd: undefined,
|
||||||
|
status: undefined,
|
||||||
|
score: undefined,
|
||||||
|
},
|
||||||
|
this.selTime = [];
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
handlerChange() {
|
||||||
|
|
||||||
|
},
|
||||||
|
detailClose() {
|
||||||
|
this.adviceInfo = {};
|
||||||
|
this.repForm = {
|
||||||
|
appAdviceId: undefined,
|
||||||
|
content: '',
|
||||||
|
parentId: 0
|
||||||
|
},
|
||||||
|
this.detailShow = false
|
||||||
|
},
|
||||||
|
//切换
|
||||||
|
typeChange(val) {
|
||||||
|
this.getData();
|
||||||
|
this.getApi()
|
||||||
|
},
|
||||||
|
//改变时间
|
||||||
|
handlerTime(val) {
|
||||||
|
this.form.releaseDateStart = val[0];
|
||||||
|
this.form.releaseDateEnd = val[1];
|
||||||
|
},
|
||||||
|
//回复和删除
|
||||||
|
detail(val) {
|
||||||
|
this.activeTitle = '咨询详情'
|
||||||
|
adviceDetail({adviceId: val.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.repForm.appAdviceId = data.id
|
||||||
|
this.adviceInfo = data
|
||||||
|
})
|
||||||
|
this.detailShow = true;
|
||||||
|
},
|
||||||
|
reply(val) {
|
||||||
|
this.activeTitle = '回复'
|
||||||
|
adviceDetail({adviceId: val.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.repForm.appAdviceId = data.id
|
||||||
|
this.adviceInfo = data
|
||||||
|
})
|
||||||
|
this.detailShow = true;
|
||||||
|
},
|
||||||
|
replyConfirm() {
|
||||||
|
replyDetail(this.repForm).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose();
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
singleConfirm() {
|
||||||
|
replyDetail(this.singleForm).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.singelReplyVisible = false;
|
||||||
|
this.singleForm = {
|
||||||
|
appAdviceId: undefined,
|
||||||
|
content: '',
|
||||||
|
parentId: 0
|
||||||
|
},
|
||||||
|
this.detailClose();
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
singelReply(val) {
|
||||||
|
this.singleForm.appAdviceId = this.adviceInfo.id
|
||||||
|
this.singleForm.parentId = val.id
|
||||||
|
this.singelReplyVisible = true
|
||||||
|
},
|
||||||
|
del(val) {
|
||||||
|
if(val.status == 1 || val.status == 2) {
|
||||||
|
this.$confirm({
|
||||||
|
title: "该条信息您还未回复，是否删除？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delAdvice({adviceIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否确认删除该信息？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delAdvice({adviceIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
selectionChoosed(val) {
|
||||||
|
this.selectedRowKeys = val
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
handleMenuClick(data) {
|
||||||
|
if (data.key === "del") {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除选中的信息？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delAdvice({adviceIds: this.selectedRowKeys})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.selectedRowKeys = [];
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.drawer-content {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,72 @@
|
|||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "名称",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "name",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "联系方式",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "tel",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "类型",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "type",
|
||||||
|
customRender: function (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1: return '业委会'
|
||||||
|
case 2: return '绿化'
|
||||||
|
case 3: return '快递'
|
||||||
|
case 4: return '搬家'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "状态",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "status",
|
||||||
|
customRender: function (status) {
|
||||||
|
switch (status) {
|
||||||
|
case 1: return '正常'
|
||||||
|
case 2: return '有误'
|
||||||
|
case 3: return '空号'
|
||||||
|
case 4: return '搬家'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "下次检查时间",
|
||||||
|
width: "16%",
|
||||||
|
dataIndex: "nextControlDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "APP端排序权重",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "weight",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "提醒内容",
|
||||||
|
width: "12%",
|
||||||
|
dataIndex: "remindContent",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const rules = {
|
||||||
|
name: [{ required: true, message: "请输入名称", trigger: "blur" }],
|
||||||
|
tel: [
|
||||||
|
{ required: true, message: "请输入手机号", trigger: "blur" },
|
||||||
|
{ min: 11, max: 11, message: "手机号只能为11位", trigger: "blur" },
|
||||||
|
],
|
||||||
|
type: [{ required: true, message: "请选择类型", trigger: "change" }],
|
||||||
|
status: [{ required: true, message: "请选择状态", trigger: "change" }],
|
||||||
|
weight: [{ required: true, message: "请输入权重", trigger: "blur" }],
|
||||||
|
}
|
||||||
@ -0,0 +1,327 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>便民电话</span>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input v-model="form.name" style="width: 200px" placeholder="联系名称"></a-input>
|
||||||
|
<a-input v-model="form.tel" style="width: 200px" placeholder="联系电话"></a-input>
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<a-button style="margin: 10px" class="add-btn" @click="detailShow = true;mode = 1">新增电话</a-button>
|
||||||
|
<a-button style="margin: 10px" @click="check" type="primary" ghost>定时检查</a-button>
|
||||||
|
<div class="main">
|
||||||
|
<a-table :columns="columns" :data-source="tableData"
|
||||||
|
:pagination="pagination" @change="handlerChange" :scroll="{ x: 1700 }"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return record.id;
|
||||||
|
}">
|
||||||
|
<template slot="action" slot-scope="text,record">
|
||||||
|
<span><a @click=edit(record)>编辑</a></span>
|
||||||
|
<span><a style="margin-left: 8px;color:red" @click=del(record)>删除</a></span>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<div class="action">
|
||||||
|
<a-dropdown :disabled="!hasSelected">
|
||||||
|
<a-menu slot="overlay" @click="handleMenuClick">
|
||||||
|
<a-menu-item key="del"> 批量删除 </a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
<a-button> 批量操作 <a-icon type="down" /> </a-button>
|
||||||
|
</a-dropdown>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-drawer :title="mode==1?'新增电话':'编辑电话'" :width="720" :visible="detailShow" :body-style="{ paddingBottom: '60px' }" @close="detailClose">
|
||||||
|
<div class="drawer-content">
|
||||||
|
<span>基本信息</span>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-row>
|
||||||
|
<a-form-model :model="addForm" :rules="rules">
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="联系名称" prop="name">
|
||||||
|
<a-input style="width: 240px" v-model="addForm.name"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="联系电话" prop="tel">
|
||||||
|
<a-input style="width: 240px" v-model="addForm.tel"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="类型" prop="type">
|
||||||
|
<a-select style="width: 240px" v-model="addForm.type">
|
||||||
|
<a-select-option :value="1">业委会</a-select-option>
|
||||||
|
<a-select-option :value="2">绿化</a-select-option>
|
||||||
|
<a-select-option :value="3">快递</a-select-option>
|
||||||
|
<a-select-option :value="4">搬家</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="状态" prop="status">
|
||||||
|
<a-select style="width: 240px" v-model="addForm.status">
|
||||||
|
<a-select-option :value="1">正常</a-select-option>
|
||||||
|
<a-select-option :value="2">有误</a-select-option>
|
||||||
|
<a-select-option :value="3">空号</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<a-form-model-item label="权重" prop="weight">
|
||||||
|
<a-input-number style="width: 120px" v-model="addForm.weight" :min="0"></a-input-number>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
</a-form-model>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer" style="float: left">
|
||||||
|
<a-button @click="addConfirm" type="primary" :style="{ marginRight: '8px' }">
|
||||||
|
确认
|
||||||
|
</a-button>
|
||||||
|
<a-button @click="detailClose"> 关闭 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
<a-drawer title="定时检查" :width="720" :visible="checkShow" :body-style="{ paddingBottom: '60px' }" @close="checkClose">
|
||||||
|
<div class="drawer-content">
|
||||||
|
<span>基本信息</span>
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-row>
|
||||||
|
<a-form-model>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-form-model-item label="提醒间隔">
|
||||||
|
<a-select v-model="checkForm.reminderInterval">
|
||||||
|
<a-select-option :value="1">一个月</a-select-option>
|
||||||
|
<a-select-option :value="2">半年</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-form-model-item label="提醒内容">
|
||||||
|
<a-textarea v-model="checkForm.reminderContent"></a-textarea>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-col>
|
||||||
|
</a-form-model>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer" style="float: left">
|
||||||
|
<a-button @click="checkConfirm" type="primary" :style="{ marginRight: '8px' }">
|
||||||
|
确认
|
||||||
|
</a-button>
|
||||||
|
<a-button @click="checkClose"> 关闭 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getPhoneList,addPhone, findPhone, updatePhone, delPhone,reminderInfo,updateReminder} from "@/api/operation/suggestion"
|
||||||
|
import { rules, columns } from "./depend/config";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
name: '',
|
||||||
|
tel: ''
|
||||||
|
},
|
||||||
|
addForm: {
|
||||||
|
name: '',
|
||||||
|
tel: '',
|
||||||
|
type: undefined,
|
||||||
|
status: undefined,
|
||||||
|
weight: 0,
|
||||||
|
},
|
||||||
|
checkForm: {
|
||||||
|
reminderInterval: undefined,
|
||||||
|
reminderContent: ''
|
||||||
|
},
|
||||||
|
mode: 1, //1新增 2编辑
|
||||||
|
activeId: undefined,
|
||||||
|
activeName: 0,
|
||||||
|
rules: rules,
|
||||||
|
columns: columns,
|
||||||
|
tableData: [],
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
//详情
|
||||||
|
detailShow: false,
|
||||||
|
//检查
|
||||||
|
checkShow: false,
|
||||||
|
//批量删除
|
||||||
|
selectedRowKeys: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
let obj = Object.assign(this.form, {pageNum: this.pagination.current,size: this.pagination.pageSize})
|
||||||
|
getPhoneList(obj).then(res => {
|
||||||
|
this.tableData = res.data.rows;
|
||||||
|
this.pagination.total = res.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
name: '',
|
||||||
|
tel: ''
|
||||||
|
},
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerChange() {
|
||||||
|
|
||||||
|
},
|
||||||
|
detailClose() {
|
||||||
|
this.addForm = {
|
||||||
|
name: '',
|
||||||
|
tel: '',
|
||||||
|
type: undefined,
|
||||||
|
status: undefined,
|
||||||
|
weight: 0,
|
||||||
|
}
|
||||||
|
this.detailShow = false
|
||||||
|
},
|
||||||
|
checkClose() {
|
||||||
|
this.checkForm = {
|
||||||
|
reminderInterval: undefined,
|
||||||
|
reminderContent: ''
|
||||||
|
}
|
||||||
|
this.checkShow = false
|
||||||
|
},
|
||||||
|
//添加电话
|
||||||
|
addConfirm() {
|
||||||
|
if(this.mode == 1) {
|
||||||
|
addPhone(this.addForm).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
let obj = Object.assign(this.addForm, {id: this.activeId})
|
||||||
|
updatePhone(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.detailClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//编辑
|
||||||
|
edit(val) {
|
||||||
|
this.mode = 2;
|
||||||
|
findPhone({conveniencePhoneId: val.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.addForm = {
|
||||||
|
name: data.name,
|
||||||
|
tel: data.tel,
|
||||||
|
type: data.type,
|
||||||
|
status: data.status,
|
||||||
|
weight: data.weight,
|
||||||
|
},
|
||||||
|
this.activeId = data.id
|
||||||
|
})
|
||||||
|
this.detailShow = true;
|
||||||
|
},
|
||||||
|
//检查
|
||||||
|
check() {
|
||||||
|
reminderInfo().then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.checkForm = data;
|
||||||
|
this.checkShow = true;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
checkConfirm() {
|
||||||
|
let obj = Object.assign(this.checkForm, {id: this.activeId})
|
||||||
|
updateReminder(obj).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.checkClose()
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//删除
|
||||||
|
del(val) {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除该电话？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delPhone({conveniencePhoneIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
selectionChoosed(val) {
|
||||||
|
this.selectedRowKeys = val
|
||||||
|
},
|
||||||
|
handleMenuClick(data) {
|
||||||
|
if (data.key === "del") {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除选中的电话？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delPhone({conveniencePhoneIds: this.selectedRowKeys})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.selectedRowKeys = [];
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.drawer-content {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue