|
@ -3,7 +3,7 @@ |
|
|
<el-form :model="dataForm" ref="dataForm" style="width: 100%; height: 100%;"> |
|
|
<el-form :model="dataForm" ref="dataForm" 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" label-width="145px"> |
|
|
<el-form-item label="议题内容:"> |
|
|
<el-form-item label="议题内容:"> |
|
|
<div>{{dataForm.itemContent}}</div> |
|
|
<div>{{dataForm.itemContent}}</div> |
|
|
<el-image v-for="url in dataForm.images" |
|
|
<el-image v-for="url in dataForm.images" |
|
@ -38,6 +38,9 @@ |
|
|
<el-form-item label="用户满意度评价:" v-if="dataForm.itemState === 10"> |
|
|
<el-form-item label="用户满意度评价:" v-if="dataForm.itemState === 10"> |
|
|
<div>{{dataForm.evaluationScore}}</div> |
|
|
<div>{{dataForm.evaluationScore}}</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="用户满意度评价内容:" v-if="dataForm.itemState === 10"> |
|
|
|
|
|
<div>{{dataForm.evaluationContent}}</div> |
|
|
|
|
|
</el-form-item> |
|
|
<el-form-item label="部门满意度评价:" v-if="dataForm.itemState === 10"> |
|
|
<el-form-item label="部门满意度评价:" v-if="dataForm.itemState === 10"> |
|
|
<div v-for="(deptEvaluateResultDTO, index) in dataForm.deptEvaluateResultDTOS" :key="index" style="margin: 5px"> |
|
|
<div v-for="(deptEvaluateResultDTO, index) in dataForm.deptEvaluateResultDTOS" :key="index" style="margin: 5px"> |
|
|
<span>{{deptEvaluateResultDTO.deptName}}</span> |
|
|
<span>{{deptEvaluateResultDTO.deptName}}</span> |
|
@ -57,21 +60,6 @@ |
|
|
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}`" x;"> |
|
|
|
|
|
<div v-if="item.itemDeptDTOS.length > 0">{{item.createdTime}} <span style="font-weight: bold;color: #606266">{{'【吹哨】'}}</span></div> |
|
|
|
|
|
<div v-else-if="item.itemDeptDTOS.length <= 0 && item.progressName !== '【审核通过】' && item.progressName !== '【已关闭】' && item.progressName !== '【已结案】'">{{item.createdTime}} <span style="font-weight: bold;color: #606266">{{ '【回应】' }}</span></div> |
|
|
|
|
|
<div v-else>{{item.createdTime}} <span style="font-weight: bold;color: #606266">{{item.progressName}}</span></div> |
|
|
|
|
|
<div>处理部门: {{item.handlerDept}}</div> |
|
|
|
|
|
<div v-if="item.itemDeptDTOS.length > 0" style="width: 100%; display: flex;"> |
|
|
|
|
|
<div>吹哨部门:</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<span v-for="(csDept, index1) in item.itemDeptDTOS" :key="index1" :size="csDept.size"> |
|
|
|
|
|
{{ csDept.deptName }}<br/> |
|
|
|
|
|
</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div>处理意见: {{item.advice}}</div> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
<div :id="`content${index}`" style="line-height:25px; "> |
|
|
<div :id="`content${index}`" 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'}" |
|
@ -90,7 +78,14 @@ |
|
|
</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;"> |
|
|
<img style="width: 60px; height: 60px; object-fit: cover; margin-right: 8px; border-radius: 2px;" v-for="img of item.images" :key="img" :src="img" alt="处理图片"> |
|
|
<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> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -145,6 +140,7 @@ export default { |
|
|
distributeTime: '', |
|
|
distributeTime: '', |
|
|
itemContent: '', |
|
|
itemContent: '', |
|
|
handleProgressResultDTOS: [], |
|
|
handleProgressResultDTOS: [], |
|
|
|
|
|
issueProgressResultDTOS: [], |
|
|
images: [] |
|
|
images: [] |
|
|
}, |
|
|
}, |
|
|
previewImgList: [], |
|
|
previewImgList: [], |
|
@ -163,23 +159,22 @@ export default { |
|
|
}, |
|
|
}, |
|
|
filters: { |
|
|
filters: { |
|
|
formatState (item) { |
|
|
formatState (item) { |
|
|
console.log(item) |
|
|
|
|
|
if (item.type === 'project') { |
|
|
if (item.type === 'project') { |
|
|
if (item.state === '0' && item.itemDeptDTOS.length > 0) { |
|
|
if (item.state === 0 && item.itemDeptDTOS.length > 0) { |
|
|
return '吹哨' |
|
|
return '吹哨' |
|
|
} else if (item.state === '0' && item.itemDeptDTOS.length === 0) { |
|
|
} else if (item.state === 0 && item.itemDeptDTOS.length === 0) { |
|
|
return '回应' |
|
|
return '回应' |
|
|
} else if (item.state === '5') { |
|
|
} else if (item.state === 5) { |
|
|
return '关闭' |
|
|
return '关闭' |
|
|
} else if (item.state === '10') { |
|
|
} else if (item.state === 10) { |
|
|
return '结案' |
|
|
return '结案' |
|
|
} |
|
|
} |
|
|
} else if (item.type === 'issue' || item.type === 'init') { |
|
|
} else if (item.type === 'issue' || item.type === 'init') { |
|
|
if (item.state === '0') { |
|
|
if (item.state === 0) { |
|
|
return '审核通过' |
|
|
return '审核通过' |
|
|
} else if (item.state === '1') { |
|
|
} else if (item.state === 1) { |
|
|
return '回应' |
|
|
return '回应' |
|
|
} else if (item.state === '2') { |
|
|
} else if (item.state === 2) { |
|
|
return '关闭' |
|
|
return '关闭' |
|
|
} |
|
|
} |
|
|
} else if (item.type === 'issue-project') { |
|
|
} else if (item.type === 'issue-project') { |
|
@ -251,7 +246,6 @@ export default { |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
this.timeLineList = [...this.dataForm.handleProgressResultDTOS, ...this.dataForm.issueProgressResultDTOS] |
|
|
this.timeLineList = [...this.dataForm.handleProgressResultDTOS, ...this.dataForm.issueProgressResultDTOS] |
|
|
console.log('timelinelist', this.timeLineList) |
|
|
|
|
|
this.$nextTick(() => { |
|
|
this.$nextTick(() => { |
|
|
this.timeLineList.forEach((item, index) => { |
|
|
this.timeLineList.forEach((item, index) => { |
|
|
const oDiv = document.getElementById(`content${index}`) |
|
|
const oDiv = document.getElementById(`content${index}`) |
|
|