|
|
|
@ -12,113 +12,55 @@ |
|
|
|
<img src="@/assets/img/shuju/people/close.png" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="false" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
label-width="100px"> |
|
|
|
<!-- <el-form-item label="事件分类" |
|
|
|
label-width="150px" |
|
|
|
prop="categoryId"> |
|
|
|
<el-cascader class="cell-width-2" |
|
|
|
ref="myCascader" |
|
|
|
v-model="selCategoryArray" |
|
|
|
:key="iscascaderShow" |
|
|
|
:options="casOptions" |
|
|
|
:props="optionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeCate"></el-cascader> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="服务内容" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="content"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="formData.content" |
|
|
|
:autosize="{ minRows: 2, maxRows: 10 }" |
|
|
|
type="textarea" |
|
|
|
clearable |
|
|
|
class="cell-width-area" |
|
|
|
placeholder="请输入内容"></el-input> |
|
|
|
<div class="list-wr"> |
|
|
|
<div class="list"> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">场所类型：</span> |
|
|
|
<span>{{ eventDetailData.placeTypeName }}</span> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="服务类型" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="categoryCode"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
|
|
|
|
<el-cascader v-model="formData.categoryCode" |
|
|
|
:options="demandOptions" |
|
|
|
clearable |
|
|
|
class="cell-width-1" |
|
|
|
@change="handleCateSlect"></el-cascader> |
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">场所名称：</span> |
|
|
|
<span>{{ eventDetailData.placeOrgName }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="服务时间" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="wantServiceTime"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-date-picker v-model="formData.wantServiceTime" |
|
|
|
type="datetime" |
|
|
|
class="cell-width-1" |
|
|
|
clearable |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
</el-date-picker> |
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">规模：</span> |
|
|
|
<span>{{ eventDetailData.scaleName }}</span> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="需求人" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="demandUserName"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="formData.demandUserName" |
|
|
|
class="cell-width-1"></el-input> |
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">联系电话：</span> |
|
|
|
<span>{{ eventDetailData.mobile }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" |
|
|
|
label-width="150px" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="demandUserMobile"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="formData.demandUserMobile" |
|
|
|
class="cell-width-1"></el-input> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="服务地点" |
|
|
|
prop="serviceLocation" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input class="cell-width-1" |
|
|
|
v-model="formData.serviceLocation"> |
|
|
|
</el-input> |
|
|
|
<div class="list"> |
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">场所区域：</span> |
|
|
|
<span>{{ eventDetailData.agencyName+eventDetailData.gridName }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="门牌号" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
label-width="150px" |
|
|
|
prop="locationDetail"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="formData.locationDetail" |
|
|
|
class="cell-width-1"></el-input> |
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">场所地址：</span> |
|
|
|
<span>{{ eventDetailData.address }}</span> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<span class="item-field">负责人：</span> |
|
|
|
<span>{{ eventDetailData.personInCharge }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class="div_record"> |
|
|
|
<record :formType="'edit'" |
|
|
|
:source="'visiual'" |
|
|
|
:enterpriseId="enterpriseId" |
|
|
|
:enterpriseInfo="enterpriseInfo"></record> |
|
|
|
</div> |
|
|
|
<div class="div-btn " |
|
|
|
style="padding-bottom:10px"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleClose">关闭</el-button> |
|
|
|
</div> |
|
|
|
</cpt-card> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -128,33 +70,9 @@ |
|
|
|
import cptCard from "@/views/modules/visual/cpts/card"; |
|
|
|
|
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info"; |
|
|
|
import record from "@/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record"; |
|
|
|
|
|
|
|
|
|
|
|
function iniFmData () { |
|
|
|
return { |
|
|
|
operationType: '2',//处理方式[0:已回复 1:已转项目 2:已转服务] |
|
|
|
icEventId: '',//事件Id |
|
|
|
gridId: '',// |
|
|
|
categoryCode: '',// 二级服务分类编码 |
|
|
|
parentCode: '',// 父级服务分类编码 |
|
|
|
content: '',// 服务内容1000字 |
|
|
|
reportType: 'self_help',// 社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help |
|
|
|
reportUserName: '',// 上报人姓名 |
|
|
|
reportUserMobile: '',// 自身上报时存储注册居民的手机号 |
|
|
|
reportTime: '',// 上报时间 |
|
|
|
demandUserId: '',// 需求人：user.id或者ic_resi_user.id |
|
|
|
demandUserName: '',// 需求人姓名 |
|
|
|
demandUserMobile: '',//需求人联系电话 |
|
|
|
wantServiceTime: '',// 希望服务时间 |
|
|
|
serviceType: '', |
|
|
|
serverId: '', |
|
|
|
locationDetail: '', |
|
|
|
serviceLocation: '',//事件地址 |
|
|
|
latitude: '',// 经度 |
|
|
|
longitude: '',//维度 |
|
|
|
// categoryId: '' |
|
|
|
}; |
|
|
|
} |
|
|
|
export default { |
|
|
|
name: "dialogInfo", |
|
|
|
props: { |
|
|
|
@ -163,7 +81,7 @@ export default { |
|
|
|
|
|
|
|
components: { |
|
|
|
cptCard, |
|
|
|
eventInfo, |
|
|
|
record |
|
|
|
}, |
|
|
|
|
|
|
|
data () { |
|
|
|
@ -171,50 +89,37 @@ export default { |
|
|
|
loading: false, |
|
|
|
|
|
|
|
pageType: 'dispose', |
|
|
|
eventId: '1552537796854706177', |
|
|
|
|
|
|
|
eventDetailData: {}, |
|
|
|
formData: iniFmData(), |
|
|
|
|
|
|
|
btnDisable: false, |
|
|
|
customerId: localStorage.getItem("customerId"), |
|
|
|
demandOptions: [], |
|
|
|
serviceOptions: [ |
|
|
|
], |
|
|
|
serviceOptiondList: [], |
|
|
|
|
|
|
|
casOptions: [], |
|
|
|
iscascaderShow: 0, |
|
|
|
selCategoryArray: [], |
|
|
|
selCateObj: {}, |
|
|
|
optionProps: { |
|
|
|
multiple: false, |
|
|
|
value: 'id', |
|
|
|
label: 'name', |
|
|
|
children: 'subCategory', |
|
|
|
}, |
|
|
|
enterpriseInfo: {}, |
|
|
|
|
|
|
|
enterpriseId: '1544585407179968514', |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
async mounted () { |
|
|
|
this.loading = false |
|
|
|
await this.handleSearch() |
|
|
|
|
|
|
|
await this.loadInfo() |
|
|
|
|
|
|
|
this.loading = true |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async handleSearch () { |
|
|
|
async loadInfo () { |
|
|
|
|
|
|
|
const url = "/gov/org/enterprise/detail/" + this.enterpriseId; |
|
|
|
|
|
|
|
const url = "/gov/project/icEvent/detail"; |
|
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
icEventId: this.eventId, |
|
|
|
}); |
|
|
|
const { data, code, msg } = await requestPost(url); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
|
|
this.eventDetailData = { ...data }; |
|
|
|
this.pageType = "dispose"; |
|
|
|
|
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
@ -223,11 +128,11 @@ export default { |
|
|
|
handleClose () { |
|
|
|
this.pageType = ""; |
|
|
|
this.$emit("handleClose") |
|
|
|
// this.eventId = "" |
|
|
|
|
|
|
|
}, |
|
|
|
handleOk () { |
|
|
|
this.pageType = ""; |
|
|
|
// this.eventId = "" |
|
|
|
|
|
|
|
this.pageNo = 1 |
|
|
|
}, |
|
|
|
|
|
|
|
@ -293,11 +198,6 @@ export default { |
|
|
|
padding: 0 32px; |
|
|
|
} |
|
|
|
|
|
|
|
.sel-service { |
|
|
|
display: flex; |
|
|
|
justify-content: flex-start; |
|
|
|
} |
|
|
|
|
|
|
|
.div_btn { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
@ -316,4 +216,8 @@ export default { |
|
|
|
margin-left: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.div_record { |
|
|
|
// padding-bottom: 30px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
13176889840
3 years ago