|
|
|
@ -1,52 +1,137 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="custom-pop-head"> |
|
|
|
<view class="custom-pop-head"> |
|
|
|
<view class="left" @click="$emit('show',false)">取消</view> |
|
|
|
<view class="left" @click="$emit('show', false)">取消</view> |
|
|
|
<view class="title">{{ investigationDetailTitle }}</view> |
|
|
|
<view class="title">{{ investigationDetailTitle }}</view> |
|
|
|
<view class="right" @click="investigationDetailHandle">确认</view> |
|
|
|
<view class="right" @click="investigationDetailHandle">确认</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="box" style="max-height: 800rpx;overflow-y: auto"> |
|
|
|
<view class="box" style="max-height: 800rpx; overflow-y: auto"> |
|
|
|
<view class="investigation-item" v-for="(item, index) in investigationDetailList" :key="index" |
|
|
|
<view |
|
|
|
style="width: 96%; padding: 0"> |
|
|
|
class="investigation-item" |
|
|
|
<view class="detail-item" v-if="item.type === 'number' || item.type === '1'"> |
|
|
|
v-for="(item, index) in investigationDetailList" |
|
|
|
<uni-forms-item :label="item.name" label-width="450rpx" style="display: flex;align-items: center"> |
|
|
|
:key="index" |
|
|
|
<u-input placeholder="请输入" border="none" v-model="item.standar" inputAlign="right" |
|
|
|
style="width: 96%; padding: 0" |
|
|
|
type="number"> |
|
|
|
> |
|
|
|
<u-text :text="item.unit" slot="suffix" margin="0 3px 0 0" type="tips"></u-text> |
|
|
|
<view |
|
|
|
|
|
|
|
class="detail-item" |
|
|
|
|
|
|
|
v-if="item.type === 'number' || item.type === '1'" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<uni-forms-item |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
label-width="450rpx" |
|
|
|
|
|
|
|
style="display: flex; align-items: center" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<u-input |
|
|
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
|
|
border="none" |
|
|
|
|
|
|
|
v-model="item.standar" |
|
|
|
|
|
|
|
inputAlign="right" |
|
|
|
|
|
|
|
type="number" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<u-text |
|
|
|
|
|
|
|
:text="item.unit" |
|
|
|
|
|
|
|
slot="suffix" |
|
|
|
|
|
|
|
margin="0 3px 0 0" |
|
|
|
|
|
|
|
type="tips" |
|
|
|
|
|
|
|
></u-text> |
|
|
|
</u-input> |
|
|
|
</u-input> |
|
|
|
</uni-forms-item> |
|
|
|
</uni-forms-item> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="detail-item" v-else-if="item.type === 'text' || item.type === '2'"> |
|
|
|
<view |
|
|
|
<uni-forms-item :label="item.name" label-width="450rpx" style="display: flex;align-items: center"> |
|
|
|
class="detail-item" |
|
|
|
<u-input placeholder="请输入" border="none" v-model="item.standar" inputAlign="right" /> |
|
|
|
v-else-if="item.type === 'text' || item.type === '2'" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<uni-forms-item |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
label-width="450rpx" |
|
|
|
|
|
|
|
style="display: flex; align-items: center" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<u-input |
|
|
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
|
|
border="none" |
|
|
|
|
|
|
|
v-model="item.standar" |
|
|
|
|
|
|
|
inputAlign="right" |
|
|
|
|
|
|
|
/> |
|
|
|
</uni-forms-item> |
|
|
|
</uni-forms-item> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="detail-item" v-else-if="item.type === 'check' || item.type === '3'"> |
|
|
|
<view |
|
|
|
<uni-forms-item :label="item.name" label-width="450rpx" style="display: flex;align-items: center"> |
|
|
|
class="detail-item" |
|
|
|
<u-checkbox v-model="item.standar" :customStyle="{justifyContent: 'space-between'}" |
|
|
|
v-else-if="item.type === 'check' || item.type === '3'" |
|
|
|
:name="'sdfs'" /> |
|
|
|
> |
|
|
|
|
|
|
|
<uni-forms-item |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
label-width="450rpx" |
|
|
|
|
|
|
|
style="display: flex; align-items: center" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<u-checkbox |
|
|
|
|
|
|
|
v-model="item.standar" |
|
|
|
|
|
|
|
:customStyle="{ justifyContent: 'space-between' }" |
|
|
|
|
|
|
|
:name="'sdfs'" |
|
|
|
|
|
|
|
/> |
|
|
|
</uni-forms-item> |
|
|
|
</uni-forms-item> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="detail-item" v-else-if="item.type === 'upload' || item.type === '4'"> |
|
|
|
<view |
|
|
|
<uni-forms-item :label="item.name" label-position="top" label-width="450rpx" |
|
|
|
class="detail-item" |
|
|
|
style="display: flex;align-items: center" /> |
|
|
|
v-else-if="item.type === 'upload' || item.type === '4'" |
|
|
|
<u-upload :fileList="item.fileList" @afterRead="(e) => afterRead(e, item)" |
|
|
|
> |
|
|
|
@delete="(e) => deletePic(e, item)" name="1" :maxCount="1"></u-upload> |
|
|
|
<uni-forms-item |
|
|
|
|
|
|
|
:label="item.name" |
|
|
|
|
|
|
|
label-position="top" |
|
|
|
|
|
|
|
label-width="450rpx" |
|
|
|
|
|
|
|
style="display: flex; align-items: center" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<u-upload |
|
|
|
|
|
|
|
:fileList="item.fileList" |
|
|
|
|
|
|
|
@afterRead="(e) => afterRead(e, item)" |
|
|
|
|
|
|
|
@delete="(e) => deletePic(e, item)" |
|
|
|
|
|
|
|
name="1" |
|
|
|
|
|
|
|
:maxCount="1" |
|
|
|
|
|
|
|
></u-upload> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="investigation-item" style="width: 96%; padding: 0"> |
|
|
|
<view class="detail-item"> |
|
|
|
<view class="detail-item"> |
|
|
|
<uni-forms-item label="隐患描述" label-position="top" label-width="200px" /> |
|
|
|
<uni-forms-item |
|
|
|
<u-textarea placeholder="请输入" border="none" v-model="formData.hdDesc" /> |
|
|
|
label="隐患描述" |
|
|
|
|
|
|
|
label-position="top" |
|
|
|
|
|
|
|
label-width="200px" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<u-textarea |
|
|
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
|
|
border="none" |
|
|
|
|
|
|
|
v-model="formData.hdDesc" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="investigation-item" style="width: 96%; padding: 0"> |
|
|
|
<view class="detail-item"> |
|
|
|
<view class="detail-item"> |
|
|
|
<uni-forms-item label="隐患图片" label-position="top" label-width="200px" /> |
|
|
|
<uni-forms-item |
|
|
|
<u-upload :fileList="fileList" @afterRead="(e) => afterRead2(e, 'fileList')" |
|
|
|
label="隐患图片" |
|
|
|
@delete="(e) => deletePic2(e, 'fileList')" name="1" :maxCount="1"></u-upload> |
|
|
|
label-position="top" |
|
|
|
|
|
|
|
label-width="200px" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<u-upload |
|
|
|
|
|
|
|
:fileList="fileList" |
|
|
|
|
|
|
|
@afterRead="(e) => afterRead2(e, 'fileList')" |
|
|
|
|
|
|
|
@delete="(e) => deletePic2(e, 'fileList')" |
|
|
|
|
|
|
|
name="1" |
|
|
|
|
|
|
|
:maxCount="1" |
|
|
|
|
|
|
|
></u-upload> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="investigation-item" style="width: 96%; padding: 0"> |
|
|
|
<view class="detail-item"> |
|
|
|
<view class="detail-item"> |
|
|
|
<uni-forms-item label="需采集补充信息" label-position="top" label-width="200px" /> |
|
|
|
<uni-forms-item |
|
|
|
<u-textarea placeholder="请输入" border="none" v-model="formData.hdInfo" /> |
|
|
|
label="需采集补充信息" |
|
|
|
|
|
|
|
label-position="top" |
|
|
|
|
|
|
|
label-width="200px" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<u-textarea |
|
|
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
|
|
border="none" |
|
|
|
|
|
|
|
v-model="formData.hdInfo" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="blank" /> |
|
|
|
<view class="blank" /> |
|
|
|
@ -54,17 +139,21 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
// 组件 |
|
|
|
// 组件 |
|
|
|
components: {}, |
|
|
|
components: {}, |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
sid: { |
|
|
|
sid: { |
|
|
|
type: String, |
|
|
|
type: String, |
|
|
|
default: '01' |
|
|
|
default: "01", |
|
|
|
}, |
|
|
|
}, |
|
|
|
json: { |
|
|
|
json: { |
|
|
|
type: Object, |
|
|
|
type: Object, |
|
|
|
default: {} |
|
|
|
default: {}, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
businessId: { |
|
|
|
|
|
|
|
type: String, |
|
|
|
|
|
|
|
default: "", |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
@ -74,31 +163,32 @@ |
|
|
|
investigationSelect: null, |
|
|
|
investigationSelect: null, |
|
|
|
investigationList: [], |
|
|
|
investigationList: [], |
|
|
|
showInvestigationDetail: false, |
|
|
|
showInvestigationDetail: false, |
|
|
|
investigationDetailTitle: '', |
|
|
|
investigationDetailTitle: "", |
|
|
|
investigationDetailList: [], |
|
|
|
investigationDetailList: [], |
|
|
|
formData: { |
|
|
|
formData: { |
|
|
|
bigCategory: '', |
|
|
|
// bigCategory: '', |
|
|
|
smallCategory: '', |
|
|
|
// smallCategory: '', |
|
|
|
hdTerm: '', |
|
|
|
// hdTerm: '', |
|
|
|
hdPic: '', |
|
|
|
hdPic: "", |
|
|
|
hdDesc: '', |
|
|
|
hdDesc: "", |
|
|
|
hdInfo: '', |
|
|
|
hdInfo: "", |
|
|
|
}, |
|
|
|
}, |
|
|
|
fileList: [], |
|
|
|
fileList: [], |
|
|
|
} |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 页面加载 |
|
|
|
// 页面加载 |
|
|
|
onLoad(e) { |
|
|
|
onLoad(e) { |
|
|
|
// this.getData() |
|
|
|
// this.getData() |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
|
|
|
|
console.log(this.json); |
|
|
|
if (this.json.name) { |
|
|
|
if (this.json.extraConfigs) { |
|
|
|
this.investigationDetailList = this.json.extraConfigs.map(item => { |
|
|
|
this.investigationDetailList = this.json.extraConfigs.map((item) => { |
|
|
|
if (!item.fileList) { |
|
|
|
if (!item.fileList) { |
|
|
|
item.fileList = [] |
|
|
|
item.fileList = []; |
|
|
|
} |
|
|
|
} |
|
|
|
switch (item.type) { |
|
|
|
switch ( |
|
|
|
|
|
|
|
item.type |
|
|
|
// case "1": |
|
|
|
// case "1": |
|
|
|
// item.standar = 0 |
|
|
|
// item.standar = 0 |
|
|
|
// break; |
|
|
|
// break; |
|
|
|
@ -110,178 +200,254 @@ |
|
|
|
// break; |
|
|
|
// break; |
|
|
|
// case "4": |
|
|
|
// case "4": |
|
|
|
// item.fileList = [ |
|
|
|
// item.fileList = [ |
|
|
|
// { |
|
|
|
// // { |
|
|
|
// "id": "20229a8c-db46-4447-be3e-6731665f7bd0", |
|
|
|
// // "id": "20229a8c-db46-4447-be3e-6731665f7bd0", |
|
|
|
// "type": "image", |
|
|
|
// // "type": "image", |
|
|
|
// "url": "https://img-blog.csdnimg.cn/20210823085628540.jpeg", |
|
|
|
// // "url": "https://img-blog.csdnimg.cn/20210823085628540.jpeg", |
|
|
|
// "thumb": "blob:http://localhost:8080/4343e24a-edc5-4693-8fbd-f99647ea3bd5", |
|
|
|
// // "thumb": "blob:http://localhost:8080/4343e24a-edc5-4693-8fbd-f99647ea3bd5", |
|
|
|
// "size": 11600, |
|
|
|
// // "size": 11600, |
|
|
|
// "name": "静态人流量统计.png", |
|
|
|
// // "name": "静态人流量统计.png", |
|
|
|
// "status": "success", |
|
|
|
// // "status": "success", |
|
|
|
// "message": "", |
|
|
|
// // "message": "", |
|
|
|
// "result": { |
|
|
|
// // "result": { |
|
|
|
// "code": 200, |
|
|
|
// // "code": 200, |
|
|
|
// "message": "操作成功", |
|
|
|
// // "message": "操作成功", |
|
|
|
// "result": "https://img-blog.csdnimg.cn/20210823085628540.jpeg" |
|
|
|
// // "result": "https://img-blog.csdnimg.cn/20210823085628540.jpeg" |
|
|
|
// } |
|
|
|
// // } |
|
|
|
// } |
|
|
|
// // } |
|
|
|
// ] |
|
|
|
// ] |
|
|
|
// break; |
|
|
|
// break; |
|
|
|
|
|
|
|
) { |
|
|
|
} |
|
|
|
} |
|
|
|
return item |
|
|
|
return item; |
|
|
|
}) |
|
|
|
}); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.getData(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if (this.json.checkedSelect) { |
|
|
|
|
|
|
|
this.formData = { |
|
|
|
|
|
|
|
hdPic: this.json.checkedSelect.hdPic || "", |
|
|
|
|
|
|
|
hdDesc: this.json.checkedSelect.hdDesc || "", |
|
|
|
|
|
|
|
hdInfo: this.json.checkedSelect.hdInfo || "", |
|
|
|
|
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 页面显示 |
|
|
|
// 页面显示 |
|
|
|
onShow() { }, |
|
|
|
onShow() {}, |
|
|
|
// 计算属性 |
|
|
|
// 计算属性 |
|
|
|
computed: {}, |
|
|
|
computed: {}, |
|
|
|
// 方法 |
|
|
|
// 方法 |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
|
|
|
|
// 删除图片 |
|
|
|
// 删除图片 |
|
|
|
deletePic(event, item) { |
|
|
|
deletePic(event, item) { |
|
|
|
item.fileList.splice(event.index, 1) |
|
|
|
item.fileList.splice(event.index, 1); |
|
|
|
}, |
|
|
|
}, |
|
|
|
//获取随机id |
|
|
|
//获取随机id |
|
|
|
uuid(len, binary) { |
|
|
|
uuid(len, binary) { |
|
|
|
len = !len ? 36 : len; |
|
|
|
len = !len ? 36 : len; |
|
|
|
binary = !binary ? 16 : binary; |
|
|
|
binary = !binary ? 16 : binary; |
|
|
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { |
|
|
|
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx" |
|
|
|
var r = Math.random() * binary | 0, |
|
|
|
.replace(/[xy]/g, function (c) { |
|
|
|
v = c == 'x' ? r : (r & 0x3 | 0x8); |
|
|
|
var r = (Math.random() * binary) | 0, |
|
|
|
|
|
|
|
v = c == "x" ? r : (r & 0x3) | 0x8; |
|
|
|
return v.toString(binary); |
|
|
|
return v.toString(binary); |
|
|
|
}).substring(0, len) |
|
|
|
}) |
|
|
|
|
|
|
|
.substring(0, len); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 新增图片 |
|
|
|
// 新增图片 |
|
|
|
async afterRead(event, item) { |
|
|
|
async afterRead(event, item) { |
|
|
|
|
|
|
|
|
|
|
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 |
|
|
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 |
|
|
|
const id = this.uuid() |
|
|
|
const id = this.uuid(); |
|
|
|
item.fileList.push({ |
|
|
|
item.fileList.push({ |
|
|
|
id, |
|
|
|
id, |
|
|
|
...event.file, |
|
|
|
...event.file, |
|
|
|
status: 'uploading', |
|
|
|
status: "uploading", |
|
|
|
message: '上传中' |
|
|
|
message: "上传中", |
|
|
|
}) |
|
|
|
}); |
|
|
|
const result = await this.uploadFilePromise(item.fileList[0].url) |
|
|
|
const result = await this.uploadFilePromise(item.fileList[0].url); |
|
|
|
const resultInfo = JSON.parse(result) |
|
|
|
const resultInfo = JSON.parse(result); |
|
|
|
const index = item.fileList.findIndex(v => v.id === id) |
|
|
|
const index = item.fileList.findIndex((v) => v.id === id); |
|
|
|
if (resultInfo.code == 200) { |
|
|
|
if (resultInfo.code == 200) { |
|
|
|
item.fileList.splice(index, 1, Object.assign(item.fileList[index], { |
|
|
|
item.fileList.splice( |
|
|
|
status: 'success', |
|
|
|
index, |
|
|
|
message: '', |
|
|
|
1, |
|
|
|
|
|
|
|
Object.assign(item.fileList[index], { |
|
|
|
|
|
|
|
status: "success", |
|
|
|
|
|
|
|
message: "", |
|
|
|
result: resultInfo, |
|
|
|
result: resultInfo, |
|
|
|
url: resultInfo.result |
|
|
|
url: resultInfo.result, |
|
|
|
})) |
|
|
|
}) |
|
|
|
|
|
|
|
); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.$.toast('上传失败') |
|
|
|
this.$.toast("上传失败"); |
|
|
|
item.fileList.splice(index, 1, Object.assign(item.fileList[index], { |
|
|
|
item.fileList.splice( |
|
|
|
status: 'error', |
|
|
|
index, |
|
|
|
message: '失败', |
|
|
|
1, |
|
|
|
})) |
|
|
|
Object.assign(item.fileList[index], { |
|
|
|
|
|
|
|
status: "error", |
|
|
|
|
|
|
|
message: "失败", |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
uploadFilePromise(url) { |
|
|
|
uploadFilePromise(url) { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
let a = uni.uploadFile({ |
|
|
|
let a = uni.uploadFile({ |
|
|
|
url: this.$.baseUrl + '/hiddenDanger/ftp/uploadFileToFtp', // 仅为示例，非真实的接口地址 |
|
|
|
url: this.$.baseUrl + "/hiddenDanger/ftp/uploadFileToFtp", // 仅为示例，非真实的接口地址 |
|
|
|
filePath: url, |
|
|
|
filePath: url, |
|
|
|
name: 'file', |
|
|
|
name: "file", |
|
|
|
success: (res) => { |
|
|
|
success: (res) => { |
|
|
|
resolve(res.data) |
|
|
|
resolve(res.data); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
// 删除图片 |
|
|
|
// 删除图片 |
|
|
|
deletePic2(event, key) { |
|
|
|
deletePic2(event, key) { |
|
|
|
this[key].splice(event.index, 1) |
|
|
|
this[key].splice(event.index, 1); |
|
|
|
this.formData.hdPic = this[key].filter(item => item.status === 'success').map(item => item.url).toString() |
|
|
|
this.formData.hdPic = this[key] |
|
|
|
this.changeEmit() |
|
|
|
.filter((item) => item.status === "success") |
|
|
|
|
|
|
|
.map((item) => item.url) |
|
|
|
|
|
|
|
.toString(); |
|
|
|
|
|
|
|
this.changeEmit(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 新增图片 |
|
|
|
// 新增图片 |
|
|
|
async afterRead2(event, key) { |
|
|
|
async afterRead2(event, key) { |
|
|
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 |
|
|
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 |
|
|
|
const id = this.uuid() |
|
|
|
const id = this.uuid(); |
|
|
|
this[key].push({ |
|
|
|
this[key].push({ |
|
|
|
id, |
|
|
|
id, |
|
|
|
...event.file, |
|
|
|
...event.file, |
|
|
|
status: 'uploading', |
|
|
|
status: "uploading", |
|
|
|
message: '上传中' |
|
|
|
message: "上传中", |
|
|
|
}) |
|
|
|
}); |
|
|
|
const result = await this.uploadFilePromise(this[key][0].url) |
|
|
|
const result = await this.uploadFilePromise(this[key][0].url); |
|
|
|
const resultInfo = JSON.parse(result) |
|
|
|
const resultInfo = JSON.parse(result); |
|
|
|
const index = this[key].findIndex(v => v.id === id) |
|
|
|
const index = this[key].findIndex((v) => v.id === id); |
|
|
|
if (resultInfo.code == 200) { |
|
|
|
if (resultInfo.code == 200) { |
|
|
|
this[key].splice(index, 1, Object.assign(this[key][index], { |
|
|
|
this[key].splice( |
|
|
|
status: 'success', |
|
|
|
index, |
|
|
|
message: '', |
|
|
|
1, |
|
|
|
|
|
|
|
Object.assign(this[key][index], { |
|
|
|
|
|
|
|
status: "success", |
|
|
|
|
|
|
|
message: "", |
|
|
|
result: resultInfo, |
|
|
|
result: resultInfo, |
|
|
|
url: resultInfo.result |
|
|
|
url: resultInfo.result, |
|
|
|
})) |
|
|
|
}) |
|
|
|
|
|
|
|
); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.$.toast('上传失败') |
|
|
|
this.$.toast("上传失败"); |
|
|
|
this[key].splice(index, 1, Object.assign(this[key][index], { |
|
|
|
this[key].splice( |
|
|
|
status: 'error', |
|
|
|
index, |
|
|
|
message: '失败', |
|
|
|
1, |
|
|
|
})) |
|
|
|
Object.assign(this[key][index], { |
|
|
|
|
|
|
|
status: "error", |
|
|
|
|
|
|
|
message: "失败", |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
this.formData.hdPic = this[key].filter(item => item.status === 'success').map(item => item.url).toString() |
|
|
|
this.formData.hdPic = this[key] |
|
|
|
this.changeEmit() |
|
|
|
.filter((item) => item.status === "success") |
|
|
|
|
|
|
|
.map((item) => item.url) |
|
|
|
|
|
|
|
.toString(); |
|
|
|
|
|
|
|
this.changeEmit(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
changeEmit() { |
|
|
|
changeEmit() { |
|
|
|
this.$emit('change', this.formData) |
|
|
|
this.$emit("change", this.formData); |
|
|
|
}, |
|
|
|
}, |
|
|
|
getData() { |
|
|
|
getData2() { |
|
|
|
this.$request.globalRequest('/hiddenDanger/highDanger/getImportDangerInfo', { |
|
|
|
this.$request |
|
|
|
sid: this.$props.sid |
|
|
|
.globalRequest( |
|
|
|
}, 'GET').then(res => { |
|
|
|
"/hiddenDanger/highDanger/getImportDangerInfo", |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
sid: this.$props.json.nid, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
"GET" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
if (res.code == 200) { |
|
|
|
this.investigationDetailList = res.result.map(item => { |
|
|
|
this.investigationDetailList = res.result.map((item) => { |
|
|
|
switch (item.type) { |
|
|
|
switch (item.type) { |
|
|
|
case "1": |
|
|
|
case "1": |
|
|
|
item.standar = 0 |
|
|
|
item.standar = 0; |
|
|
|
break; |
|
|
|
break; |
|
|
|
case "2": |
|
|
|
case "2": |
|
|
|
item.standar = '' |
|
|
|
item.standar = ""; |
|
|
|
break; |
|
|
|
break; |
|
|
|
case "3": |
|
|
|
case "3": |
|
|
|
item.standar = false |
|
|
|
item.standar = false; |
|
|
|
break; |
|
|
|
break; |
|
|
|
case "4": |
|
|
|
case "4": |
|
|
|
item.fileList = [] |
|
|
|
item.fileList = []; |
|
|
|
break; |
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
return item |
|
|
|
return item; |
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
this.$request.globalRequest('/hiddenDanger/highDanger/getImportDangers', {}, 'GET').then(res => { |
|
|
|
// this.$request.globalRequest('/hiddenDanger/highDanger/getImportDangers', {}, 'GET').then(res => { |
|
|
|
|
|
|
|
// if (res.code == 200) { |
|
|
|
|
|
|
|
// this.investigationList = res.result |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
getData() { |
|
|
|
|
|
|
|
this.$request |
|
|
|
|
|
|
|
.globalRequest( |
|
|
|
|
|
|
|
"/hiddenDanger/highDanger/getImportDangerDisplayDetail", |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
dangerId: this.$props.json.id, |
|
|
|
|
|
|
|
businessId: this.$props.businessId, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
"GET" |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
if (res.code == 200) { |
|
|
|
this.investigationList = res.result |
|
|
|
if (res.result.length > 0) { |
|
|
|
|
|
|
|
this.investigationDetailList = res.result.map((item) => { |
|
|
|
|
|
|
|
switch (item.type) { |
|
|
|
|
|
|
|
case "1": |
|
|
|
|
|
|
|
item.standar = 0; |
|
|
|
|
|
|
|
break; |
|
|
|
|
|
|
|
case "2": |
|
|
|
|
|
|
|
item.standar = ""; |
|
|
|
|
|
|
|
break; |
|
|
|
|
|
|
|
case "3": |
|
|
|
|
|
|
|
item.standar = false; |
|
|
|
|
|
|
|
break; |
|
|
|
|
|
|
|
case "4": |
|
|
|
|
|
|
|
item.fileList = []; |
|
|
|
|
|
|
|
break; |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
return item; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.getData2(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 跳转页面 |
|
|
|
// 跳转页面 |
|
|
|
skipPage(even) { |
|
|
|
skipPage(even) { |
|
|
|
this.$.open(even) |
|
|
|
this.$.open(even); |
|
|
|
}, |
|
|
|
}, |
|
|
|
handleSelect(item, index) { |
|
|
|
handleSelect(item, index) { |
|
|
|
this.investigationSelect = index |
|
|
|
this.investigationSelect = index; |
|
|
|
this.investigationDetailTitle = item.name |
|
|
|
this.investigationDetailTitle = item.name; |
|
|
|
this.showInvestigationDetail = true |
|
|
|
this.showInvestigationDetail = true; |
|
|
|
// this.$emit('select', this.investigationSelect, this.investigationList[index]) |
|
|
|
// this.$emit('select', this.investigationSelect, this.investigationList[index]) |
|
|
|
}, |
|
|
|
}, |
|
|
|
investigationDetailHandle() { |
|
|
|
investigationDetailHandle() { |
|
|
|
// this.$emit('select', this.json) |
|
|
|
this.$emit("select", { |
|
|
|
} |
|
|
|
...this.json, |
|
|
|
|
|
|
|
checkedSelect: this.formData, |
|
|
|
|
|
|
|
extraConfigs: this.investigationDetailList, |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
onReady() { }, |
|
|
|
|
|
|
|
// 页面卸载 |
|
|
|
|
|
|
|
onUnload() { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
onReady() {}, |
|
|
|
|
|
|
|
// 页面卸载 |
|
|
|
|
|
|
|
onUnload() {}, |
|
|
|
// 触发下拉刷新 |
|
|
|
// 触发下拉刷新 |
|
|
|
onPullDownRefresh() { |
|
|
|
onPullDownRefresh() { |
|
|
|
// 延迟关闭刷新动画 |
|
|
|
// 延迟关闭刷新动画 |
|
|
|
@ -290,17 +456,17 @@ |
|
|
|
}, 1500); |
|
|
|
}, 1500); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 页面上拉触底事件的处理函数 |
|
|
|
// 页面上拉触底事件的处理函数 |
|
|
|
onReachBottom() { }, |
|
|
|
onReachBottom() {}, |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
<style> |
|
|
|
page { |
|
|
|
page { |
|
|
|
background: #FFFFFF; |
|
|
|
background: #ffffff; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.investigation-item { |
|
|
|
.investigation-item { |
|
|
|
margin: 0 auto 20rpx; |
|
|
|
margin: 0 auto 20rpx; |
|
|
|
width: 90%; |
|
|
|
width: 90%; |
|
|
|
border-radius: 8rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
@ -312,13 +478,13 @@ |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
&.active { |
|
|
|
background: #DFEBF8; |
|
|
|
background: #dfebf8; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.detail-item { |
|
|
|
.detail-item { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
background: #F0F3F7; |
|
|
|
background: #f0f3f7; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
@ -337,16 +503,16 @@ |
|
|
|
font-size: 32rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
// height:82rpx |
|
|
|
// height:82rpx |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.custom-pop-head { |
|
|
|
.custom-pop-head { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
padding: 20rpx; |
|
|
|
padding: 20rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
border-bottom: 1px solid #E6E6E6; |
|
|
|
border-bottom: 1px solid #e6e6e6; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
|
|
|
|
|
|
|
|
.left { |
|
|
|
.left { |
|
|
|
@ -358,7 +524,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.right { |
|
|
|
.right { |
|
|
|
color: #2663BF; |
|
|
|
color: #2663bf; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
zhangqun
11 months ago