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

新增诉求

release/epdc
tianqian 2 years ago
parent
f0c36356fb
commit
4de0c3058e
4 changed files with 935 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. 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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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>
Write Preview
Loading…
Cancel
Save