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. 2
      src/App.vue
  2. 67
      src/views/modules/events/issue-process-detail-view.vue
  3. 149
      src/views/modules/events/item-deal-detail-view.vue

2
src/App.vue
View File

@ -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)
}, },

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

@ -2,8 +2,10 @@
<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">
<el-form-item label="议题内容:"
prop="eventContent">
<div>{{dataForm.issueContent}}</div> <div>{{dataForm.issueContent}}</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"
@ -13,24 +15,31 @@
@click="clickImg(url)"> @click="clickImg(url)">
</el-image> </el-image>
</el-form-item> </el-form-item>
<el-form-item label="所属网格:" prop="ownGrid"> <el-form-item label="所属网格:"
prop="ownGrid">
<div>{{dataForm.allDeptNames}}</div> <div>{{dataForm.allDeptNames}}</div>
</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> <div>
{{dataForm.distributeTime}} {{dataForm.distributeTime}}
</div> </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> </el-form>
@ -42,13 +51,12 @@
<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' : '#ffa546'"> :color="item.type === 'init' ? 'red' : '#ffa546'">
<div :id="`content${index}`" style="line-height:25px; "> <div :id="`content${index}`"
<div style="line-height:25px; ">
:style="{ marginBottom: '10px', width: '35px', height: '20px', fontSize: '12px', borderRadius: '4px', background: '#ffa546', color: '#fff', textAlign: 'center', lineHeight: '20px'}" <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'"> v-if="item.type !== 'init'">
{{'议题'}} {{'议题'}}
</div> </div>
@ -79,23 +87,38 @@
</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="state"> label-width="120px"
<el-select v-model="dataForm.state" placeholder="请选择"> label-position="right"
<el-option style="width: 720px;"
v-for="item in verifyOptions" :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" :key="item.verifyFlag"
:label="item.verifyTitle" :label="item.verifyTitle"
:value="item.verifyFlag"> :value="item.verifyFlag">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="处理意见:" prop="advice"> <el-form-item label="处理意见:"
<el-input v-model="dataForm.advice" type="textarea" placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input> prop="advice">
<el-input v-model="dataForm.advice"
type="textarea"
placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input>
</el-form-item> </el-form-item>
<el-form-item style="float: right;"> <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"
<el-button size="small" style="width: 95px" @click="backToItemDeal">返回</el-button> 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-item>
</el-form> </el-form>
</div> </div>

149
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,13 +56,12 @@
<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}`" style="line-height:25px; "> <div :id="`content${index}`"
<div style="line-height:25px; ">
: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'}" <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'}"
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>
@ -66,10 +74,12 @@
<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"
:key="index1">
{{ csDept.deptName }}<br /> {{ csDept.deptName }}<br />
</span> </span>
</div> </div>
@ -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"
:rules="dataRule">
<el-form-item label="处理:"
prop="handleCategory">
<el-select v-model="postDataForm.handleCategory"
placeholder="请选择">
<el-option v-for="handleResultDTO in dataForm.handleResultDTOS"
:key="handleResultDTO.processResult" :key="handleResultDTO.processResult"
:label="handleResultDTO.processName" :label="handleResultDTO.processName"
:value="handleResultDTO.processResult"> :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"
multiple
placeholder="请选择">
<el-option v-for="item in dataForm.deptResultDTOS"
:key="item.deptId" :key="item.deptId"
:label="item.deptName" :label="item.deptName"
:value="item.deptId"> :value="item.deptId">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="回复居民意见:" prop="outHandleAdvice"> <el-form-item label="回复居民意见:"
<el-input v-model="postDataForm.outHandleAdvice" type="textarea" placeholder="请您选择居民诉求的处理情况及答复意见，向居民公开展示"></el-input> 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,29 +158,62 @@
</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"
: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-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"

Write Preview
Loading…
Cancel
Save