|
|
<template>
|
|
|
<view>
|
|
|
<uni-card>
|
|
|
<view slot="title"
|
|
|
style="display: flex;padding: 15rpx; justify-content: space-between;color: #000;font-size: 14px;font-weight: 600;">
|
|
|
<p>备案场站名称：{{ beianList.name }}</p>
|
|
|
<p style="background-color: #e1f8e3;color: #3ad147;padding: 5rpx 10rpx;">
|
|
|
{{ setDict(beianList.filingStatus,beianStatusList) }}
|
|
|
</p>
|
|
|
<!-- <p style="display:flex;align-items: center;">
|
|
|
{{ setDict(item.qualificationType, qualificationList) }}
|
|
|
</p> -->
|
|
|
</view>
|
|
|
<u-row>
|
|
|
<view>二级单位：{{ beianList.secUnitName }}</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>场站：{{ beianList.plantName }}</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>负责人：{{ beianList.directorName }}</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>危险源备案时间：{{ beianList.filingTime }}</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>备案有效期：{{ beianList.validityBegin }} ~ {{ beianList.validityEnd }}</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>备案回执：<view style="color: #3c9cff;font-weight: 400;margin-left: 100rpx;"
|
|
|
v-for="(item,index) in beianList.fileList">
|
|
|
{{item.fileActualName}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>附件：<view style="color: #3c9cff;font-weight: 400;margin-left: 100rpx;"
|
|
|
v-for="(item,index) in beianList.otherFileList">
|
|
|
{{item.fileActualName}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-row>
|
|
|
<u-row>
|
|
|
<view>备注：{{beianList.remark}}</view>
|
|
|
</u-row>
|
|
|
</uni-card>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
getDicts
|
|
|
} from "@/api/indexpage/user.js"
|
|
|
import {
|
|
|
getSourceFiling
|
|
|
} from "@/api/indexpage/zdwxy/index.js"
|
|
|
export default {
|
|
|
onLoad(option) {
|
|
|
this.optionId = option.id
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
optionId: '',
|
|
|
beianList: [], //详情数据
|
|
|
beianStatusList: [], //是否备案字典数组
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getDict()
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
// 字典值
|
|
|
getDict() {
|
|
|
getDicts('filing_status').then(res => {
|
|
|
// console.log(res);
|
|
|
let dataInfo = res.data;
|
|
|
this.beianStatusList = dataInfo.map(item => {
|
|
|
return {
|
|
|
key: item.dictLabel,
|
|
|
value: item.dictValue
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
this.getBeiAnList(this.optionId)
|
|
|
},
|
|
|
setDict(stauts, list) {
|
|
|
for (let item of list) {
|
|
|
if (item.value === stauts) {
|
|
|
return item.key;
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
getBeiAnList(id) {
|
|
|
getSourceFiling(id).then(res => {
|
|
|
this.beianList = res.data
|
|
|
console.log(this.beianList, "备案信息");
|
|
|
})
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
/deep/.u-row {
|
|
|
background-color: #f9fbfc;
|
|
|
margin-bottom: 10rpx;
|
|
|
padding: 10rpx;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
</style> |
