Browse Source

新增诉求

release/epdc
tianqian 2 years ago
parent
commit
4de0c3058e
  1. 421
      src/views/modules/events/appeal-appeal-list-unsatisfactory.vue
  2. 454
      src/views/modules/events/appeal-appeal-list.vue
  3. 30
      src/views/modules/events/appeal-appeal-unsatisfactory.vue
  4. 30
      src/views/modules/events/appeal-appeal.vue

421
src/views/modules/events/appeal-appeal-list-unsatisfactory.vue

@ -0,0 +1,421 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-item__item}">
<el-form
:inline="true"
:model="dataForm"
@keyup.enter.native="getDataListSearch()"
>
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
:options="options"
:props="{ checkStrictly: true }"
clearable
style="width:250px;"
>
</el-cascader>
</el-form-item>
<el-form-item label="诉求内容" prop="itemCode">
<el-input
v-model="dataForm.itemContent"
placeholder="请输入诉求内容"
clearable
@keyup.native="btKeyUpItemContent"
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="诉求编码" prop="serialNum">
<el-input
v-model="dataForm.serialNum"
placeholder="诉求编码"
clearable
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
<el-select v-model="dataForm.evaluationScore" style="width:250px;" placeholder="请选择" clearable>
<el-option label="不满意" value="0"> </el-option>
<el-option label="基本满意" value="1"> </el-option>
<el-option label="非常满意" value="2"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="处理状态">
<el-select v-model="dataForm.itemState" clearable placeholder="请选择" style="width:200px;">
<el-option label="处理中" value="0"></el-option>
<el-option label="已结案" value="10"></el-option>
</el-select>
</el-form-item>
<el-form-item label="评价状态">
<el-select v-model="dataForm.evaluationState" clearable placeholder="请选择" style="width:200px;">
<el-option label="待评价" value="80"></el-option>
<el-option label="已评价" value="90"></el-option>
</el-select>
</el-form-item>
<br/>
<el-form-item label="联系人姓名" prop="nickName" label-width="100px">
<el-input
v-model="dataForm.nickName"
placeholder="请输入联系人姓名"
clearable
style="width:250px;"
></el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile" label-width="68px">
<el-input
v-model="dataForm.mobile"
placeholder="请输入手机号"
clearable
style="width:200px;"
></el-input>
</el-form-item>
<br/>
<el-form-item label="上报时间" prop="startTime" label-width="100px">
<el-date-picker
v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:250px;" @change="changeTime"
>
</el-date-picker>
</el-form-item>
<el-form-item label="至" label-width="25px" prop="endTime">
<el-date-picker
v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:250px;" @change="changeTime"
>
</el-date-picker>
</el-form-item>
<el-form-item label="诉求类型" prop="appealType" label-width="80px">
<el-select v-model="dataForm.appealType" placeholder="请选择" clearable>
<el-option label="民生" value="0"> </el-option>
<el-option label="发展" value="1"> </el-option>
<el-option label="执法" value="2"> </el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
</el-form-item>
<!-- <el-form-item>
<el-button type="primary"
class="custom-button-add"
@click="addAppealEnforcement()">新增执法诉求</el-button>
</el-form-item> -->
<!-- <el-form-item>
<el-button type="success"
@click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
</el-form-item> -->
</el-form>
<el-table
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%;"
>
<el-table-column
label=" "
align="center"
width="50"
>
<template slot-scope="scope">
<img :src="red" width="25" height="25" v-if="scope.row.itemState == '0' && scope.row.isRemind == '1' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'"/>
<img :src="yellow" width="25" height="25" v-if="scope.row.itemState == '0' && scope.row.isRemind == '2' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'"/>
<img :src="green" width="25" height="25" v-if="scope.row.itemState == '0' && scope.row.isRemind == '3' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'"/>
</template>
</el-table-column>
<el-table-column
label="序号"
type="index"
show-overflow-tooltip
align="center"
width="50"
></el-table-column>
<el-table-column
prop="streetName"
label="属事街道"
header-align="center"
width="120"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="communityName"
label="属事社区"
header-align="center"
width="130"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="gridName"
label="属事网格"
header-align="center"
width="140"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="itemContent"
label="诉求内容"
header-align="center"
min-width="300"
align="left"
show-overflow-tooltip
></el-table-column>
<!--<el-table-column-->
<!--prop="serialNum"-->
<!--label="诉求编码"-->
<!--header-align="center"-->
<!--min-width="200"-->
<!--align="center"-->
<!--&gt;</el-table-column>-->
<!-- <el-table-column
prop="peopleFlagName"
label="诉求类型"
header-align="center"
min-width="150"
align="center"
></el-table-column> -->
<el-table-column
prop="itemStateName"
label="处理状态"
header-align="center"
width="100"
align="center"
:formatter="stateFormat"
>
</el-table-column>
<el-table-column
prop="createdTime"
label="上报时间"
header-align="center"
width="180"
align="center"
></el-table-column>
<el-table-column
prop="nickName"
label="联系人姓名"
header-align="center"
min-width="100"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="evaluationScoreName"
label="满意度"
header-align="center"
align="center"
></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right"
header-align="center"
align="center"
>
<template slot-scope="scope">
<el-button
type="text"
size="small"
class="custom-table-button-default"
@click="dealAction(scope.row.id)">详情
</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>
</div>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
</el-card>
</template>
<script>
import green from '@/assets/img/green_img.png'
import red from '@/assets/img/red_img.png'
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './appeal-enforcement-add'
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data () {
return {
green,
red,
mixinViewModuleOptions: {
getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
getDataListIsPage: true,
exportURL: '/events/item/unexport'
},
dataForm: {
id: '',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
appealType: '',
evaluationScore: '',
itemHandleDeptId: '',
itemState: '',
processState: ''
},
ids: [],
options: [],
optionsDept: [],
addOrUpdateVisible: false,
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.endTime
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.startTime
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
}
}
}
}
},
components: {
AddOrUpdate
},
watch: {
ids: function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 1) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 2) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = ''
}
if (val.length === 3) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = this.ids[2]
}
}
},
created: function () {
this.getOptions()
},
methods: {
getOptions () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => {
})
this.$http
.post(`/sys/dept/queryUserSysDeptTypeKey`, { })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.optionsDept = res.data
})
.catch(() => {
})
},
stateFormat (row, column) {
if (row.itemState === 0) {
if (row.processState === '16') {
return '市区处理中'
}
if (row.evaluationState === '1') {
if (row.evaluationTime !== null && row.evaluationTime !== '') {
return '已评价'
} else {
return '待评价'
}
}
if (row.itemHandleDeptId === null || row.itemHandleDeptId === '0') {
return '街道处理中'
} else {
let itemStateDetail = '网格处理中'
this.optionsDept.filter(function (item) {
if (item.id === row.itemHandleDeptId) {
if (item.typeKey === 'grid_party') {
itemStateDetail = '网格处理中'
}
if (item.typeKey === 'community_party') {
itemStateDetail = '社区处理中'
}
}
})
return itemStateDetail
}
} else if (row.itemState === 10) {
return '已结案'
}
},
dealAction (id) {
this.$parent.selectComponent = 'AppealDetailView'
this.$router.push({ path: '/events-appeal-appeal-unsatisfactory', query: { id: id } })
},
addAppealEnforcement () {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init()
})
},
btKeyUpItemContent (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】\\[\]、;‘’,。、\s+]/g, '')
this.dataForm.itemContent = e.target.value
}
}
}
</script>

454
src/views/modules/events/appeal-appeal-list.vue

@ -0,0 +1,454 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-item__item}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<!--<el-form-item label="诉求类型" prop="appealType" label-width="80px">-->
<!--<el-select v-model="dataForm.appealType" placeholder="请选择" clearable>-->
<!--<el-option label="民生" value="0"> </el-option>-->
<!--<el-option label="发展" value="1"> </el-option>-->
<!--<el-option label="执法" value="2"> </el-option>-->
<!--</el-select>-->
<!--</el-form-item>-->
<el-form-item label="所属机构" label-width="100px">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable style="width:250px;"></el-cascader>
</el-form-item>
<el-form-item label="诉求内容" prop="itemCode">
<el-input v-model="dataForm.itemContent" placeholder="请输入诉求内容" clearable @keyup.native="btKeyUpItemContent" style="width:200px;"></el-input>
</el-form-item>
<el-form-item label="诉求编码" prop="serialNum">
<el-input v-model="dataForm.serialNum" placeholder="诉求编码" clearable style="width:200px;"></el-input>
</el-form-item>
<el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
<el-select v-model="dataForm.evaluationScore" placeholder="请选择" style="width:250px;" clearable>
<el-option label="不满意" value="0"></el-option>
<el-option label="基本满意" value="1"></el-option>
<el-option label="非常满意" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="处理状态">
<el-select v-model="dataForm.itemState" clearable placeholder="请选择" style="width:200px;">
<el-option label="处理中" value="0"></el-option>
<el-option label="已结案" value="10"></el-option>
</el-select>
</el-form-item>
<el-form-item label="评价状态">
<el-select v-model="dataForm.evaluationState" clearable placeholder="请选择" style="width:200px;">
<el-option label="待评价" value="80"></el-option>
<el-option label="已评价" value="90"></el-option>
</el-select>
</el-form-item>
<br />
<el-form-item label="联系人姓名" prop="nickName" label-width="100px">
<el-input v-model="dataForm.nickName" placeholder="请输入联系人姓名" clearable style="width:250px;"></el-input>
</el-form-item>
<el-form-item label="所属类别:" prop="categoryValue">
<!-- :disabled="disabledCategory" -->
<el-cascader
clearable
v-model="dataForm.categoryValue"
placeholder="试试搜索关键字"
:props="{ checkStrictly: true, emitPath: false }"
:options="categoryOptions"
filterable
></el-cascader>
</el-form-item>
<el-form-item label="手机号" prop="mobile" label-width="68px">
<el-input v-model="dataForm.mobile" placeholder="请输入手机号" clearable style="width:200px;"></el-input>
</el-form-item>
<br />
<el-form-item label="上报时间" prop="startTime" label-width="100px">
<el-date-picker
v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:250px;"
@change="changeTime"
></el-date-picker>
</el-form-item>
<el-form-item label="至" label-width="25px" prop="endTime">
<el-date-picker
v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width:250px;"
@change="changeTime"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary"
class="custom-button-add"
@click="addAppealEnforcement()">新增执法诉求</el-button>
</el-form-item>
<el-form-item>
<el-button type="success" @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column label=" " align="center" width="50">
<template slot-scope="scope">
<img
:src="red"
width="25"
height="25"
v-if="scope.row.itemState == '0' && scope.row.isRemind == '1' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'"
/>
<img
:src="yellow"
width="25"
height="25"
v-if="scope.row.itemState == '0' && scope.row.isRemind == '2' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'"
/>
<img
:src="green"
width="25"
height="25"
v-if="scope.row.itemState == '0' && scope.row.isRemind == '3' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'"
/>
</template>
</el-table-column>
<el-table-column label="序号" type="index" show-overflow-tooltip align="center" width="50"></el-table-column>
<el-table-column prop="streetName" label="属事街道" header-align="center" width="120" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="communityName" label="属事社区" header-align="center" width="130" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="gridName" label="属事网格" header-align="center" width="140" align="center" show-overflow-tooltip></el-table-column>
<el-table-column prop="itemContent" label="诉求内容" header-align="center" min-width="300" align="left" show-overflow-tooltip></el-table-column>
<!--<el-table-column-->
<!--prop="serialNum"-->
<!--label="诉求编码"-->
<!--header-align="center"-->
<!--min-width="200"-->
<!--align="center"-->
<!--&gt;</el-table-column>-->
<!-- <el-table-column
prop="peopleFlagName"
label="诉求类型"
header-align="center"
min-width="150"
align="center"
></el-table-column> -->
<el-table-column prop="itemStateName" label="处理状态" header-align="center" width="100" align="center" :formatter="stateFormat"></el-table-column>
<el-table-column prop="solutionInfoName" label="解决情况" header-align="center" align="center" ></el-table-column>
<el-table-column prop="createdTime" label="上报时间" header-align="center" width="180" align="center"></el-table-column>
<el-table-column prop="remainTime" label="事件时间" header-align="center" min-width="120" align="center" show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="scope.row.itemState == '0' && scope.row.itemHandleDeptId !== null && scope.row.itemHandleDeptId !== '0'">{{ scope.row.remainTime }}</span>
</template>
</el-table-column>
<el-table-column prop="nickName" label="联系人姓名" header-align="center" min-width="100" align="center" show-overflow-tooltip></el-table-column>
<!-- <el-table-column prop="categoryName" label="所属类别" header-align="center" min-width="100" align="center" show-overflow-tooltip></el-table-column> -->
<el-table-column prop="evaluationScoreName" label="满意度" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" max-width="250" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" class="custom-table-button-default" @click="dealAction(scope.row.id,'view')">详情</el-button>
<!-- <el-button
type="text"
size="small"
v-if="$hasPermission('events:item:diff') && scope.row.isDifficulty === '0'"
class="custom-table-button-default"
@click="addDiff(scope.row.id)"
>
添加难点堵点
</el-button>
<el-button
type="text"
size="small"
v-if="$hasPermission('events:item:diff') && scope.row.isTypical === '0'"
class="custom-table-button-default"
@click="addTypi(scope.row.id)"
>
添加典型案例
</el-button>
<el-button type="text" size="small" class="custom-table-button-default" @click="dealAction(scope.row.id,'edit')">修改类别</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>
</div>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</el-card>
</template>
<script>
import green from '@/assets/img/green_img.png';
import red from '@/assets/img/red_img.png';
import yellow from '@/assets/img/yellow_img.png';
import mixinViewModule from '@/mixins/view-module';
import AddOrUpdate from './appeal-enforcement-add';
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data() {
return {
categoryIds: [],
categoryOptions: [],
green,
red,
yellow,
mixinViewModuleOptions: {
getDataListURL: '/events/item/getItemAppealPage',
getDataListIsPage: true,
exportURL: '/events/item/exportItemAppealList',
exportMoudle: ''
},
dataForm: {
categoryValue: '',
id: '',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
appealType: 0,
evaluationScore: '',
itemHandleDeptId: '',
itemState: '',
processState: ''
},
ids: [],
options: [],
optionsDept: [],
addOrUpdateVisible: false,
pickerBeginDateBefore: {
disabledDate: time => {
let beginDateVal = this.dataForm.endTime;
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime();
}
}
},
pickerBeginDateAfter: {
disabledDate: time => {
let EndDateVal = this.dataForm.startTime;
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime();
}
}
}
};
},
components: {
AddOrUpdate
},
watch: {
ids: function(val) {
if (val.length === 0) {
this.dataForm.streetId = '';
this.dataForm.communityId = '';
this.dataForm.gridId = '';
}
if (val.length === 1) {
this.dataForm.streetId = this.ids[0];
this.dataForm.communityId = '';
this.dataForm.gridId = '';
}
if (val.length === 2) {
this.dataForm.streetId = this.ids[0];
this.dataForm.communityId = this.ids[1];
this.dataForm.gridId = '';
}
if (val.length === 3) {
this.dataForm.streetId = this.ids[0];
this.dataForm.communityId = this.ids[1];
this.dataForm.gridId = this.ids[2];
}
}
},
created: function() {
this.getOptions();
this.getCategoryList();
},
methods: {
getCategoryList() {
// this.disabledCategory = true;
return this.$http
.get('/events/category/list', {
params: {
infoCode: 'A'
}
})
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
}
var data = res.data;
this.getSelectedNode(data, data);
this.categoryOptions = data;
// this.disabledCategory = false
})
.catch(() => {});
},
getSelectedNode(nodeData, parent) {
nodeData.forEach(item => {
if ('children' in item && item.children.length === 0) {
delete item.children;
} else if ('children' in item && item.children.length) {
this.getSelectedNode(item.children, item);
}
});
},
getOptions() {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
}
this.options = res.data.options;
})
.catch(() => {});
this.$http
.post(`/sys/dept/queryUserSysDeptTypeKey`, {})
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
}
this.optionsDept = res.data;
})
.catch(() => {});
},
stateFormat(row, column) {
if (row.itemState === 0) {
if (row.processState === '16') {
return '市区处理中';
}
if (row.evaluationState === '1') {
if (row.evaluationTime !== null && row.evaluationTime !== '') {
return '已评价';
} else {
return '待评价';
}
}
if (row.itemHandleDeptId === null || row.itemHandleDeptId === '0') {
return '街道处理中';
} else {
let itemStateDetail = '网格处理中';
this.optionsDept.filter(function(item) {
if (item.id === row.itemHandleDeptId) {
if (item.typeKey === 'grid_party') {
itemStateDetail = '网格处理中';
}
if (item.typeKey === 'community_party') {
itemStateDetail = '社区处理中';
}
}
});
return itemStateDetail;
}
} else if (row.itemState === 10) {
return '已结案';
}
},
dealAction (id,type) {
this.$parent.selectComponent = 'AppealDetailView'
this.$router.push({ path: '/events-appeal-appeal', query: { id: id,type:type,infoCode:'A' } })
},
addDiff(id) {
this.$confirm('此操作将会标记该诉求为难点堵点, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
let data = {};
data.id = id;
data.isDifficulty = '1';
this.$http['put']('/events/item/', data)
.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.getDataList();
}
});
})
.catch(() => {});
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
},
addTypi(id) {
this.$confirm('此操作将会标记该诉求为典型案例, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
let data = {};
data.id = id;
data.isTypical = '1';
this.$http['put']('/events/item/', data)
.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.getDataList();
}
});
})
.catch(() => {});
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
},
addAppealEnforcement() {
this.addOrUpdateVisible = true;
this.$nextTick(() => {
this.$refs.addOrUpdate.init();
});
},
btKeyUpItemContent(e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】\\[\]、;‘’,。、\s+]/g, '');
this.dataForm.itemContent = e.target.value;
}
}
};
</script>

30
src/views/modules/events/appeal-appeal-unsatisfactory.vue

@ -0,0 +1,30 @@
<template>
<keep-alive include="AppealList">
<component :is="selectComponent"></component>
</keep-alive>
</template>
<script>
import AppeaPeolList from './appeal-appeal-list-unsatisfactory.vue'
import AppealDetailView from './appeal-detail-view'
export default {
data () {
return {
selectComponent: AppeaPeolList
}
},
components: {
AppeaPeolList,
AppealDetailView
},
methods: {
init () {
this.selectComponent = AppeaPeolList
}
}
}
</script>
<style lang="scss" scoped>
</style>

30
src/views/modules/events/appeal-appeal.vue

@ -0,0 +1,30 @@
<template>
<keep-alive include="AppealList">
<component :is="selectComponent"></component>
</keep-alive>
</template>
<script>
import AppeaPeolList from './appeal-appeal-list.vue'
import AppealDetailView from './appeal-detail-view'
export default {
data () {
return {
selectComponent: AppeaPeolList
}
},
components: {
AppeaPeolList,
AppealDetailView
},
methods: {
init () {
this.selectComponent = AppeaPeolList
}
}
}
</script>
<style lang="scss" scoped>
</style>
Loading…
Cancel
Save