|
|
@ -7,116 +7,106 @@ |
|
|
|
</h3> |
|
|
|
<div class="m-detail-main"> |
|
|
|
<div class="m-info"> |
|
|
|
<!-- <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' }]"> |
|
|
|
<span class="u-info-title-2">所属网格:</span> |
|
|
|
<template v-if="!info.gridName"> |
|
|
|
<el-select v-model.trim="info.gridId" placeholder="请选择" clearable class="cell-width-1"> |
|
|
|
<el-option v-for="item in gridList" :key="item.value" :label="item.label" |
|
|
|
:value="item.value" @click.native="$emit('handelCLickGridId',item)"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<span>{{ info.gridName|| info.agencyName }}</span> |
|
|
|
</template> |
|
|
|
</div> --> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议上报时间:</span> |
|
|
|
<span>{{ info.submitTime }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<div v-if="info.typeCode" :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">征集领域:</span> |
|
|
|
<span>{{ info.typeCode }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">是否愿意公开:</span> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.openFlag === 0" style="color: #ff6600;">否</span> |
|
|
|
<span v-else-if="scope.row.openFlag ===1">是</span> |
|
|
|
</template> |
|
|
|
<span>{{info.eventContent==1?'是':'否'}}</span> |
|
|
|
<span v-else-if="scope.row.openFlag === 1">是</span> |
|
|
|
</template> --> |
|
|
|
<span>{{ info.openFlag == 1 ? '是' : '否' }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">意见标题:</span> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议主题:</span> |
|
|
|
<span>{{ info.subjectTitle }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">意见内容:</span> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议内容:</span> |
|
|
|
<span>{{ info.eventContent }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" > |
|
|
|
<div v-if="info.fileList" :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">意见文档:</span> |
|
|
|
<el-button v-if="info.fileList.length!=0" size="small" type="primary" @click="onClickDown(info.fileList)">下载文件</el-button> |
|
|
|
<!-- <span>{{ info.eventContent }}</span> --> |
|
|
|
<!-- <div v-for="(item1,index) in info.fileList"> |
|
|
|
<div>{{item1[index]}}111111</div> |
|
|
|
<div>111111</div> |
|
|
|
</div> --> |
|
|
|
<!-- <el-button size="small" type="primary" @click="onClickDown(info.fileList)">下载文件</el-button> --> |
|
|
|
<section class="uploadList"> |
|
|
|
<div v-for="(file,index) in info.fileList" :key="index" :file="file" |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}" > |
|
|
|
<span>{{ file }}</span> |
|
|
|
<span type="text" @click="onClickDown(file)" >下载</span> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议人:</span> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议人姓名:</span> |
|
|
|
<span>{{ info.name }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">联系电话:</span> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议人电话:</span> |
|
|
|
<span>{{ info.mobile }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" v-if="info.demandType==='chengguan'"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" v-if="info.demandType === 'chengguan'"> |
|
|
|
<span class="u-info-title-2">有无责任单位:</span> |
|
|
|
<span>{{ info.responsibleUnit==="yes" ? "有": "无" }}</span> |
|
|
|
<span>{{ info.responsibleUnit === "yes" ? "有" : "无" }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" v-if="info.responsibleUnit==='yes' && info.demandType==='chengguan'"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" v-if="info.responsibleUnit === 'yes' && info.demandType === 'chengguan'"> |
|
|
|
<span class="u-info-title-2">建议人:</span> |
|
|
|
<span>{{ info.responsibleName }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" v-if="info.responsibleUnit==='yes' && info.demandType==='chengguan'"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" v-if="info.responsibleUnit === 'yes' && info.demandType === 'chengguan'"> |
|
|
|
<span class="u-info-title-2">建议人电话:</span> |
|
|
|
<span>{{ info.responsibleMobile }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" > |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议人年龄:</span> |
|
|
|
<span>{{ info.age }}</span> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]" > |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">建议人身份:</span> |
|
|
|
<span>{{ ideaIdentityName }}</span> |
|
|
|
</div> |
|
|
@ -128,9 +118,9 @@ |
|
|
|
<span>{{ info.idCard ? info.idCard : "--" }}</span> |
|
|
|
</div> --> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">选为"金点子"建议:</span> |
|
|
|
<!-- <span>{{info.goldenIdeaFlag==1?'是':'否'}}</span> --> |
|
|
|
<el-switch v-model="info.goldenIdeaFlag" :active-value=1 :inactive-value=0 |
|
|
@ -139,17 +129,17 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">办理前:</span> |
|
|
|
<img :src="src" :key="src" style="width: 60px; height: 60px; padding-right: 10px" |
|
|
|
v-for="src in info.dealBeforeImageList" @click="watchImg(src)" /> |
|
|
|
</div> |
|
|
|
<div :class="[ |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
'm-info-prop', |
|
|
|
{ 'm-info-prop-vis': source === 'visiual' }, |
|
|
|
]"> |
|
|
|
<span class="u-info-title-2">办理后</span> |
|
|
|
<img :src="src" :key="src" style="width: 60px; height: 60px; padding-right: 10px" |
|
|
|
v-for="src in info.dealLateImageList" @click="watchImg(src)" /> |
|
|
@ -208,8 +198,8 @@ import foldText from "@/views/components/foldText"; |
|
|
|
|
|
|
|
function iniData() { |
|
|
|
return { |
|
|
|
ideaIdentityName:"", |
|
|
|
ideaIdentityList:[], |
|
|
|
ideaIdentityName: "", |
|
|
|
ideaIdentityList: [], |
|
|
|
user: {}, |
|
|
|
projectPageType: "info", |
|
|
|
info: {}, |
|
|
@ -259,7 +249,7 @@ export default { |
|
|
|
watch: {}, |
|
|
|
created() { |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
containerStyle() { |
|
|
|
if (this.type === 'info') { |
|
|
@ -273,7 +263,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
async mounted() { |
|
|
|
async mounted() { |
|
|
|
|
|
|
|
this.user = this.$store.state.user; |
|
|
|
if (this.eventId) { |
|
|
@ -288,7 +278,7 @@ export default { |
|
|
|
this.info.handlingReq = value; |
|
|
|
} |
|
|
|
}) |
|
|
|
await this.getIdeaIdentityType() |
|
|
|
await this.getIdeaIdentityType() |
|
|
|
this.loadGrid() |
|
|
|
}, |
|
|
|
|
|
|
@ -311,11 +301,13 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
onClickDown(data){ |
|
|
|
data.forEach((item) => { |
|
|
|
console.log(item,"奥特玛"); |
|
|
|
window.open(item, '_blank'); |
|
|
|
}); |
|
|
|
onClickDown(data) { |
|
|
|
console.log(data, "奥特玛"); |
|
|
|
// data.forEach((item) => { |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
window.open(data, '_blank'); |
|
|
|
}, |
|
|
|
async loadGrid() { |
|
|
|
const url = "/gov/org/customergrid/gridoption"; |
|
|
@ -331,19 +323,19 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
sendValue() { |
|
|
|
let url="/governance/icEventOld/update" |
|
|
|
let url = "/governance/icEventOld/update" |
|
|
|
const params = { |
|
|
|
goldenIdeaFlag: this.info.goldenIdeaFlag, |
|
|
|
icEventId: this.info.icEventId |
|
|
|
} |
|
|
|
requestPost(url, params).then(res=>{ |
|
|
|
if (res.code === 0) { |
|
|
|
this.$message.success("设置成功"); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
requestPost(url, params).then(res => { |
|
|
|
if (res.code === 0) { |
|
|
|
this.$message.success("设置成功"); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
// this.$emit('update-value', this.info); // 触发事件并传递值 |
|
|
|
}, |
|
|
|
watchImg(src) { |
|
|
|