duanliangtao
2 years ago
3 changed files with 435 additions and 35 deletions
@ -0,0 +1,142 @@ |
|||
|
|||
<template> |
|||
<div class='g-main dialog-h-content'> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">街道：</span> |
|||
<div class="f-flex1">{{detailObj.streetName || '--'}}</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">社区：</span> |
|||
<div class="f-flex1">{{detailObj.communityName || '--'}}</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">姓名：</span> |
|||
<div class="f-flex1">{{detailObj.name || '--'}}</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">回访电话：</span> |
|||
<div class="f-flex1">{{detailObj.mobile || '--'}}</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">领域：</span> |
|||
<div class="f-flex1">{{detailObj.scopeName || '--'}}</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">问题：</span> |
|||
<div class="f-flex1">{{detailObj.problemDesc || '--'}}</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">是否完成：</span> |
|||
<div class="f-flex1"> |
|||
<el-radio v-model="formData.completeFlag" :label="0" :disabled="disabled" >正在推进</el-radio> |
|||
<el-radio v-model="formData.completeFlag" :label="1" :disabled="disabled" >已完成</el-radio> |
|||
<el-radio v-model="formData.completeFlag" :label="2" :disabled="disabled" >已完成并取消风险标记</el-radio> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">组织类型：</span> |
|||
<div class="f-flex1"> |
|||
<el-radio v-model="formData.orgCategoryCode" label="province" :disabled="disabled">省</el-radio> |
|||
<el-radio v-model="formData.orgCategoryCode" label="city" :disabled="disabled">市</el-radio> |
|||
<el-radio v-model="formData.orgCategoryCode" label="district" :disabled="disabled">区</el-radio> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">完成时限：</span> |
|||
<div class="f-flex1"> |
|||
<el-date-picker v-model="formData.completeTime" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期" |
|||
style="width: 202px" clearable :disabled="disabled"> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row type="flex" justify="" class="f-top24"> |
|||
<el-col :span="24" class="f-flex f-align_item"><span class="label">备注：</span> |
|||
<div class="f-flex1" > |
|||
<el-input |
|||
type="textarea" |
|||
:rows="3" |
|||
style="width: 300px;" |
|||
placeholder="请输入内容" |
|||
v-model="formData.remark" |
|||
:disabled="disabled" |
|||
> |
|||
</el-input> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="div_btn f-flex" style="justify-content: end;"> |
|||
<el-button size="small" @click="handleCancle">取 消</el-button> |
|||
<el-button |
|||
size="small" |
|||
type="primary" |
|||
@click="handleComfirm" |
|||
>提 交</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
evaCulturalFacility: 'bad', |
|||
formData:{ |
|||
completeTime:'', |
|||
remark:'', |
|||
orgCategoryCode:'', |
|||
completeFlag:"" |
|||
}, |
|||
disabled:false |
|||
}; |
|||
}, |
|||
props: { |
|||
detailObj: { |
|||
type: Object, |
|||
default: () => {} |
|||
}, |
|||
formType:{ |
|||
type:String, |
|||
default:'' |
|||
} |
|||
}, |
|||
created() { |
|||
this.formData = {...this.detailObj} |
|||
this.disabled = this.formType == 'detail' ? true : false |
|||
}, |
|||
methods: { |
|||
handleCancle(){ |
|||
this.$emit('handleCancle') |
|||
}, |
|||
handleComfirm(){ |
|||
this.$emit('handleComfirm',this.formData) |
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: {}, |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
@import "@/assets/scss/modules/management/form-main.scss"; |
|||
h3 { |
|||
text-align: center; |
|||
} |
|||
|
|||
.label { |
|||
width: 100px; |
|||
margin-right: 10px; |
|||
text-align: right; |
|||
}</style> |
|||
|
|||
@ -0,0 +1,143 @@ |
|||
<template> |
|||
<div style="margin-top:10px"> |
|||
<el-table class="m-table-item" :data="tableData" style="width: 100%" border> |
|||
<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column> |
|||
<el-table-column label="所属网格" prop="gridName" header-align="center" align="center" show-overflow-tooltip |
|||
width="150"></el-table-column> |
|||
<el-table-column label="接收时间" prop="happenTime" header-align="center" align="center" show-overflow-tooltip |
|||
width="150"></el-table-column> |
|||
<el-table-column label="问题描述" prop="eventContent" header-align="center" align="center" :show-overflow-tooltip="true" width="200"></el-table-column> |
|||
<el-table-column prop="voiceList" align="center" width="80" label="语音"> |
|||
<template slot-scope="scope"> |
|||
<img @click="handleShowVoice(scope.row.voiceList[0].url)" class="img-voice" |
|||
v-if="scope.row.voiceList && scope.row.voiceList.length > 0" |
|||
src="@/assets/img/icon-voice.png" /> |
|||
<span v-else></span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="办结时限" prop="timeLimit" header-align="center" align="center" width="150" |
|||
show-overflow-tooltip></el-table-column> |
|||
<el-table-column label="联系人" prop="name" header-align="center" align="center" show-overflow-tooltip |
|||
width="100"></el-table-column> |
|||
<el-table-column label="联系电话" prop="mobile" header-align="center" align="center" show-overflow-tooltip |
|||
width="100"></el-table-column> |
|||
<el-table-column prop="status" align="center" label="状态" width="80" :show-overflow-tooltip="true"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.row.status === 'processing'">处理中</span> |
|||
<span v-else-if="scope.row.status === 'closed_case'">已完成</span> |
|||
<span v-else>--</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click="handelClickDetail(scope.row)" type="text" size="small">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|||
:page-sizes="[10, 20, 50]" :page-size="pageSize" layout="sizes, prev, pager, next, total" |
|||
:total="total"></el-pagination> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import { completeList } from "@/js/columns/constants"; |
|||
export default { |
|||
//数据 |
|||
data() { |
|||
return { |
|||
formData: { |
|||
gridId: "", |
|||
sourceType: "", |
|||
eventContent: "", |
|||
name: "", |
|||
mobile: "", |
|||
startTime: "", |
|||
endTime: "", |
|||
limitStartTime: "", |
|||
limitEndTime: "", |
|||
status: "", |
|||
firstIdList: [], |
|||
secondIdList: [], |
|||
workOrderNum: "", |
|||
departId:"" |
|||
}, |
|||
pageNo: 0, |
|||
pageSize: 20, |
|||
total: 0, |
|||
tableData: [], |
|||
}; |
|||
}, |
|||
//创建前 |
|||
created() { }, |
|||
async mounted() { |
|||
await this.getTableData() |
|||
}, |
|||
//方法 |
|||
methods: { |
|||
|
|||
handleSizeChange(val) { |
|||
console.log(`每页 ${val} 条`); |
|||
this.pageSize = val; |
|||
this.getTableData(); |
|||
}, |
|||
handelClickDetail(row) { |
|||
this.$emit('handelClickDetail', row); |
|||
}, |
|||
handlClickEdit(row){ |
|||
this.$emit('handelClickEdit', row); |
|||
}, |
|||
handleCurrentChange(val) { |
|||
console.log(`当前页: ${val}`); |
|||
this.pageNo = val; |
|||
this.getTableData(); |
|||
}, |
|||
async getTableData() { |
|||
try { |
|||
const url = "/governance/dwdEvent/list"; |
|||
if(this.recId){ |
|||
this.formData.secondIdList = [this.recId]; |
|||
} |
|||
|
|||
if(this.departId){ |
|||
this.formData.departId = this.departId; |
|||
} |
|||
|
|||
const { pageSize, pageNo, formData } = this; |
|||
const { data, code, msg } = await requestPost(url, { |
|||
pageSize, |
|||
pageNo, |
|||
...formData, |
|||
}); |
|||
if (code == 0) { |
|||
this.tableData = data.list; |
|||
this.total = data.total; |
|||
} else { |
|||
console.log(err); |
|||
} |
|||
} catch (err) { |
|||
console.log(err); |
|||
} |
|||
}, |
|||
}, |
|||
//子组件注册 |
|||
components: {}, |
|||
//计算 |
|||
computed: {}, |
|||
props: { |
|||
recId:{ |
|||
type:String, |
|||
default:'' |
|||
}, |
|||
departId:{ |
|||
type:String, |
|||
default:'' |
|||
} |
|||
}, |
|||
//监听 |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
<style lang="scss"></style> |
|||
Loading…
Reference in new issue