12 changed files with 995 additions and 60 deletions
|
After Width: | Height: | Size: 9.8 KiB |
@ -0,0 +1,66 @@ |
|||||
|
|
||||
|
<template> |
||||
|
<div class="title" :class="noBg ? 'no-bg' : ''"> |
||||
|
<span class="text"> |
||||
|
<span class="txt">{{ text }}</span> |
||||
|
<span class="text-shadow">{{ text }}</span> |
||||
|
</span> |
||||
|
<slot></slot> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "Title", |
||||
|
props: { |
||||
|
text: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
noBg: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.title { |
||||
|
// width: 100%; |
||||
|
height: 40px; |
||||
|
background: url(../../../../../assets/images/shuju/overview/title-small-bg.png) no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
padding: 8px 16px 8px 29px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
|
||||
|
.text { |
||||
|
position: relative; |
||||
|
font-size: 18px; |
||||
|
// font-family: HYShuYuanHeiJ; |
||||
|
font-weight: 400; |
||||
|
color: #fff; |
||||
|
.txt { |
||||
|
font-family: PingFang SC; |
||||
|
-webkit-background-clip: text; |
||||
|
// -webkit-text-fill-color: transparent; |
||||
|
position: relative; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
|
||||
|
.text-shadow { |
||||
|
top: 4px; |
||||
|
left: 3px; |
||||
|
position: absolute; |
||||
|
color: #020f21; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.no-bg { |
||||
|
background: none; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -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