wangyifang
/
patrol-maintain-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

转派单 工单文件展示

Browse Source
master
lion 3 years ago
parent a4806f305c
commit fcc63c1543
2 changed files with 101 additions and 33 deletions
Show Stats Download Patch File Download Diff File

2
package.json
Unescape View File

@ -18,7 +18,7 @@
"avue-plugin-map": "^1.0.1",
"axios": "0.18.1",
"core-js": "3.6.5",
"echarts": "^4.2.1",
"echarts": "^4.9.0",
"element-ui": "2.13.2",
"js-cookie": "2.2.0",
"moment": "^2.29.4",

132
src/views/rain/order/send.vue
Unescape View File

@ -20,8 +20,10 @@
:label="column.title" :width="column.width" :fixed="column.fixed">
<template slot-scope="scope">
<div v-if="column.type=='opt'">
<Button v-if="scope.row['user_id']==0" ghost size="small" @click="edit(scope.row,'pd')" type="primary"
<Button v-if="scope.row['accept_status']==0&&scope.row['user_id']==0" ghost size="small" @click="edit(scope.row,'pd')" type="primary"
style="margin-left: 10px;">派单</Button>
<Button v-if="scope.row['accept_status']==0&&scope.row['user_id']!=0" ghost size="small" @click="edit(scope.row,'pd')" type="primary"
style="margin-left: 10px;">改派单</Button>
<Button ghost size="small" @click="show(scope.row,'ck')" type="primary"
style="margin-left: 10px;">查看</Button>
<!-- <Button ghost size="small" @click="del(scope.row)" type="error" style="margin-left: 10px;">删除</Button> -->
@ -129,6 +131,21 @@
{{tableList.worksheet_info.complain_mobile}}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="现场照片" prop="files_list" class="files_check">
<el-upload action="" list-type="picture-card" :file-list="worksheetFiles"
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)">
<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_change">
<el-tag v-if="tableList.worksheet_info.is_change==0">否</el-tag>
@ -203,6 +220,21 @@
{{rainEquipmentInfo.content}}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="现场照片" prop="files_list" class="files_check">
<el-upload action="" list-type="picture-card" :file-list="rainEquipmentFiles"
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)">
<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">
@ -227,6 +259,22 @@
{{rainEquipmentInfo.result}}
</el-form-item>
</el-col>
<el-col :span="24" v-if="rainEquipmentInfo.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="rainEquipmentEndFiles"
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)">
<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="转办类型">
<el-tag v-if="tableList.rain_inspection_info.end_type==0">无</el-tag>
@ -249,39 +297,10 @@
<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)">
<i class="el-icon-zoom-in"></i>
</span>
</span>
</div>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="24" v-if="tableList.rain_inspection_info.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)">
<i class="el-icon-zoom-in"></i>
</span>
</span>
</div>
</el-upload>
</el-form-item>
</el-col>
-->
</el-row>
@ -296,6 +315,9 @@
</div>
</el-dialog>
<el-dialog class="common-dialog" :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
@ -328,9 +350,14 @@
dialogxcFormDetailVisible:false,
dialogFormVisible: false,
formLabelWidth: "120px",
dialogImageUrl: "",
dialogVisible: false,
tableData: [],
areaList:[],
personList:[],
rainEquipmentEndFiles:[],
rainEquipmentFiles:[],
worksheetFiles:[],
tableHeight: 0,
searchFields: {
KeyWord: ""
@ -446,7 +473,11 @@
this.load();
},
methods: {
methods: {
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
initLoad() {
var that = this;
var clientHeight = document.documentElement.clientHeight
@ -504,14 +535,48 @@
if(what=='ck'){
that.rainEquipmentInfo = {}
that.worksheetFiles = []
that.rainEquipmentEndFiles = []
that.rainEquipmentFiles = []
for(var m in that.tableList){
that.tableList[m] = {}
if(result[m]){
that.tableList[m] = result[m]
if(m=='worksheet_info'){
let work_files = [];
for (var mod of result[m].worksheet_files) {
let m = Object.assign({}, mod);
m.url = mod.files.url;
m.id = mod.files.id;
m.photoType = "before";
work_files.push(m);
}
that.worksheetFiles = work_files;
that.dialogOrderFormVisible = true
}else{
that.rainEquipmentInfo = Object.assign(that.rainEquipmentInfo, result[m].rain_equipment_info)
let _files = [];
for (var mod of result[m].rain_equipment_info.rain_equipment_files) {
let m = Object.assign({}, mod);
m.url = mod.files.url;
m.id = mod.files.id;
m.photoType = "before";
_files.push(m);
}
that.rainEquipmentFiles = _files;
let _filesafter = [];
for (var mod of result[m].rain_equipment_info.rain_equipment_end_files) {
let m = Object.assign({}, mod);
m.url = mod.files.url;
m.id = mod.files.id;
m.photoType = "after";
_filesafter.push(m);
}
that.rainEquipmentEndFiles = _filesafter;
that.dialogxcFormDetailVisible = true
}
}
@ -631,5 +696,8 @@
}
.width100{
width:100%;
}
.files_check .el-upload.el-upload--picture-card {
display: none;
}
</style>

Write Preview
Loading…
Cancel
Save