|
|
|
|
@ -1,242 +1,240 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 日常雨水设施查看 -->
|
|
|
|
|
<dialogShow :title="title" :is-show.sync="isShow" :width="width">
|
|
|
|
|
<template v-slot:content>
|
|
|
|
|
<el-form :model="formdetail" :rules="{}" ref="formdetail" label-position="right" :label-width="labelwidth">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="所属道路" prop="road_id">
|
|
|
|
|
{{form.roadName}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="巡查内容" prop="ask_content_id">
|
|
|
|
|
{{form.ask_content_detail?form.ask_content_detail:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="所在位置" prop="address">
|
|
|
|
|
{{form.address}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="经度" prop="longitude">
|
|
|
|
|
{{form.longitude}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="纬度" prop="latitude">
|
|
|
|
|
{{form.latitude}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="现场照片" prop="files_list" class="files_check">
|
|
|
|
|
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
|
|
|
|
|
ref="pictureUploads">
|
|
|
|
|
<div slot="file" slot-scope="{file}">
|
|
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
|
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
|
|
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file,filesList)">
|
|
|
|
|
<i class="el-icon-zoom-in"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="是否异常" prop="is_unusual">
|
|
|
|
|
<el-tag v-if="form.is_unusual==0">否</el-tag>
|
|
|
|
|
<el-tag type="warning" v-if="form.is_unusual==1">是</el-tag>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12" v-if="form.is_unusual==0">
|
|
|
|
|
<el-form-item label="巡查开始点位" prop="start_address">
|
|
|
|
|
{{form.start_address?form.start_address:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="form.is_unusual==0">
|
|
|
|
|
<el-form-item label="巡查结束点位" prop="address">
|
|
|
|
|
{{form.end_address?form.end_address:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_unusual!=0">
|
|
|
|
|
<el-form-item label="异常类型" prop="unusual_type_detail">
|
|
|
|
|
{{form.unusual_type_detail?form.unusual_type_detail.value:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_unusual!=0">
|
|
|
|
|
<el-form-item label="异常处置建议" prop="tip">
|
|
|
|
|
{{form.tip}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<el-form-item label="是否现场处理" prop="is_scene">
|
|
|
|
|
<el-tag v-if="form.is_scene==0">否</el-tag>
|
|
|
|
|
<el-tag type="success" v-if="form.is_scene==1">是</el-tag>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_scene==1">
|
|
|
|
|
<el-form-item label="现场处理结果" prop="result">
|
|
|
|
|
{{form.result}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_scene==1">
|
|
|
|
|
<el-form-item label="处理后照片" prop="files_end_list" class="files_check">
|
|
|
|
|
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="dealFilesList"
|
|
|
|
|
ref="pictureUploads">
|
|
|
|
|
<div slot="file" slot-scope="{file}">
|
|
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
|
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
|
|
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file,dealFilesList)">
|
|
|
|
|
<i class="el-icon-zoom-in"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 查看 -->
|
|
|
|
|
<div v-if="formType=='showform'">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="有无违法转办">
|
|
|
|
|
<el-tag v-if="form.end_type==0">无</el-tag>
|
|
|
|
|
<el-tag type="warning" v-if="form.end_type==1">养护转办</el-tag>
|
|
|
|
|
<el-tag type="warning" v-if="form.end_type==2">违法转办</el-tag>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.end_type==1">
|
|
|
|
|
<el-form-item label="养护转办类型" prop="type">
|
|
|
|
|
<div v-for="item in yhtypeList">
|
|
|
|
|
<div v-if="form.maintain_type==item.id">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.end_type==1">
|
|
|
|
|
<el-form-item label="要求完成时间" prop="end_time">
|
|
|
|
|
{{form.end_time}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.end_type==1">
|
|
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
|
|
{{form.remark}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="处理日志" prop="">
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-table :data="form.rainInspectionLogs" style="width: 90%;margin: 0 auto;">
|
|
|
|
|
<el-table-column prop="created_at" label="日期" width="180">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="content" label="内容">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="type_name" label="操作结果">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="adminName" label="操作人" width="180">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 审核 auditform 办结-->
|
|
|
|
|
<div v-if="formType!='showform'">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="备注" prop="content">
|
|
|
|
|
<el-input type="textarea" v-model="formdetail.content" placeholder="请填写备注"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div v-if="formType=='endform'||formType=='clueform'">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="有无违法转办" prop="end_type">
|
|
|
|
|
<el-radio-group v-model="formdetail.end_type">
|
|
|
|
|
<el-radio :label="0">无</el-radio>
|
|
|
|
|
<el-radio :label="1">养护转办</el-radio>
|
|
|
|
|
<el-radio :label="2">违法转办</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="formdetail.end_type==1">
|
|
|
|
|
<el-form-item label="养护转办类型" prop="type">
|
|
|
|
|
<el-select class="width100" v-model="formdetail.maintain_type" placeholder="请选择养护转办类型">
|
|
|
|
|
<el-option v-for="item in yhtypeList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="formdetail.end_type==1">
|
|
|
|
|
<el-form-item label="要求完成时间" prop="end_time">
|
|
|
|
|
<el-date-picker style="width:100%" v-model="formdetail.end_time" type="datetime" placeholder="选择时间"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="备注" prop="remark" v-if="formdetail.end_type==1">
|
|
|
|
|
<el-input type="textarea" v-model="formdetail.remark" placeholder="请填写备注"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-slot:footerbtn>
|
|
|
|
|
<el-button v-if="formType=='auditform'" type="primary" v-preventReClick @click="auditForm('formdetail','1')">审核</el-button>
|
|
|
|
|
<div v-if="formType=='endform'" style="display: inline-block;margin-left:10px">
|
|
|
|
|
<el-button v-if="formdetail.end_type!=2" type="primary" v-preventReClick @click="auditForm('formdetail','2')">办结
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="formdetail.end_type==2" type="primary" v-preventReClick @click="auditForm('formdetail','1')">保存
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="formdetail.end_type!=2" type="danger" v-preventReClick @click="auditForm('formdetail','3')">退回
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="formType=='clueform'" style="display: inline-block;margin-left:10px">
|
|
|
|
|
<el-button v-if="form.status==1" type="primary" v-preventReClick
|
|
|
|
|
@click="auditForm('formdetail','2')">办结
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="form.status==1" type="warning" v-preventReClick
|
|
|
|
|
@click="auditForm('formdetail','4')">缺陷办结
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="form.status==1" type="danger" v-preventReClick
|
|
|
|
|
@click="auditForm('formdetail','3')">退回</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</dialogShow>
|
|
|
|
|
<div>
|
|
|
|
|
<el-dialog class="common-dialog showbigimg" :visible.sync="dialogVisible">
|
|
|
|
|
<i v-if="noNext" class="el-icon-arrow-left" @click="showNextBigPic"></i>
|
|
|
|
|
<div v-for="(item,index) in filesImgList" :key="index">
|
|
|
|
|
<img width="100%" :src="item.url" v-if="dialogImageIndex==index">
|
|
|
|
|
</div>
|
|
|
|
|
<i v-if="noNext" class="el-icon-arrow-right" @click="showNextBigPic('next')"></i>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 日常雨水设施查看 -->
|
|
|
|
|
<dialogShow :title="title" :is-show.sync="isShow" :width="width" @resetform="resetinfo">
|
|
|
|
|
<template v-slot:content>
|
|
|
|
|
<el-form :model="formdetail" :rules="{}" ref="formdetail" label-position="right" :label-width="labelwidth">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="所属道路" prop="road_id">
|
|
|
|
|
{{form.roadName}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="巡查内容" prop="ask_content_id">
|
|
|
|
|
{{form.ask_content_detail?form.ask_content_detail:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="所在位置" prop="address">
|
|
|
|
|
{{form.address}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="上报时间" prop="created_at">
|
|
|
|
|
{{form.created_at}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="现场照片" prop="files_list" class="files_check">
|
|
|
|
|
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
|
|
|
|
|
ref="pictureUploads">
|
|
|
|
|
<div slot="file" slot-scope="{file}">
|
|
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
|
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
|
|
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file,filesList)">
|
|
|
|
|
<i class="el-icon-zoom-in"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="是否异常" prop="is_unusual">
|
|
|
|
|
<el-tag v-if="form.is_unusual==0">否</el-tag>
|
|
|
|
|
<el-tag type="warning" v-if="form.is_unusual==1">是</el-tag>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12" v-if="form.is_unusual==0">
|
|
|
|
|
<el-form-item label="巡查开始点位" prop="start_address">
|
|
|
|
|
{{form.start_address?form.start_address:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-if="form.is_unusual==0">
|
|
|
|
|
<el-form-item label="巡查结束点位" prop="address">
|
|
|
|
|
{{form.end_address?form.end_address:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_unusual!=0">
|
|
|
|
|
<el-form-item label="异常类型" prop="unusual_type_detail">
|
|
|
|
|
{{form.unusual_type_detail?form.unusual_type_detail.value:""}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_unusual!=0">
|
|
|
|
|
<el-form-item label="异常处置建议" prop="tip">
|
|
|
|
|
{{form.tip}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<el-form-item label="是否现场处理" prop="is_scene">
|
|
|
|
|
<el-tag v-if="form.is_scene==0">否</el-tag>
|
|
|
|
|
<el-tag type="success" v-if="form.is_scene==1">是</el-tag>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_scene==1">
|
|
|
|
|
<el-form-item label="现场处理结果" prop="result">
|
|
|
|
|
{{form.result}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.is_scene==1">
|
|
|
|
|
<el-form-item label="处理后照片" prop="files_end_list" class="files_check">
|
|
|
|
|
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="dealFilesList"
|
|
|
|
|
ref="pictureUploads">
|
|
|
|
|
<div slot="file" slot-scope="{file}">
|
|
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
|
|
|
|
<span class="el-upload-list__item-actions">
|
|
|
|
|
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file,dealFilesList)">
|
|
|
|
|
<i class="el-icon-zoom-in"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 查看 -->
|
|
|
|
|
<div v-if="formType=='showform'">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="有无违法转办">
|
|
|
|
|
<el-tag v-if="form.end_type==0">无</el-tag>
|
|
|
|
|
<el-tag type="warning" v-if="form.end_type==1">养护转办</el-tag>
|
|
|
|
|
<el-tag type="warning" v-if="form.end_type==2">违法转办</el-tag>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.end_type==1">
|
|
|
|
|
<el-form-item label="养护转办类型" prop="type">
|
|
|
|
|
<div v-for="item in yhtypeList">
|
|
|
|
|
<div v-if="form.maintain_type==item.id">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.end_type==1">
|
|
|
|
|
<el-form-item label="要求完成时间" prop="end_time">
|
|
|
|
|
{{form.end_time}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="form.end_type==1">
|
|
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
|
|
{{form.remark}}
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="处理日志" prop="">
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-table :data="form.rainInspectionLogs" style="width: 90%;margin: 0 auto;">
|
|
|
|
|
<el-table-column prop="created_at" label="日期" width="180">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="content" label="内容">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="type_name" label="操作结果">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="adminName" label="操作人" width="180">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 审核 auditform 办结-->
|
|
|
|
|
<div v-if="formType!='showform'">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="备注" prop="content">
|
|
|
|
|
<el-input type="textarea" v-model="formdetail.content" placeholder="请填写备注"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div v-if="formType=='endform'||formType=='clueform'">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="有无违法转办" prop="end_type">
|
|
|
|
|
<el-radio-group v-model="formdetail.end_type">
|
|
|
|
|
<el-radio :label="0">无</el-radio>
|
|
|
|
|
<el-radio :label="1">养护转办</el-radio>
|
|
|
|
|
<el-radio :label="2">违法转办</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="formdetail.end_type==1">
|
|
|
|
|
<el-form-item label="养护转办类型" prop="type">
|
|
|
|
|
<el-select class="width100" v-model="formdetail.maintain_type" placeholder="请选择养护转办类型">
|
|
|
|
|
<el-option v-for="item in yhtypeList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="formdetail.end_type==1">
|
|
|
|
|
<el-form-item label="要求完成时间" prop="end_time">
|
|
|
|
|
<el-date-picker style="width:100%" v-model="formdetail.end_time" type="datetime" placeholder="选择时间"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="备注" prop="remark" v-if="formdetail.end_type==1">
|
|
|
|
|
<el-input type="textarea" v-model="formdetail.remark" placeholder="请填写备注"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-slot:footerbtn>
|
|
|
|
|
<el-button v-if="formType=='auditform'" type="primary" v-preventReClick @click="auditForm('formdetail','1')">审核
|
|
|
|
|
</el-button>
|
|
|
|
|
<div v-if="formType=='endform'" style="display: inline-block;margin-left:10px">
|
|
|
|
|
<el-button v-if="formdetail.end_type!=2" type="primary" v-preventReClick @click="auditForm('formdetail','2')">
|
|
|
|
|
办结
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="formdetail.end_type==2" type="primary" v-preventReClick @click="auditForm('formdetail','1')">
|
|
|
|
|
保存
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="formdetail.end_type!=2" type="danger" v-preventReClick @click="auditForm('formdetail','3')">
|
|
|
|
|
退回
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="formType=='clueform'" style="display: inline-block;margin-left:10px">
|
|
|
|
|
<el-button v-if="form.status==1" type="primary" v-preventReClick @click="auditForm('formdetail','2')">办结
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="form.status==1" type="warning" v-preventReClick @click="auditForm('formdetail','4')">缺陷办结
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button v-if="form.status==1" type="danger" v-preventReClick @click="auditForm('formdetail','3')">退回
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</dialogShow>
|
|
|
|
|
<div>
|
|
|
|
|
<el-dialog class="common-dialog showbigimg" :visible.sync="dialogVisible">
|
|
|
|
|
<i v-if="noNext" class="el-icon-arrow-left" @click="showNextBigPic"></i>
|
|
|
|
|
<div v-for="(item,index) in filesImgList" :key="index">
|
|
|
|
|
<img width="100%" :src="item.url" v-if="dialogImageIndex==index">
|
|
|
|
|
</div>
|
|
|
|
|
<i v-if="noNext" class="el-icon-arrow-right" @click="showNextBigPic('next')"></i>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
get,
|
|
|
|
|
get,
|
|
|
|
|
update
|
|
|
|
|
} from '../../../../api/rain/inspection.js'
|
|
|
|
|
import {
|
|
|
|
|
storeclue
|
|
|
|
|
} from '../../../../api/rain/inspection.js'
|
|
|
|
|
import {
|
|
|
|
|
storeclue
|
|
|
|
|
} from '../../../../api/assess/clue.js'
|
|
|
|
|
import dialogShow from '@/components/dialogShow'
|
|
|
|
|
export default {
|
|
|
|
|
@ -251,12 +249,12 @@
|
|
|
|
|
labelwidth: "120px",
|
|
|
|
|
isShow: false,
|
|
|
|
|
// diaShow:this.isShow,
|
|
|
|
|
infoId: "",
|
|
|
|
|
dialogImageUrl: "",
|
|
|
|
|
dialogVisible: false,
|
|
|
|
|
dialogImageIndex:0,
|
|
|
|
|
filesImgList:[],
|
|
|
|
|
noNext: false,
|
|
|
|
|
infoId: "",
|
|
|
|
|
dialogImageUrl: "",
|
|
|
|
|
dialogVisible: false,
|
|
|
|
|
dialogImageIndex: 0,
|
|
|
|
|
filesImgList: [],
|
|
|
|
|
noNext: false,
|
|
|
|
|
|
|
|
|
|
filesList: [],
|
|
|
|
|
dealFilesList: [],
|
|
|
|
|
@ -289,18 +287,18 @@
|
|
|
|
|
content: "",
|
|
|
|
|
end_type: 0,
|
|
|
|
|
end_time: "",
|
|
|
|
|
remark: "",
|
|
|
|
|
remark: "",
|
|
|
|
|
// maintain_type:""
|
|
|
|
|
},
|
|
|
|
|
formclue: {
|
|
|
|
|
type: 5,
|
|
|
|
|
rain_inspection_id: "",
|
|
|
|
|
date: "",
|
|
|
|
|
files_list: [],
|
|
|
|
|
area_id: "",
|
|
|
|
|
address: "",
|
|
|
|
|
longitude: "",
|
|
|
|
|
latitude: ""
|
|
|
|
|
},
|
|
|
|
|
formclue: {
|
|
|
|
|
type: 5,
|
|
|
|
|
rain_inspection_id: "",
|
|
|
|
|
date: "",
|
|
|
|
|
files_list: [],
|
|
|
|
|
area_id: "",
|
|
|
|
|
address: "",
|
|
|
|
|
longitude: "",
|
|
|
|
|
latitude: ""
|
|
|
|
|
},
|
|
|
|
|
rules: {}
|
|
|
|
|
|
|
|
|
|
@ -312,15 +310,18 @@
|
|
|
|
|
},
|
|
|
|
|
formType(val) {
|
|
|
|
|
this.formType = val
|
|
|
|
|
},
|
|
|
|
|
'formdetail.end_type':function(val){
|
|
|
|
|
if(val){
|
|
|
|
|
this.formdetail.remark = ""
|
|
|
|
|
this.formdetail.end_time = ""
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
'formdetail.end_type': function(val) {
|
|
|
|
|
if (val) {
|
|
|
|
|
this.formdetail.remark = ""
|
|
|
|
|
this.formdetail.end_time = ""
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
resetinfo() {
|
|
|
|
|
this.filesList = [];
|
|
|
|
|
},
|
|
|
|
|
getEquipmentInfo(id) {
|
|
|
|
|
if (id) {
|
|
|
|
|
var that = this;
|
|
|
|
|
@ -337,10 +338,10 @@
|
|
|
|
|
that.form.roadName = result.rain_equipment_info.road ? result.rain_equipment_info.road.name : ""
|
|
|
|
|
that.form.end_time = result.end_time
|
|
|
|
|
that.form.remark = result.remark
|
|
|
|
|
that.form.end_type = result.end_type
|
|
|
|
|
that.form.status = result.status
|
|
|
|
|
that.formdetail.end_type = result.end_type
|
|
|
|
|
that.form.maintain_type = result.maintain_type
|
|
|
|
|
that.form.end_type = result.end_type
|
|
|
|
|
that.form.status = result.status
|
|
|
|
|
that.formdetail.end_type = result.end_type
|
|
|
|
|
that.form.maintain_type = result.maintain_type
|
|
|
|
|
|
|
|
|
|
let _files = [];
|
|
|
|
|
for (var mod of result.rain_equipment_info.rain_equipment_files) {
|
|
|
|
|
@ -360,16 +361,16 @@
|
|
|
|
|
m.photoType = "after";
|
|
|
|
|
_filesafter.push(m);
|
|
|
|
|
}
|
|
|
|
|
that.dealFilesList = _filesafter;
|
|
|
|
|
|
|
|
|
|
that.formclue.type = 5
|
|
|
|
|
that.formclue.rain_inspection_id = result.id
|
|
|
|
|
that.formclue.files_list = _files
|
|
|
|
|
that.formclue.date = result.created_at
|
|
|
|
|
that.formclue.content = that.form.content
|
|
|
|
|
that.formclue.address = that.form.address
|
|
|
|
|
that.formclue.latitude = that.form.latitude
|
|
|
|
|
that.formclue.longitude = that.form.longitude
|
|
|
|
|
that.dealFilesList = _filesafter;
|
|
|
|
|
|
|
|
|
|
that.formclue.type = 5
|
|
|
|
|
that.formclue.rain_inspection_id = result.id
|
|
|
|
|
that.formclue.files_list = _files
|
|
|
|
|
that.formclue.date = result.created_at
|
|
|
|
|
that.formclue.content = that.form.content
|
|
|
|
|
that.formclue.address = that.form.address
|
|
|
|
|
that.formclue.latitude = that.form.latitude
|
|
|
|
|
that.formclue.longitude = that.form.longitude
|
|
|
|
|
that.fromclue.area_id = result.area_id ? result.area_id : ""
|
|
|
|
|
console.log(that.form)
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
@ -377,88 +378,92 @@
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
auditForm(formname,status) {
|
|
|
|
|
auditForm(formname, status) {
|
|
|
|
|
var that = this
|
|
|
|
|
this.formdetail.status = status
|
|
|
|
|
this.formdetail.id = this.infoId
|
|
|
|
|
if (that.formdetail.end_type == 1 && that.formdetail.status == 2) {
|
|
|
|
|
storeclue(that.formclue).then(response => {
|
|
|
|
|
this.$Message.success('新增线索处办成功');
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
//reject(error)
|
|
|
|
|
})
|
|
|
|
|
this.formdetail.id = this.infoId
|
|
|
|
|
if (that.formdetail.end_type == 1 && that.formdetail.status == 2) {
|
|
|
|
|
storeclue(that.formclue).then(response => {
|
|
|
|
|
this.$Message.success('新增线索处办成功');
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
//reject(error)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
update(that.formdetail).then(response => {
|
|
|
|
|
this.$Message.success('操作成功');
|
|
|
|
|
this.$emit("auditSuccess")
|
|
|
|
|
that.isShow = false;
|
|
|
|
|
this.$emit("auditSuccess")
|
|
|
|
|
that.isShow = false;
|
|
|
|
|
this.$refs['formdetail'].resetFields()
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
//reject(error)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handlePictureCardPreview(file,whichfilelist) {
|
|
|
|
|
this.filesImgList = whichfilelist
|
|
|
|
|
if(this.filesImgList.length>1){
|
|
|
|
|
this.noNext = true
|
|
|
|
|
}else{
|
|
|
|
|
this.noNext = false
|
|
|
|
|
}
|
|
|
|
|
for (var i = 0; i < this.filesImgList.length; i++) {
|
|
|
|
|
if (this.filesImgList[i].url == file.url) {
|
|
|
|
|
this.dialogImageIndex = i
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.dialogVisible = true;
|
|
|
|
|
},
|
|
|
|
|
showNextBigPic(next){
|
|
|
|
|
let imgLength = this.filesImgList.length
|
|
|
|
|
if(next=='next'){
|
|
|
|
|
this.dialogImageIndex++
|
|
|
|
|
if(this.dialogImageIndex>imgLength-1){
|
|
|
|
|
this.dialogImageIndex=0
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
this.dialogImageIndex--
|
|
|
|
|
if(this.dialogImageIndex<0){
|
|
|
|
|
this.dialogImageIndex=imgLength-1
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handlePictureCardPreview(file, whichfilelist) {
|
|
|
|
|
this.filesImgList = whichfilelist
|
|
|
|
|
if (this.filesImgList.length > 1) {
|
|
|
|
|
this.noNext = true
|
|
|
|
|
} else {
|
|
|
|
|
this.noNext = false
|
|
|
|
|
}
|
|
|
|
|
for (var i = 0; i < this.filesImgList.length; i++) {
|
|
|
|
|
if (this.filesImgList[i].url == file.url) {
|
|
|
|
|
this.dialogImageIndex = i
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.dialogVisible = true;
|
|
|
|
|
},
|
|
|
|
|
showNextBigPic(next) {
|
|
|
|
|
let imgLength = this.filesImgList.length
|
|
|
|
|
if (next == 'next') {
|
|
|
|
|
this.dialogImageIndex++
|
|
|
|
|
if (this.dialogImageIndex > imgLength - 1) {
|
|
|
|
|
this.dialogImageIndex = 0
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.dialogImageIndex--
|
|
|
|
|
if (this.dialogImageIndex < 0) {
|
|
|
|
|
this.dialogImageIndex = imgLength - 1
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.showbigimg{
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.showbigimg .el-dialog__body{
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.showbigimg .el-dialog__body div{
|
|
|
|
|
text-align: center;
|
|
|
|
|
width:90%;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
.showbigimg .el-icon-arrow-left{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top:50%;
|
|
|
|
|
left:1%;
|
|
|
|
|
transform: translate(0%,-50%);
|
|
|
|
|
font-size: 60px;
|
|
|
|
|
}
|
|
|
|
|
.showbigimg .el-icon-arrow-right{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top:50%;
|
|
|
|
|
right:1%;
|
|
|
|
|
transform: translate(0%,-50%);
|
|
|
|
|
font-size: 60px;
|
|
|
|
|
}
|
|
|
|
|
.files_check .el-upload.el-upload--picture-card {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
<style>
|
|
|
|
|
.showbigimg {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.showbigimg .el-dialog__body {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.showbigimg .el-dialog__body div {
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 90%;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.showbigimg .el-icon-arrow-left {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 1%;
|
|
|
|
|
transform: translate(0%, -50%);
|
|
|
|
|
font-size: 60px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.showbigimg .el-icon-arrow-right {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
right: 1%;
|
|
|
|
|
transform: translate(0%, -50%);
|
|
|
|
|
font-size: 60px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.files_check .el-upload.el-upload--picture-card {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
刘翔宇-旅管家
4 years ago