dai
3 years ago
15 changed files with 1134 additions and 455 deletions
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
@ -0,0 +1,489 @@ |
|||
<template> |
|||
<div class=""> |
|||
<div v-if="pageType == 'add'"> |
|||
<el-card> |
|||
<h3>新增事件</h3> |
|||
<event-add ref="ref_add" |
|||
@changeName="changeName" |
|||
@changeMobile="changeMobile" |
|||
@changeUserId="changeUserId"></event-add> |
|||
</el-card> |
|||
|
|||
<div class="process-form"> |
|||
<el-card> |
|||
<h3>处理</h3> |
|||
<process-form ref="ref_processinfo_add" |
|||
:demandUserId="demandUserId" |
|||
:demandUserName="demandUserName" |
|||
:demandUserMobile="demandUserMobile"></process-form> |
|||
|
|||
<div class="div-btn "> |
|||
<el-button size="small" |
|||
@click="handleClose">关闭</el-button> |
|||
<el-button style="margin-left:20px" |
|||
type="primary" |
|||
size="small" |
|||
@click="handleComfirm">确定</el-button> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</div> |
|||
|
|||
<div v-if="pageType == 'dispose'||pageType == 'info'" |
|||
class="g-page"> |
|||
<div class="g-left"> |
|||
|
|||
<event-detail ref="ref_detail" |
|||
:eventId="eventId" |
|||
:eventDetailData="eventDetailData" |
|||
@handleClose="handleClose"></event-detail> |
|||
|
|||
<div v-if="!eventDetailData.operationId" |
|||
class="process-form"> |
|||
<el-card> |
|||
<h3>处理</h3> |
|||
<process-form ref="ref_processinfo_dispose" |
|||
:eventId="eventId" |
|||
:eventDetailData="eventDetailData"></process-form> |
|||
|
|||
<div class="div-btn "> |
|||
<el-button size="small" |
|||
@click="handleClose">关闭</el-button> |
|||
<el-button style="margin-left:20px" |
|||
type="primary" |
|||
size="small" |
|||
@click="handleComfirm">确定</el-button> |
|||
</div> |
|||
</el-card> |
|||
</div> |
|||
</div> |
|||
<div class="g-right"> |
|||
<el-card class="m-card" |
|||
style="max-height: 90vh; overflow: auto"> |
|||
<h3>处理进展</h3> |
|||
<div class="m-process" |
|||
v-if="projectProcess.length>0"> |
|||
<div class="list"> |
|||
<div class="item" |
|||
:class="index === 0 ? 'z-on' : ''" |
|||
:key="item.processId" |
|||
v-for="(item, index) in projectProcess"> |
|||
<div class="item-row"> |
|||
<div class="name">{{ item.processName }}</div> |
|||
<div class="date"> |
|||
{{ item.processTime }} |
|||
</div> |
|||
</div> |
|||
|
|||
<div v-if="item.type==='event'"> |
|||
<div class="detail"> |
|||
<div class="detail-field">回复人：</div> |
|||
<div class="detail-value">{{ item.publicReply }}</div> |
|||
</div> |
|||
<div class="detail"> |
|||
<div class="detail-field">回复内容：</div> |
|||
<div class="detail-value">{{ item.departmentName }}</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div v-if="item.type==='project'"> |
|||
<div v-if="item.processName==='回复'"> |
|||
<div class="detail"> |
|||
<div class="detail-field">回复人：</div> |
|||
<div class="detail-value">{{ item.publicReply }}</div> |
|||
</div> |
|||
<div class="detail"> |
|||
<div class="detail-field">回复内容：</div> |
|||
<div class="detail-value">{{ item.departmentName }}</div> |
|||
</div> |
|||
</div> |
|||
<div v-else> |
|||
<div class="detail"> |
|||
<div class="detail-field">处理部门：</div> |
|||
<div class="detail-value">{{ item.departmentName }}</div> |
|||
</div> |
|||
|
|||
<div class="detail" |
|||
v-if="item.processName == '处理响应' && item.assistanceUnitName"> |
|||
<div class="detail-field">协 办：</div> |
|||
<div class="detail-value"> |
|||
<fold-text :row="3">{{ item.assistanceUnitName }}</fold-text> |
|||
</div> |
|||
</div> |
|||
<div class="detail" |
|||
v-if="item.processName != '转项目' && item.publicReply"> |
|||
<div class="detail-field">说 明：</div> |
|||
<div class="detail-value"> |
|||
<fold-text :row="3">{{ item.publicReply }}</fold-text> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="detail" |
|||
v-if="item.processName != '转项目' && item.internalRemark"> |
|||
<div class="detail-field">内部备注：</div> |
|||
<div class="detail-value"> |
|||
<fold-text :row="3">{{ item.internalRemark }}</fold-text> |
|||
</div> |
|||
</div> |
|||
<div v-if="item.internalFile&&item.internalFile.length>0" |
|||
class="detail"> |
|||
<div class="attachement-list"> |
|||
<a :href="att.url" |
|||
target="_blank" |
|||
:key="att.url" |
|||
v-for="att in item.internalFile"> |
|||
<i class="el-icon-folder-opened"></i> |
|||
{{ att.name }} |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div v-if="item.type==='demand'"> |
|||
<div v-if="item.processName==='回复'"> |
|||
<div class="detail"> |
|||
<div class="detail-field">回复人：</div> |
|||
<div class="detail-value">{{ item.publicReply }}</div> |
|||
</div> |
|||
<div class="detail"> |
|||
<div class="detail-field">回复内容：</div> |
|||
<div class="detail-value">{{ item.departmentName }}</div> |
|||
</div> |
|||
</div> |
|||
<div v-if="item.processName==='需求完成'"> |
|||
<div class="detail"> |
|||
<div class="detail-field">服务方：</div> |
|||
<div class="detail-value">{{ item.serviceParty }}</div> |
|||
</div> |
|||
<div class="detail"> |
|||
<div class="detail-field">实际服务时间：</div> |
|||
<div class="detail-value">{{ item.actualServiceTime }}</div> |
|||
</div> |
|||
</div> |
|||
<div v-if="item.processName==='转服务'"> |
|||
<div class="detail"> |
|||
<div class="detail-field">服务时间：</div> |
|||
<div class="detail-value">{{ item.serviceTime }}</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div v-else>暂无处理进展</div> |
|||
</el-card> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import foldText from "@/views/components/foldText"; |
|||
|
|||
import eventInfo from "./event-info1"; |
|||
|
|||
import dateFormat from "dai-js/tools/dateFormat"; |
|||
|
|||
import eventAdd from "./add"; |
|||
import eventDetail from "./event-detail"; |
|||
import processForm from "./process-form"; |
|||
|
|||
function iniData () { |
|||
return { |
|||
formData: { |
|||
operationType: '', |
|||
|
|||
}, |
|||
eventInfoData: {}, |
|||
replayInfo: {}, |
|||
demand: {}, |
|||
project: {}, |
|||
|
|||
//新增 |
|||
demandUserId: '', |
|||
demandUserName: '', |
|||
demandUserMobile: '', |
|||
|
|||
eventDetailCopy: {}, |
|||
|
|||
projectProcess: [], |
|||
|
|||
}; |
|||
} |
|||
|
|||
export default { |
|||
name: "projectInfo", |
|||
props: { |
|||
eventId: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
pageType: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
eventDetailData: { |
|||
type: Object, |
|||
default () { |
|||
return {} |
|||
} |
|||
}, |
|||
}, |
|||
|
|||
components: { |
|||
foldText, |
|||
eventInfo, |
|||
eventAdd, |
|||
eventDetail, |
|||
processForm, |
|||
}, |
|||
|
|||
data: iniData, |
|||
|
|||
computed: {}, |
|||
|
|||
watch: { |
|||
eventId () { |
|||
let data = iniData(); |
|||
Object.keys(data).forEach((k) => { |
|||
this[k] = data[k]; |
|||
}); |
|||
this.getApiData(); |
|||
}, |
|||
}, |
|||
|
|||
mounted () { |
|||
if (this.pageType === 'dispose') { |
|||
this.getProjectProcess() |
|||
} |
|||
|
|||
if (this.eventId) { |
|||
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData)); |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
|
|||
changeName (val) { |
|||
this.demandUserName = val |
|||
}, |
|||
changeMobile (val) { |
|||
|
|||
this.demandUserMobile = val |
|||
}, |
|||
changeUserId (val) { |
|||
|
|||
this.demandUserId = val |
|||
}, |
|||
|
|||
//加载组织数据 |
|||
async getProjectProcess () { |
|||
const url = "/gov/project/icEvent/process"; |
|||
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/process"; |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
icEventId: this.eventId, |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.projectProcess = data.map((item) => { |
|||
item.processTime = dateFormat( |
|||
new Date(item.processTime * 1000), |
|||
"yyyy-MM-dd hh:mm" |
|||
); |
|||
return item; |
|||
}); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
getEventInfo () { |
|||
this.$refs.ref_add.getEventInfo() |
|||
if (this.$refs.ref_add.okflag) { |
|||
|
|||
this.eventInfoData = this.$refs.ref_add.formData |
|||
} else { |
|||
return false |
|||
} |
|||
|
|||
console.log('eventInfo', this.eventInfoData) |
|||
}, |
|||
|
|||
handleComfirm () { |
|||
if (this.pageType === 'add') { |
|||
this.handelAdd() |
|||
} |
|||
if (this.pageType === 'dispose') { |
|||
this.handelDispose() |
|||
} |
|||
}, |
|||
|
|||
handelAdd () { |
|||
if (this.pageType === 'add') { |
|||
this.$refs.ref_add.getEventInfo() |
|||
if (this.$refs.ref_add.okflag) { |
|||
|
|||
this.eventInfoData = this.$refs.ref_add.formData |
|||
} else { |
|||
return false |
|||
} |
|||
|
|||
console.log('eventInfo', this.eventInfoData) |
|||
} |
|||
|
|||
this.$refs.ref_processinfo_add.getProcessInfo() |
|||
if (this.$refs.ref_processinfo_add.okflag) { |
|||
|
|||
this.formData.operationType = this.$refs.ref_processinfo_add.operationType |
|||
this.eventInfoData.operationType = this.$refs.ref_processinfo_add.operationType |
|||
|
|||
this.eventInfoData.categoryList = this.$refs.ref_processinfo_add.categoryList |
|||
|
|||
if (this.formData.operationType === '0') { |
|||
this.project = {} |
|||
this.demand = {} |
|||
this.replayInfo = this.$refs.ref_processinfo_add.replayInfo |
|||
console.log('replayInfo', this.replayInfo) |
|||
//回复属性赋值 |
|||
this.eventInfoData.content = this.replayInfo.content |
|||
this.eventInfoData.status = this.replayInfo.status |
|||
|
|||
} else if (this.formData.operationType === '1') { |
|||
this.replayInfo = {} |
|||
this.demand = {} |
|||
this.project = this.$refs.ref_processinfo_add.project |
|||
//项目的属性同事件一样 |
|||
this.project.gridId = this.eventInfoData.gridId |
|||
console.log('projectInfo', this.project) |
|||
|
|||
} else if (this.formData.operationType === '2') { |
|||
this.replayInfo = {} |
|||
this.project = {} |
|||
this.demand = this.$refs.ref_processinfo_add.demand |
|||
//需求的属性同事件一样 |
|||
this.demand.gridId = this.eventInfoData.gridId |
|||
this.demand.reportUserName = this.eventInfoData.name//上报人姓名同需求上报人姓名 |
|||
this.demand.reportUserMobile = this.eventInfoData.mobile//上报人手机号同需求上报人手机号 |
|||
this.demand.reportTime = this.eventInfoData.happenTime//上报时间 |
|||
console.log('demond', this.demand) |
|||
} |
|||
|
|||
} else { |
|||
return false |
|||
} |
|||
|
|||
this.formData = { |
|||
...this.eventInfoData, |
|||
// replayInfo: this.replayInfo, |
|||
project: this.project, |
|||
demand: this.demand |
|||
} |
|||
|
|||
console.log('this.formData', this.formData) |
|||
this.submit() |
|||
}, |
|||
|
|||
async submit () { |
|||
const url = "/gov/project/icEvent/add"; |
|||
|
|||
const { formData } = this; |
|||
const { data, code, msg } = await requestPost(url, { |
|||
|
|||
...formData, |
|||
}); |
|||
if (code === 0) { |
|||
|
|||
this.$message.success("操作成功！"); |
|||
if (this.pageType === 'add') { |
|||
this.eventInfo = this.$refs.ref_add.resetData() |
|||
|
|||
} |
|||
this.$emit("handleOk"); |
|||
} else { |
|||
} |
|||
}, |
|||
|
|||
handelDispose () { |
|||
this.$refs.ref_processinfo_dispose.getProcessInfo() |
|||
if (this.$refs.ref_processinfo_dispose.okflag) { |
|||
|
|||
this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType |
|||
|
|||
if (this.formData.operationType === '0') { |
|||
|
|||
this.project = {} |
|||
this.demand = {} |
|||
this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo |
|||
|
|||
this.replayInfo.icEventId = this.eventId |
|||
console.log('replayInfo', this.replayInfo) |
|||
//回复属性赋值 |
|||
let url = '/gov/project/icEvent/reply' |
|||
this.submitDispose(url, this.replayInfo) |
|||
|
|||
} else if (this.formData.operationType === '1') { |
|||
this.replayInfo = {} |
|||
this.demand = {} |
|||
this.project = this.$refs.ref_processinfo_dispose.project |
|||
//项目的属性同事件一样 |
|||
this.project.icEventId = this.eventId |
|||
console.log('projectInfo', this.project) |
|||
let url = '/gov/project/icEvent/icEventToProject' |
|||
this.submitDispose(url, this.project) |
|||
|
|||
} else if (this.formData.operationType === '2') { |
|||
this.replayInfo = {} |
|||
this.project = {} |
|||
this.demand = this.$refs.ref_processinfo_dispose.demand |
|||
//需求的属性同事件一样 |
|||
this.demand.icEventId = this.eventId |
|||
console.log('demond', this.demand) |
|||
let url = '/gov/project/icEvent/icEventToDemand' |
|||
this.submitDispose(url, this.demand) |
|||
} |
|||
|
|||
} else { |
|||
return false |
|||
} |
|||
|
|||
}, |
|||
async submitDispose (url, params) { |
|||
|
|||
const { data, code, msg } = await requestPost(url, { |
|||
|
|||
...params, |
|||
}); |
|||
if (code === 0) { |
|||
|
|||
this.$message.success("操作成功！"); |
|||
|
|||
this.$emit("handleOk"); |
|||
} else { |
|||
} |
|||
}, |
|||
|
|||
handleClose () { |
|||
if (this.pageType === 'add') { |
|||
this.eventInfo = this.$refs.ref_add.resetData() |
|||
|
|||
} |
|||
|
|||
this.$emit("handleClose"); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style |
|||
lang="scss" |
|||
src="@/assets/scss/modules/shequzhili/event-info.scss" |
|||
scoped |
|||
></style> |
|||
Loading…
Reference in new issue