<template>
|
<div class="clap_examine">
|
<div class="w_row clearfix">
|
<p class="w_col_24"><span>发起人：</span>{{ detail.sponsorName }}</p>
|
<p class="w_col_24"><span>联系电话：</span>{{ detail.phone }}</p>
|
<p class="w_col_24"><span>发起时间：</span></p>
|
<p class="w_col_24">
|
<span>发起地点：</span>{{ detail.happenAddr }}
|
{{ detail.addrRemark ? detail.addrRemark : "" }}
|
</p>
|
<p class="w_col_24"><span>事件类型：</span></p>
|
<p class="w_col_24"><span>事件详情：</span>{{ detail.detail }}</p>
|
<p class="w_col_24">
|
<span>公示：</span>
|
<el-radio-group size="medium">
|
<el-radio-button label="1">是</el-radio-button>
|
<el-radio-button label="2">否</el-radio-button>
|
</el-radio-group>
|
</p>
|
<p class="w_col_24">
|
<span>内容质量：</span>
|
<el-radio-group size="medium">
|
<el-radio-button label="1">优秀</el-radio-button>
|
<el-radio-button label="2">良好</el-radio-button>
|
<el-radio-button label="3">普通</el-radio-button>
|
<el-radio-button label="4">合格</el-radio-button>
|
<el-radio-button label="5">无</el-radio-button>
|
</el-radio-group>
|
<span>奖励 <b>0</b> 元</span>
|
</p>
|
<p class="w_col_24">
|
<span>移交城管：</span>
|
<el-radio-group size="medium">
|
<el-radio-button label="1">是</el-radio-button>
|
<el-radio-button label="2">否</el-radio-button>
|
</el-radio-group>
|
</p>
|
|
<!-- <section class="w_col_24 image">
|
<template v-if="(detail.photoPathList||'').indexOf('.mp4')!==-1">
|
<video
|
:controls="true"
|
style="width: 300px;height: 150px"
|
:autoplay="false"
|
:src="detail.photoPathList"
|
>您的浏览器不支持 video 标签。</video>
|
</template>
|
<template v-else>
|
<img
|
:src="i"
|
v-for="(i,j) in (detail.photoPathList || '').split(',').filter(k=>{return k!==''})"
|
:key="j+'-image'"
|
@click="onScaleImage(j)"
|
alt=""
|
>
|
</template>
|
</section> -->
|
<!-- <p class="w_col_24">事件发生地：{{detail.happenAddr}} {{detail.addrRemark?detail.addrRemark:''}}</p> -->
|
</div>
|
<!-- <section>
|
<p class="label">审核状态：</p>
|
<article>
|
<el-radio
|
v-model="a1"
|
label="1"
|
>审核通过</el-radio>
|
<el-radio
|
v-model="a1"
|
label="2"
|
>驳回</el-radio>
|
</article>
|
</section> -->
|
<!---->
|
<section v-if="a1 === '2'">
|
<p class="label">驳回原因：</p>
|
<article>
|
<el-input
|
type="textarea"
|
cols="15"
|
rows="3"
|
class="m_inp input-text"
|
v-model="text"
|
maxlength="200"
|
placeholder="请输入驳回内容，不超过200个字"
|
show-word-limit
|
></el-input>
|
</article>
|
</section>
|
<!---->
|
<section v-if="a1 === '1'">
|
<p class="label">内容质量：</p>
|
<article>
|
<el-radio v-model="a3" label="1">优秀</el-radio>
|
<el-radio v-model="a3" label="2">良好</el-radio>
|
<el-radio v-model="a3" label="3">普通</el-radio>
|
<el-radio v-model="a3" label="4">合格</el-radio>
|
</article>
|
</section>
|
|
<section v-if="a1 === '1'">
|
<p class="label">奖励金额：</p>
|
<article>
|
<el-input
|
size="small"
|
class="i-width"
|
disabled=""
|
v-model="rewardNum"
|
placeholder=""
|
></el-input>
|
</article>
|
</section>
|
|
<section v-if="a1 === '1'">
|
<p class="label">反馈内容：</p>
|
<article>
|
<el-input
|
type="textarea"
|
cols="15"
|
rows="3"
|
class="m_inp input-text"
|
v-model="feedback"
|
maxlength="200"
|
placeholder="请输入反馈内容，不超过200个字"
|
show-word-limit
|
></el-input>
|
<span class="col_primary f-size" @click="add" v-if="!show"
|
>上传图片</span
|
>
|
</article>
|
</section>
|
|
<!-- <section
|
class="image"
|
v-if="show && a1==='1'"
|
>
|
<div
|
class="img"
|
v-for="(i,j) in images"
|
:key="j+'--image'"
|
>
|
<img
|
:src="i.pic"
|
alt=""
|
@click="onScaleUploadImage(j)"
|
>
|
<span
|
class="del el-icon-close"
|
@click="del(i)"
|
></span>
|
</div>
|
<div class="img">
|
<v-u
|
slots
|
@path="onImage"
|
><span
|
class="el-icon-plus"
|
style="font-size:24px"
|
></span></v-u>
|
</div>
|
</section> -->
|
|
<section class="bottom-line" v-if="a1 === '1'">
|
<p class="label">是否完成治理：</p>
|
<el-radio-group v-model="government" size="mini">
|
<el-radio label="4" border>是</el-radio>
|
<el-radio label="1" border>否</el-radio>
|
</el-radio-group>
|
<span class="tishi">温馨提示：选择完成治理后，将不能继续反馈</span>
|
</section>
|
</div>
|
</template>
|
|
<script>
|
import vU from "com/upload/upload1";
|
export default {
|
props: {
|
item: {
|
type: Object,
|
default: () => {
|
return {};
|
}
|
},
|
door: {
|
type: Object,
|
default: () => {
|
return {};
|
}
|
}
|
},
|
components: { vU },
|
data() {
|
return {
|
detail: {},
|
text: "",
|
a1: "1",
|
a2: "1",
|
a3: "5", //内容治质量
|
rewardNum: "",
|
feedback: "",
|
government: "1",
|
show: false,
|
images: [],
|
addType: "1"
|
};
|
},
|
watch: {
|
a3: {
|
//切换内容质量
|
handler(v) {
|
console.log(v);
|
this.setRewardNum(v);
|
},
|
deep: true
|
},
|
item: {
|
handler() {
|
this.setItem();
|
},
|
deep: true
|
},
|
door: {
|
handler(n) {
|
if (n.r) {
|
this.sub(n.t);
|
}
|
},
|
deep: true
|
},
|
images: {
|
handler(n) {
|
if (!n.length) {
|
this.show = false;
|
}
|
},
|
deep: true
|
}
|
},
|
methods: {
|
setRewardNum(v) {
|
if (this.detail.easyPhotoActivityVO) {
|
let obj = {
|
"1": this.detail.easyPhotoActivityVO.goodReward || 0,
|
"2": this.detail.easyPhotoActivityVO.excellentReward || 0,
|
"3": this.detail.easyPhotoActivityVO.ordinaryReward || 0,
|
"4": this.detail.easyPhotoActivityVO.commonlyReward || 0
|
};
|
this.rewardNum = obj[v];
|
}
|
},
|
|
del(i) {
|
this.images = this.images.filter(k => {
|
return k.pic !== i.pic && k.id !== i.id;
|
});
|
},
|
|
onImage(v) {
|
this.images.push({ pic: v, id: Date.now() });
|
},
|
|
add() {
|
this.show = true;
|
},
|
// 查看大图
|
onScaleImage(j) {
|
let list = (this.detail.photoPathList || "").split(",").filter(k => {
|
return k !== "";
|
});
|
this.$store.dispatch("setImage", {
|
time: Date.now(),
|
pic: list[j],
|
list,
|
tool: true
|
});
|
},
|
|
sub(type) {
|
/**
|
* 选择审核通过
|
* 完成治理 Type 传4
|
* 未完成治理 type 传 1
|
*/
|
let checktype = "";
|
if (this.a1 == "1") {
|
checktype = this.government;
|
} else {
|
checktype = this.a1;
|
}
|
|
if (this.a1 == "2") {
|
this.a3 = "";
|
this.feedback = "";
|
this.images = "";
|
}
|
|
if (this.images.length > 9) {
|
demo.toast("上传图片不能超过9张");
|
return 0;
|
}
|
|
let o = {
|
id: this.detail.id,
|
isNeedFeedBack: this.a2,
|
type: checktype,
|
sponsorId: this.detail.sponsorId,
|
sponsorName: this.detail.sponsorName,
|
communityId: this.detail.communityId,
|
addType:this.addType,
|
activityType: this.a3,
|
handleResult: this.feedback, //反馈内容
|
handlePhotoList:
|
this.images &&
|
this.images
|
.map(l => {
|
return l.pic;
|
})
|
.join(",") //反馈照片
|
};
|
|
if (+this.a1 === 2) {
|
if (!this.text) {
|
demo.toast("请输入驳回原因");
|
return 0;
|
}
|
o.rejectReason = this.text;
|
}
|
console.log(o);
|
this.$api.put("communityactivity/puteasyphoto", o, () => {
|
if (o.type == "1") {
|
demo.toast("审核成功");
|
} else {
|
demo.toast("驳回成功");
|
}
|
|
this.$nextTick(() => {
|
this.$store.dispatch("setFixed", {
|
event: "del",
|
type: type,
|
time: Date.now()
|
});
|
this.$store.dispatch("setPageReset", "/act_clap");
|
});
|
});
|
},
|
|
setItem() {
|
if (this.item.id) {
|
this.$api.get(
|
"communityactivity/easyphoto",
|
{ id: this.item.id },
|
e => {
|
this.detail = e;
|
this.setRewardNum(this.a3);
|
}
|
);
|
} else {
|
demo.toast("错误活动");
|
}
|
}
|
},
|
mounted() {
|
this.setItem();
|
}
|
};
|
</script>
|
<style lang="less" scoped>
|
.titles {
|
font-size: 14px;
|
color: #409eff;
|
padding-left: 20px;
|
}
|
.clap_examine {
|
.i-width {
|
width: 336px;
|
}
|
p {
|
font-size: 14px;
|
line-height: 22px;
|
color: #222;
|
margin-bottom: 10px;
|
padding-left: 10px;
|
}
|
.tishi {
|
font-size: 13px;
|
color: #888;
|
line-height: 30px;
|
padding-left: 15px;
|
}
|
.f-size {
|
font-size: 13px;
|
cursor: pointer;
|
}
|
.bottom-line {
|
padding-top: 20px;
|
}
|
.el-radio {
|
// width: 100px;
|
}
|
textarea.m_inp {
|
resize: none;
|
margin-bottom: 5px;
|
}
|
.input-text {
|
width: 340px !important;
|
height: auto;
|
}
|
section {
|
display: flex;
|
margin-bottom: 5px;
|
.label {
|
width: 100px;
|
}
|
article {
|
width: calc(~"100% - 100px");
|
}
|
}
|
.image {
|
flex-wrap: wrap;
|
box-sizing: border-box;
|
padding: 0 15px;
|
img {
|
display: block;
|
width: 78px;
|
height: 66px;
|
margin: 0 8px 8px 0;
|
background-color: #eee;
|
}
|
}
|
}
|
.image {
|
flex-wrap: wrap;
|
box-sizing: border-box;
|
padding: 0 15px;
|
.img {
|
display: block;
|
width: 78px;
|
height: 66px;
|
line-height: 66px;
|
text-align: center;
|
margin: 2px 12px 12px 0;
|
background-color: #eee;
|
border-radius: 5px;
|
position: relative;
|
color: #999;
|
img {
|
display: block;
|
width: 100%;
|
height: 100%;
|
border-radius: 5px;
|
cursor: pointer;
|
}
|
.del {
|
position: absolute;
|
right: -8px;
|
top: -8px;
|
width: 16px;
|
height: 16px;
|
color: #fff;
|
background-color: tomato;
|
border-radius: 50%;
|
cursor: pointer;
|
}
|
.add {
|
display: block;
|
height: 100%;
|
cursor: pointer;
|
line-height: 66px;
|
font-size: 25px;
|
color: #999;
|
}
|
}
|
}
|
</style>
|
