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

修改格式

master
曲树通 6 years ago
parent
2ad6e32386
commit
c90a11a9cb
3 changed files with 440 additions and 358 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. 8
      src/App.vue
  2. 509
      src/views/modules/events/issue-process-detail-view.vue
  3. 281
      src/views/modules/events/item-deal-detail-view.vue

8
src/App.vue
View File

@ -5,9 +5,9 @@
</template> </template>
<style> <style>
body .el-table th.gutter{ body .el-table th.gutter {
display: table-cell!important; display: table-cell !important;
} }
</style> </style>
<script> <script>
@ -17,8 +17,6 @@ export default {
watch: { watch: {
'$i18n.locale': 'i18nHandle' '$i18n.locale': 'i18nHandle'
}, },
created () { created () {
this.i18nHandle(this.$i18n.locale) this.i18nHandle(this.$i18n.locale)
}, },

509
src/views/modules/events/issue-process-detail-view.vue
View File

@ -1,105 +1,128 @@
<template> <template>
<div class="project-handle"> <div class="project-handle">
<div class="project-detail"> <div class="project-detail">
<div class="project-detail-tip">议题详情</div> <div class="project-detail-tip">议题详情</div>
<el-form label-position="right" label-width="120px"> <el-form label-position="right"
<el-form-item label="议题内容:" prop="eventContent"> label-width="120px">
<div>{{dataForm.issueContent}}</div> <el-form-item label="议题内容:"
<el-image v-for="url in dataForm.images" prop="eventContent">
style="width: 100px; height: 100px; margin-right: 10px" <div>{{dataForm.issueContent}}</div>
:key="url" <el-image v-for="url in dataForm.images"
:src="url" style="width: 100px; height: 100px; margin-right: 10px"
:preview-src-list="previewImgList" :key="url"
@click="clickImg(url)"> :src="url"
</el-image> :preview-src-list="previewImgList"
</el-form-item> @click="clickImg(url)">
<el-form-item label="所属网格:" prop="ownGrid"> </el-image>
<div>{{dataForm.allDeptNames}}</div> </el-form-item>
</el-form-item> <el-form-item label="所属网格:"
<el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0" label="议题来源:" prop="ownGrid"> prop="ownGrid">
<div>{{dataForm.groupName}}</div> <div>{{dataForm.allDeptNames}}</div>
</el-form-item> </el-form-item>
<el-form-item label="上报时间:" prop="distributeTime"> <el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0"
<div> label="议题来源:"
{{dataForm.distributeTime}} prop="ownGrid">
</div> <div>{{dataForm.groupName}}</div>
</el-form-item> </el-form-item>
<el-form-item label="上报人:" prop="nickName"> <el-form-item label="上报时间:"
<div>{{dataForm.nickName}}</div> prop="distributeTime">
</el-form-item> <div>
<el-form-item label="电话:" prop="mobile"> {{dataForm.distributeTime}}
<div>{{dataForm.mobile}}</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="所属类别:" prop="categoryName"> <el-form-item label="上报人:"
<div>{{dataForm.categoryName}}</div> prop="nickName">
</el-form-item> <div>{{dataForm.nickName}}</div>
</el-form> </el-form-item>
<div class="container"> <el-form-item label="电话:"
<div class="location"><span style="font-weight: bold;color: #606266">上报位置:</span> {{dataForm.address}}</div> prop="mobile">
<div id="map"></div> <div>{{dataForm.mobile}}</div>
</div> </el-form-item>
<el-form-item label="所属类别:"
prop="categoryName">
<div>{{dataForm.categoryName}}</div>
</el-form-item>
</el-form>
<div class="container">
<div class="location"><span style="font-weight: bold;color: #606266">上报位置:</span> {{dataForm.address}}</div>
<div id="map"></div>
</div>
</div>
<div class="project-progress">
<div class="project-progress-tip">处理进展</div>
<el-timeline>
<el-timeline-item v-for="(item, index) in timeLineList"
:key="item.id"
:color="item.type === 'init' ? 'red' : '#ffa546'">
<div :id="`content${index}`"
style="line-height:25px; ">
<div :style="{ marginBottom: '10px', width: '35px', height: '20px', fontSize: '12px', borderRadius: '4px', background: '#ffa546', color: '#fff', textAlign: 'center', lineHeight: '20px'}"
v-if="item.type !== 'init'">
{{'议题'}}
</div> </div>
<div class="project-progress"> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">[{{item | formatState}}]</span> {{item.createdTime}}</div>
<div class="project-progress-tip">处理进展</div> <div v-if="item.state === 3">
<el-timeline> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">来源社群：</span>{{item.groupName}}</div>
<el-timeline-item <div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理人：</span>{{item.handlerDept}}</div>
v-for="(item, index) in timeLineList" <div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理人电话：</span>{{item.mobile}}</div>
:key="item.id" </div>
:color="item.type === 'init' ? 'red' : '#ffa546'"> <div v-if="item.state !== 3">
<div :id="`content${index}`" style="line-height:25px; "> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理部门：</span>{{item.handlerDept}}</div>
<div
:style="{ marginBottom: '10px', width: '35px', height: '20px', fontSize: '12px', borderRadius: '4px', background: '#ffa546', color: '#fff', textAlign: 'center', lineHeight: '20px'}"
v-if="item.type !== 'init'">
{{'议题'}}
</div>
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">[{{item | formatState}}]</span> {{item.createdTime}}</div>
<div v-if="item.state === 3">
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">来源社群：</span>{{item.groupName}}</div>
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理人：</span>{{item.handlerDept}}</div>
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理人电话：</span>{{item.mobile}}</div>
</div>
<div v-if="item.state !== 3">
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理部门：</span>{{item.handlerDept}}</div>
</div>
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理意见：</span> {{item.advice}}</div>
<div style="display: flex;">
<el-image v-for="url in item.images"
style="width: 60px; height: 60px; object-fit: cover; margin-right: 8px; border-radius: 2px;"
:key="url"
:src="url"
:preview-src-list="previewImgList"
alt="处理图片"
@click="clickImg(url)">
</el-image>
</div>
</div>
</el-timeline-item>
</el-timeline>
</div> </div>
<div class="handle-operation"> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理意见：</span> {{item.advice}}</div>
<div class="handle-operation-tip">处理操作</div> <div style="display: flex;">
<el-form ref="dataForm" label-width="120px" label-position="right" style="width: 720px;" :model="dataForm" :rules="dataRule"> <el-image v-for="url in item.images"
<el-form-item label="处理:" prop="state"> style="width: 60px; height: 60px; object-fit: cover; margin-right: 8px; border-radius: 2px;"
<el-select v-model="dataForm.state" placeholder="请选择"> :key="url"
<el-option :src="url"
v-for="item in verifyOptions" :preview-src-list="previewImgList"
:key="item.verifyFlag" alt="处理图片"
:label="item.verifyTitle" @click="clickImg(url)">
:value="item.verifyFlag"> </el-image>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="处理意见:" prop="advice">
<el-input v-model="dataForm.advice" type="textarea" placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input>
</el-form-item>
<el-form-item style="float: right;">
<el-button size="small" style="width: 95px" type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button size="small" style="width: 95px" @click="backToItemDeal">返回</el-button>
</el-form-item>
</el-form>
</div> </div>
</div>
</el-timeline-item>
</el-timeline>
</div>
<div class="handle-operation">
<div class="handle-operation-tip">处理操作</div>
<el-form ref="dataForm"
label-width="120px"
label-position="right"
style="width: 720px;"
:model="dataForm"
:rules="dataRule">
<el-form-item label="处理:"
prop="state">
<el-select v-model="dataForm.state"
placeholder="请选择">
<el-option v-for="item in verifyOptions"
:key="item.verifyFlag"
:label="item.verifyTitle"
:value="item.verifyFlag">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="处理意见:"
prop="advice">
<el-input v-model="dataForm.advice"
type="textarea"
placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input>
</el-form-item>
<el-form-item style="float: right;">
<el-button size="small"
style="width: 95px"
type="primary"
:disabled="isAble"
@click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button size="small"
style="width: 95px"
@click="backToItemDeal">返回</el-button>
</el-form-item>
</el-form>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -225,7 +248,7 @@ export default {
}) })
}) })
this.initBmap(this.dataForm.issueLatitude, this.dataForm.issueLongitude) this.initBmap(this.dataForm.issueLatitude, this.dataForm.issueLongitude)
}).catch(() => {}) }).catch(() => { })
}, },
// 表单提交 // 表单提交
dataFormSubmitHandle: debounce(function () { dataFormSubmitHandle: debounce(function () {
@ -236,9 +259,9 @@ export default {
if (this.dataForm.advice.length > 500) { if (this.dataForm.advice.length > 500) {
return this.$message.error('处理意见不超过500字') return this.$message.error('处理意见不超过500字')
} }
this.isAble =true this.isAble = true
this.$http['post']('/events/issue/issueWaitHandleSubmit', this.dataForm).then(({ data: res }) => { this.$http['post']('/events/issue/issueWaitHandleSubmit', this.dataForm).then(({ data: res }) => {
this.isAble =false this.isAble = false
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -252,7 +275,7 @@ export default {
} }
}) })
this.$parent.selectComponent = 'IssueProcessList' this.$parent.selectComponent = 'IssueProcessList'
}).catch(() => {}) }).catch(() => { })
}) })
}, 1000, { 'leading': true, 'trailing': false }) }, 1000, { 'leading': true, 'trailing': false })
} }
@ -260,151 +283,151 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.project-handle { .project-handle {
.el-timeline { .el-timeline {
padding-left: 9px; padding-left: 9px;
font-size: 13px; font-size: 13px;
} }
.el-textarea { .el-textarea {
width: 600px !important; width: 600px !important;
} }
.el-input { .el-input {
width: 600px !important; width: 600px !important;
} }
} }
.el-form-item__label { .el-form-item__label {
font-weight: bold; font-weight: bold;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.project-handle { .project-handle {
width: 100%;
height: calc(100vh - 120px);
background: #ffffff;
box-sizing: border-box;
padding: 10px;
.project-detail {
width: 79%;
height: 49%;
border: 2px solid #ccc;
box-sizing: border-box;
padding: 10px;
padding-top: 20px;
float: left;
margin-bottom: 1%;
position: relative;
.project-detail-tip {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 30px;
line-height: 30px;
color: #ffffff;
background: #4ac38b;
text-align: center;
}
.el-form {
width: 58%;
height: 100%;
float: left;
overflow-y: auto;
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #fff;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #fff;
}
}
.container {
width: 40%;
height: 100%;
float: right;
.location {
height: 30px;
line-height: 30px;
}
#map {
width: 100%; width: 100%;
height: calc(100vh - 120px); height: calc(100% - 30px);
background: #ffffff; }
box-sizing: border-box;
padding: 10px;
.project-detail {
width: 79%;
height: 49%;
border: 2px solid #ccc;
box-sizing: border-box;
padding: 10px;
padding-top: 20px;
float:left;
margin-bottom: 1%;
position:relative;
.project-detail-tip {
position: absolute;
top: 0;
left:0;
width: 80px;
height: 30px;
line-height: 30px;
color: #ffffff;
background: #4ac38b;
text-align:center;
}
.el-form {
width: 58%;
height: 100%;
float:left;
overflow-y:auto;
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #fff;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #fff;
}
}
.container {
width: 40%;
height: 100%;
float: right;
.location {
height: 30px;
line-height: 30px;
}
#map {
width: 100%;
height: calc(100% - 30px);
}
}
}
.project-progress {
width: 20%;
height: 100%;
float: right;
border: 2px solid #ccc;
box-sizing: border-box;
margin-left: 1%;
padding-top: 20px;
overflow-y:auto;
position: relative;
padding-top: 40px;
.project-progress-tip {
position: absolute;
top: 0;
left:0;
width: 80px;
height: 30px;
line-height: 30px;
color: #ffffff;
background: #0098ff;
text-align:center;
}
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #aaa;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #ccc;
}
}
.handle-operation {
padding-top: 30px;
box-sizing: border-box;
width: 79%;
height: 49%;
box-sizing: border-box;
border: 2px solid #ccc;
float:left;
position: relative;
overflow-y: auto;
.handle-operation-tip {
position: absolute;
top: 0;
left:0;
width: 80px;
height: 30px;
line-height: 30px;
color: #ffffff;
background: #ff7600;
text-align:center;
}
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #aaa;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #ccc;
}
}
} }
}
.project-progress {
width: 20%;
height: 100%;
float: right;
border: 2px solid #ccc;
box-sizing: border-box;
margin-left: 1%;
padding-top: 20px;
overflow-y: auto;
position: relative;
padding-top: 40px;
.project-progress-tip {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 30px;
line-height: 30px;
color: #ffffff;
background: #0098ff;
text-align: center;
}
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #aaa;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #ccc;
}
}
.handle-operation {
padding-top: 30px;
box-sizing: border-box;
width: 79%;
height: 49%;
box-sizing: border-box;
border: 2px solid #ccc;
float: left;
position: relative;
overflow-y: auto;
.handle-operation-tip {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 30px;
line-height: 30px;
color: #ffffff;
background: #ff7600;
text-align: center;
}
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #aaa;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #ccc;
}
}
}
</style> </style>

281
src/views/modules/events/item-deal-detail-view.vue
View File

@ -3,8 +3,10 @@
<div style="width: 100%; height: 100%;"> <div style="width: 100%; height: 100%;">
<div class="project-detail"> <div class="project-detail">
<div class="project-detail-tip">议题详情</div> <div class="project-detail-tip">议题详情</div>
<el-form label-position="right" label-width="120px"> <el-form label-position="right"
<el-form-item label="议题内容:" prop="eventContent"> label-width="120px">
<el-form-item label="议题内容:"
prop="eventContent">
<div>{{dataForm.itemContent}}</div> <div>{{dataForm.itemContent}}</div>
<el-image v-for="url in dataForm.images" <el-image v-for="url in dataForm.images"
style="width: 100px; height: 100px; margin-right: 10px" style="width: 100px; height: 100px; margin-right: 10px"
@ -14,19 +16,25 @@
@click="clickImg(url)"> @click="clickImg(url)">
</el-image> </el-image>
</el-form-item> </el-form-item>
<el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0" label="项目来源:" prop="ownGrid"> <el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0"
label="项目来源:"
prop="ownGrid">
<div>{{dataForm.groupName}}</div> <div>{{dataForm.groupName}}</div>
</el-form-item> </el-form-item>
<el-form-item label="上报时间:" prop="distributeTime"> <el-form-item label="上报时间:"
prop="distributeTime">
<div>{{dataForm.distributeTime}}</div> <div>{{dataForm.distributeTime}}</div>
</el-form-item> </el-form-item>
<el-form-item label="上报人:" prop="nickName"> <el-form-item label="上报人:"
prop="nickName">
<div>{{dataForm.nickName}}</div> <div>{{dataForm.nickName}}</div>
</el-form-item> </el-form-item>
<el-form-item label="电话:" prop="mobile"> <el-form-item label="电话:"
prop="mobile">
<div>{{dataForm.mobile}}</div> <div>{{dataForm.mobile}}</div>
</el-form-item> </el-form-item>
<el-form-item label="所属类别:" prop="categoryName"> <el-form-item label="所属类别:"
prop="categoryName">
<div>{{dataForm.categoryName}}</div> <div>{{dataForm.categoryName}}</div>
</el-form-item> </el-form-item>
<el-form-item label="项目态度:"> <el-form-item label="项目态度:">
@ -36,7 +44,8 @@
<span>反对 {{dataForm.opposeNum}}</span> <span>反对 {{dataForm.opposeNum}}</span>
</el-form-item> </el-form-item>
<el-form-item label="项目评论:"> <el-form-item label="项目评论:">
<el-button type="text" @click="innerVisible = true">查看评论</el-button> <el-button type="text"
@click="innerVisible = true">查看评论</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="container"> <div class="container">
@ -47,14 +56,13 @@
<div class="project-progress"> <div class="project-progress">
<div class="project-progress-tip">处理进展</div> <div class="project-progress-tip">处理进展</div>
<el-timeline> <el-timeline>
<el-timeline-item <el-timeline-item v-for="(item, index) in timeLineList"
v-for="(item, index) in timeLineList" :key="item.id"
:key="item.id" :color="item.type === 'init' ? 'red' : item.type === 'project' ? '#009688' : '#ffa546'">
:color="item.type === 'init' ? 'red' : item.type === 'project' ? '#009688' : '#ffa546'"> <div :id="`content${index}`"
<div :id="`content${index}`" style="line-height:25px; "> style="line-height:25px; ">
<div <div :style="{ marginBottom: '10px', width: '35px', height: '20px', fontSize: '12px', borderRadius: '4px', background: item.type === 'project' ? '#009688': item.type === 'issue' || item.type === 'issue-project' ? '#ffa546' : '', color: '#fff', textAlign: 'center', lineHeight: '20px'}"
:style="{ marginBottom: '10px', width: '35px', height: '20px', fontSize: '12px', borderRadius: '4px', background: item.type === 'project' ? '#009688': item.type === 'issue' || item.type === 'issue-project' ? '#ffa546' : '', color: '#fff', textAlign: 'center', lineHeight: '20px'}" v-if="item.type !== 'init'">
v-if="item.type !== 'init'">
{{item.type === 'project' ? '项目': item.type === 'issue' || item.type === 'issue-project' ? '议题' : ''}} {{item.type === 'project' ? '项目': item.type === 'issue' || item.type === 'issue-project' ? '议题' : ''}}
</div> </div>
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">[{{item | formatState}}]</span> {{item.createdTime}}</div> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">[{{item | formatState}}]</span> {{item.createdTime}}</div>
@ -66,15 +74,17 @@
<div v-if="item.state !== 3"> <div v-if="item.state !== 3">
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理部门：</span>{{item.handlerDept}}</div> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理部门：</span>{{item.handlerDept}}</div>
</div> </div>
<div v-if="item.itemDeptDTOS && item.itemDeptDTOS.length > 0" style="width: 100%; display: flex;"> <div v-if="item.itemDeptDTOS && item.itemDeptDTOS.length > 0"
style="width: 100%; display: flex;">
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">被吹哨部门：</span> </div> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">被吹哨部门：</span> </div>
<div> <div>
<span v-for="(csDept, index1) in item.itemDeptDTOS" :key="index1"> <span v-for="(csDept, index1) in item.itemDeptDTOS"
{{ csDept.deptName }}<br/> :key="index1">
</span> {{ csDept.deptName }}<br />
</span>
</div> </div>
</div> </div>
<div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理意见：</span> {{item.advice}}</div> <div><span style="font-weight: bold; color: rgb(96, 98, 102);">处理意见：</span> {{item.advice}}</div>
<div style="display: flex;"> <div style="display: flex;">
<el-image v-for="url in item.images" <el-image v-for="url in item.images"
style="width: 60px; height: 60px; object-fit: cover; margin-right: 8px; border-radius: 2px;" style="width: 60px; height: 60px; object-fit: cover; margin-right: 8px; border-radius: 2px;"
@ -92,35 +102,53 @@
</div> </div>
<div class="handle-operation"> <div class="handle-operation">
<div class="handle-operation-tip">处理操作</div> <div class="handle-operation-tip">处理操作</div>
<el-form ref="dataForm" label-width="120px" label-position="right" style="width: 720px;" :model="dataForm" :rules="dataRule"> <el-form ref="dataForm"
<el-form-item label="处理:" prop="handleCategory"> label-width="120px"
<el-select v-model="postDataForm.handleCategory" placeholder="请选择"> label-position="right"
<el-option style="width: 720px;"
v-for="handleResultDTO in dataForm.handleResultDTOS" :model="dataForm"
:key="handleResultDTO.processResult" :rules="dataRule">
:label="handleResultDTO.processName" <el-form-item label="处理:"
:value="handleResultDTO.processResult"> prop="handleCategory">
<el-select v-model="postDataForm.handleCategory"
placeholder="请选择">
<el-option v-for="handleResultDTO in dataForm.handleResultDTOS"
:key="handleResultDTO.processResult"
:label="handleResultDTO.processName"
:value="handleResultDTO.processResult">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="吹哨部门:" prop="deptResultDTOS" v-if="deptResultDTOSVisible"> <el-form-item label="吹哨部门:"
<el-select v-model="deptResult" multiple placeholder="请选择"> prop="deptResultDTOS"
<el-option v-if="deptResultDTOSVisible">
v-for="item in dataForm.deptResultDTOS" <el-select v-model="deptResult"
:key="item.deptId" multiple
:label="item.deptName" placeholder="请选择">
:value="item.deptId"> <el-option v-for="item in dataForm.deptResultDTOS"
</el-option> :key="item.deptId"
</el-select> :label="item.deptName"
</el-form-item> :value="item.deptId">
<el-form-item label="回复居民意见:" prop="outHandleAdvice"> </el-option>
<el-input v-model="postDataForm.outHandleAdvice" type="textarea" placeholder="请您选择居民诉求的处理情况及答复意见，向居民公开展示"></el-input> </el-select>
</el-form-item>
<el-form-item label="回复居民意见:"
prop="outHandleAdvice">
<el-input v-model="postDataForm.outHandleAdvice"
type="textarea"
placeholder="请您选择居民诉求的处理情况及答复意见，向居民公开展示"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="项目处理意见:" prop="handleAdvice"> <el-form-item label="项目处理意见:"
<el-input v-model="postDataForm.handleAdvice" type="textarea" placeholder="请您填写项目的实际办理情况(自己处理、吹哨报道、内部协调)，便于相关部门了解项目的实际情况"></el-input> prop="handleAdvice">
<el-input v-model="postDataForm.handleAdvice"
type="textarea"
placeholder="请您填写项目的实际办理情况(自己处理、吹哨报道、内部协调)，便于相关部门了解项目的实际情况"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="满意度评价:" prop="evaluateDeptDTOS" v-if="evaluateDeptDTOSVisible"> <el-form-item label="满意度评价:"
<div v-for="(evaluateDeptDTO, index) in dataForm.evaluateDeptDTOS" :key="index"> prop="evaluateDeptDTOS"
v-if="evaluateDeptDTOSVisible">
<div v-for="(evaluateDeptDTO, index) in dataForm.evaluateDeptDTOS"
:key="index">
<label>{{evaluateDeptDTO.deptName}}</label>&nbsp; <label>{{evaluateDeptDTO.deptName}}</label>&nbsp;
<el-radio-group v-model="evaluateDeptDTO.evaluationLevel"> <el-radio-group v-model="evaluateDeptDTO.evaluationLevel">
<el-radio :label="2">非常满意</el-radio> <el-radio :label="2">非常满意</el-radio>
@ -130,35 +158,68 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item style="float: right;"> <el-form-item style="float: right;">
<el-button size="small" type="primary" :disabled="isAble" style="width: 95px" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> <el-button size="small"
<el-button size="small" style="width: 95px" @click="backToItemDeal">返回</el-button> type="primary"
</el-form-item> :disabled="isAble"
style="width: 95px"
@click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button size="small"
style="width: 95px"
@click="backToItemDeal">返回</el-button>
</el-form-item>
</el-form> </el-form>
</div> </div>
</div> </div>
<el-dialog width="90%" title="评论" :visible.sync="innerVisible" append-to-body> <el-dialog width="90%"
<el-table :data="commentsDTOs" border style="width: 100%;"> title="评论"
<el-table-column prop="user.userName" label="发言人" header-align="center" align="center"></el-table-column> :visible.sync="innerVisible"
<el-table-column prop="commentTime" label="发言时间" header-align="center" align="center"></el-table-column> append-to-body>
<el-table-column prop="content" label="发言内容" header-align="center" align="center"></el-table-column> <el-table :data="commentsDTOs"
<el-table-column prop="replyComment.userName" label="被回复人" header-align="center" align="center"></el-table-column> border
<el-table-column prop="replyComment.content" label="被回复内容" header-align="center" align="center"></el-table-column> style="width: 100%;">
<el-table-column :label="$t('handle')" header-align="center" align="center" width="150"> <el-table-column prop="user.userName"
label="发言人"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="commentTime"
label="发言时间"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="content"
label="发言内容"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="replyComment.userName"
label="被回复人"
header-align="center"
align="center"></el-table-column>
<el-table-column prop="replyComment.content"
label="被回复内容"
header-align="center"
align="center"></el-table-column>
<el-table-column :label="$t('handle')"
header-align="center"
align="center"
width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="scope.row.shieldFlag === '0'" type="button" size="small" @click="deleteComment(scope.row.commentId)">屏蔽</el-button> <el-button v-if="scope.row.shieldFlag === '0'"
<el-button v-if="scope.row.shieldFlag === '1'" type="text" size="small">已屏蔽</el-button> type="button"
size="small"
@click="deleteComment(scope.row.commentId)">屏蔽</el-button>
<el-button v-if="scope.row.shieldFlag === '1'"
type="text"
size="small">已屏蔽</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination :current-page="pageIndex"
:current-page="pageIndex" :page-sizes="[10, 20, 50, 100]"
:page-sizes="[10, 20, 50, 100]" :page-size="limitVal"
:page-size="limitVal" :total="total"
:total="total" layout="total, sizes, prev, pager, next, jumper"
layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandleNew"
@size-change="pageSizeChangeHandleNew" @current-change="pageCurrentChangeHandleNew">
@current-change="pageCurrentChangeHandleNew">
</el-pagination> </el-pagination>
</el-dialog> </el-dialog>
</div> </div>
@ -367,7 +428,7 @@ export default {
this.dataForm.handleCategory = handleResultDTO.processResult this.dataForm.handleCategory = handleResultDTO.processResult
} }
} }
}).catch(() => {}) }).catch(() => { })
}, },
deleteComment (val) { deleteComment (val) {
this.$http['post']('/events/item/deleteComment', { commentIds: [val] }).then(({ data: res }) => { this.$http['post']('/events/item/deleteComment', { commentIds: [val] }).then(({ data: res }) => {
@ -382,7 +443,7 @@ export default {
this.getCommentList() this.getCommentList()
} }
}) })
}).catch(() => {}) }).catch(() => { })
}, },
pageSizeChangeHandleNew (val) { pageSizeChangeHandleNew (val) {
this.pageIndex = 1 this.pageIndex = 1
@ -394,7 +455,7 @@ export default {
this.getCommentList() this.getCommentList()
}, },
getCommentList () { getCommentList () {
this.$http.get('/events/item/comments', { params: { id: this.dataForm.id, order: this.order, orderField: this.orderField, page: this.pageIndex, limit: this.limitVal } this.$http.get('/events/item/comments', { params: { id: this.dataForm.id, order: this.order, orderField: this.orderField, page: this.pageIndex, limit: this.limitVal }
}).then(({ data: res }) => { }).then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
this.commentsDTOs = [] this.commentsDTOs = []
@ -403,7 +464,7 @@ export default {
} }
this.commentsDTOs = res.data.list this.commentsDTOs = res.data.list
this.total = res.data.total this.total = res.data.total
}).catch(() => {}) }).catch(() => { })
}, },
// 表单提交 // 表单提交
dataFormSubmitHandle: debounce(function () { dataFormSubmitHandle: debounce(function () {
@ -447,24 +508,24 @@ export default {
} else { } else {
this.postDataForm.evaluateDeptDTOS = [] this.postDataForm.evaluateDeptDTOS = []
} }
this.isAble =true this.isAble = true
this.$http['post']( this.$http['post'](
'/events/item/itemHandleSubmit', this.postDataForm).then(({ data: res }) => { '/events/item/itemHandleSubmit', this.postDataForm).then(({ data: res }) => {
this.isAble =false this.isAble = false
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
} }
}) this.$message({
this.$parent.selectComponent = 'ItemDeal' message: this.$t('prompt.success'),
}).catch(() => {}) type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
this.$parent.selectComponent = 'ItemDeal'
}).catch(() => { })
}, 1000, { 'leading': true, 'trailing': false }) }, 1000, { 'leading': true, 'trailing': false })
} }
@ -472,21 +533,21 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.project-handle { .project-handle {
.el-timeline { .el-timeline {
padding-left: 9px; padding-left: 9px;
font-size: 13px; font-size: 13px;
} }
.el-textarea { .el-textarea {
width: 600px !important; width: 600px !important;
}
.el-input {
width: 600px !important;
}
} }
.el-form-item__label { .el-input {
font-weight: bold; width: 600px !important;
} }
}
.el-form-item__label {
font-weight: bold;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -503,25 +564,25 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 10px;
padding-top: 20px; padding-top: 20px;
float:left; float: left;
margin-bottom: 1%; margin-bottom: 1%;
position:relative; position: relative;
.project-detail-tip { .project-detail-tip {
position: absolute; position: absolute;
top: 0; top: 0;
left:0; left: 0;
width: 80px; width: 80px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color: #ffffff; color: #ffffff;
background: #4ac38b; background: #4ac38b;
text-align:center; text-align: center;
} }
.el-form { .el-form {
width: 58%; width: 58%;
height: 100%; height: 100%;
float:left; float: left;
overflow-y:auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 5px; width: 5px;
height: 1px; height: 1px;
@ -557,18 +618,18 @@ export default {
box-sizing: border-box; box-sizing: border-box;
margin-left: 1%; margin-left: 1%;
padding-top: 40px; padding-top: 40px;
overflow-y:auto; overflow-y: auto;
position: relative; position: relative;
.project-progress-tip { .project-progress-tip {
position: absolute; position: absolute;
top: 0; top: 0;
left:0; left: 0;
width: 80px; width: 80px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color: #ffffff; color: #ffffff;
background: #0098ff; background: #0098ff;
text-align:center; text-align: center;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 5px; width: 5px;
@ -590,7 +651,7 @@ export default {
height: 49%; height: 49%;
box-sizing: border-box; box-sizing: border-box;
border: 2px solid #ccc; border: 2px solid #ccc;
float:left; float: left;
overflow-y: auto; overflow-y: auto;
position: relative; position: relative;
&::-webkit-scrollbar { &::-webkit-scrollbar {
@ -608,13 +669,13 @@ export default {
.handle-operation-tip { .handle-operation-tip {
position: absolute; position: absolute;
top: 0; top: 0;
left:0; left: 0;
width: 80px; width: 80px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color: #ffffff; color: #ffffff;
background: #ff7600; background: #ff7600;
text-align:center; text-align: center;
} }
} }
} }

Write Preview
Loading…
Cancel
Save