wangchenxing
/
hbj_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

重大危险源

Browse Source
main
zhuxinpeng 1 year ago
parent 8e72a751a7
commit 87bc8fdd6d
5 changed files with 663 additions and 308 deletions
Show Stats Download Patch File Download Diff File

7
api/indexpage/zdwxy/index.js
Unescape View File

@ -43,3 +43,10 @@ export function selectListByFilingId(filingId) {
method: 'get' method: 'get'
}) })
} }
export function getSourceAppTj(query) {
return request({
url: '/information/source/getSourceAppTj',
method: 'get',
params: query
})
}

626
pages/indexpage/zdwxy/zdwxy.vue
Unescape View File

@ -1,314 +1,348 @@
<template> <template>
<view :style="{ paddingTop: top + 'px' }"> <view>
<!-- //导航栏 -->
<u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="重大危险源" :autoBack="true">
</u-navbar> <u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="" :autoBack="true">
<!-- <u-sticky bgColor="#fff">
<u-tabs lineWidth="37" gutter="25" :activeStyle="{ </u-navbar>
color: '#303133', <!-- <u-sticky bgColor="#fff">
fontWeight: 'bold', <u-tabs lineWidth="37" gutter="25" :activeStyle="{
transform: 'scale(1.25)' color: '#303133',
}" :inactiveStyle="{ fontWeight: 'bold',
color: '#999999', transform: 'scale(1.25)'
transform: 'scale(1)' }" :inactiveStyle="{
}" :current="tabIndex" :scrollable="true" :list="list1" @click="clicktabs" style="padding-left: 20rpx;"></u-tabs> color: '#999999',
</u-sticky> --> transform: 'scale(1)'
<!-- <swiper :current="tabIndex" @change="tabChange" style="height: calc(100vh - 176rpx);margin-top: 10rpx;"> }" :current="tabIndex" :scrollable="true" :list="list1" @click="clicktabs" style="padding-left: 20rpx;"></u-tabs>
<swiper-item> --> </u-sticky> -->
<view class="content"> <!-- <swiper :current="tabIndex" @change="tabChange" style="height: calc(100vh - 176rpx);margin-top: 10rpx;">
<!-- 危险源统计 --> <swiper-item> -->
<view class="tongji" v-for="(item,index) in countList" :key="index"> <view class="content" style="height: 100%;overflow-y: scroll;">
<view class="head"> <!-- 危险源统计 -->
<image src="../../../static/images/zdwxy/dept.png" <view class="tongji">
style="width: 54rpx;height: 54rpx;margin-right: 28rpx;"></image> <!-- <view class="head">-->
<view>{{item.deptName}}</view> <!-- <image src="../../../static/images/zdwxy/dept.png"-->
</view> <!-- style="width: 54rpx;height: 54rpx;margin-right: 28rpx;"></image>-->
<view style="display: flex;justify-content: space-around; align-items: center;margin-top: 27rpx;"> <!-- <view>采气一厂</view>-->
<view class="bg"> <!-- </view>-->
<view> <view
<image src="../../../static/images/zdwxy/weixianyuan.png" style="display: flex;justify-content: space-around; align-items: center;margin-top: 27rpx;">
style="width: 60rpx;height: 60rpx;margin-right: 24rpx;"></image> <view class="bg">
</view> <view>
<view class="title"> <image src="../../../static/images/zdwxy/weixianyuan.png"
<view style="font-size: 28rpx;color: #666666;">重大危险源场站</view> style="width: 60rpx;height: 60rpx;margin-right: 24rpx;"></image>
<view> </view>
<span style="font-weight: 400;font-size: 28rpx;color: #E65659;line-height: 38rpx;"> <view class="title">
{{item.czNum}}</span> <view style="font-size: 28rpx;color: #666666;">重大危险源</view>
个 <view>
</view> <span
</view> style="font-weight: 400;font-size: 28rpx;color: #E65659;line-height: 38rpx;">{{ totalNum }}</span>
</view> 个
<view class="bg"> </view>
<view> </view>
<image src="../../../static/images/zdwxy/beian.png" </view>
style="width: 60rpx;height: 60rpx;margin-right: 24rpx;"></image> <view class="bg">
</view> <view>
<view class="title"> <image src="../../../static/images/zdwxy/beian.png"
<view style="font-size: 28rpx;color: #666666;">已备案重大危险源</view> style="width: 60rpx;height: 60rpx;margin-right: 24rpx;"></image>
<view> </view>
<span <view class="title">
style="font-weight: 400;font-size: 30rpx;color: #2D6DFF;line-height: 38rpx;">{{item.dangerNum}}</span> <view style="font-size: 28rpx;color: #666666;">已备案危险源</view>
个 <view>
</view> <span
</view> style="font-weight: 400;font-size: 30rpx;color: #2D6DFF;line-height: 38rpx;">{{baNum}}</span>
</view> 个
</view> </view>
</view> </view>
<!-- 危险源场站 --> </view>
<view> </view>
<view class="cardInfo" v-for="(item,index) in tableData" :key="index"> </view>
<!-- <view class="head"> <!-- 卡片 -->
<image src="../../../static/images/zdwxy/dept.png" <view v-if="tableData.length === 0"
style="width: 54rpx;height: 54rpx;margin-right: 28rpx;"></image> style="display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 200rpx;">
<view>{{ item.name }}</view>
</view> <image src="../../../static/images/none.png" style="width: 316rpx;height: 181rpx;"></image>
<view>到期时间:{{item.validityEnd}}</view> <span style="color: #9f9f9f;margin-top: 30rpx;">该场站下暂无危险源信息~</span>
<view>归属单位：{{item.plantName}}</view> </view>
<view class="gotodetail">查看危险源 <image src="../../../static/images/zdwxy/jiantou.png" <view class="card" v-for="(item, index) in tableData" :key="index">
style="width: 36rpx;height: 23rpx;margin-left: 5rpx;"> <!-- 重大危险源头部 -->
</image> <view class="head">
</view> --> <view style="font-weight: bold;font-size: 32rpx;color: #333333;">{{ item.name }}</view>
<view> <view class="leavl">{{ setDict(item.level, levelList) }}</view>
<view style="display: flex;"> </view>
<image src="../../../static/images/zdwxy/danger.png" <!-- 中间 -->
style="width: 178rpx;height: 131rpx;margin-right: 18rpx;"></image> <view class="center" style="display: flex;">
<view> <view style="width: 316rpx;height: 181rpx;overflow: hidden;" v-if="item.pics > 0">
<view class="drillName">{{item.name}}</view> <image :src="item.picList[0]" style="width: 100%;height: 100%;object-fit: cover;flex: 1;">
<view class="address"> </image>
<image src="../../../static/images/drill/dept.png" </view>
style="width: 24rpx;height: 24rpx;" />
<span style="margin-left: 15rpx;">所属单位：{{item.plantName}}</span> <image src="../../../static/images/zdwxy/danger.png"
</view> style="width: 178rpx;height: 131rpx;margin-right: 18rpx;" v-else></image>
<view class="address"> <view style="font-weight: normal;font-size: 28rpx;color: #333333;">
<image src="../../../static/images/drill/time .png" alt="" srcset="" <!-- <view style="color: #333333;">负责人：{{ item.directorName }}</view> -->
style="width: 24rpx;height: 24rpx;" /> <view class="dept" style="margin: 5rpx 0;">{{ item.erDeptName }}/{{ item.deptName }}</view>
<span style="margin-left: 15rpx;">到期时间：{{item.validityEnd}}</span> <view
</view> style=" color: #333333;width:442rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
</view> 负责人：{{ item.userName }}</view>
</view> <view
<view>备案回执：</view> style="color: #333333;width:442rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
<view style="color: #3c9cff;font-weight: 400;margin-bottom: 20rpx;" 位置：{{ item.address }}</view>
v-for="(item1,index1) in item.fileList" @click="goToPdfSee(item1.showUrl)" </view>
v-if="item1.fileSuffix === 'pdf'"> </view>
{{item1.fileActualName}} <!-- 底部 -->
</view> <view style="display: flex;padding: 14rpx 28rpx;justify-content: space-between;">
<view style="color: #3c9cff;font-weight: 400;margin-bottom: 20rpx;" <view>
v-for="(item1,index1) in item.fileList" @click="prefile(item1.showUrl)" v-else> <view>
{{item1.fileActualName}} 备案状态：
</view> <span style="color: #7D858E;">{{ setDict(item.baStatus, beianStatusList) }}</span>
<view class="gotodetail" @click="gotoDetail(item.id)">查看危险源 <image </view>
src="../../../static/images/zdwxy/jiantou.png" <!-- <view>
style="width: 36rpx;height: 23rpx;margin-left: 5rpx;"> 危险源描述：
</image> <span style="color: #7D858E;">{{ item.text1 }}</span>
</view> </view> -->
</view> <!-- <view
</view> style="margin: 30rpx 0;width: 483rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
</view> 有效期：
</view> <span style="color: #7D858E;">{{ item.validityBegin }} 至
<!-- </swiper-item> {{ item.validityEnd }}</span>
<swiper-item>22</swiper-item> </view> -->
</swiper> --> <view v-if="item.baStatus=='1'">备案信息：{{item.baInfo}}</view>
</view> <!-- <view v-if="item.fileList.length > 0">-->
<!-- <view>附件：</view>-->
<!-- <view style="color: #3c9cff;font-weight: 400;margin-bottom: 20rpx;"-->
<!-- v-for="(item1,index1) in item.fileList" @click="goToPdfSee(item1.showUrl)"-->
<!-- v-if="item1.fileSuffix === 'pdf'">-->
<!-- {{item1.fileActualName}}-->
<!-- </view>-->
<!-- <view style="color: #3c9cff;font-weight: 400;margin-bottom: 20rpx;"-->
<!-- v-for="(item1,index1) in item.fileList" @click="prefile(item1.showUrl)" v-else>-->
<!-- {{item1.fileActualName}}-->
<!-- </view>-->
<!-- </view>-->
<!-- <view>查看危险源</view> -->
</view>
<view v-if="item.isBa == 'Y'">
<image src="../../../static/images/zdwxy/success.png" style="width: 129rpx;height: 129rpx;">
</image>
</view>
</view>
</view>
</view>
<!-- </swiper-item>
<swiper-item>22</swiper-item>
</swiper> -->
</view>
</template> </template>
<script> <script>
import { import {
getDicts getDicts
} from '@/api/indexpage/user.js'; } from '@/api/indexpage/user.js'
// 重大危险源详情 // 重大危险源详情
import { import {
listSource, listSource,
listSourceFiling, listSourceFiling,
getSource, getSource,
sourcePageInfo selectListByFilingId,
} from '@/api/indexpage/zdwxy/index.js'; getSourceAppTj
import { } from '@/api/indexpage/zdwxy/index.js'
getInfo export default {
} from "@/api/login.js" onLoad(options) {
export default { this.optionId = options.id
data() { },
return { data() {
// tabs内容 return {
list1: [{ optionId: '', //传值id
name: '危险源场站' // tabs内容
}, list1: [{
{ name: '危险源场站'
name: '备案情况' },
} {
], name: '备案情况'
}
],
tabIndex: 0, //tabs下标
tableData: [], //危险源表格数据
levelList: [], //等级数组
beianList: [], //备案表格数据
beianStatusList: [], //是否备案字典数组
countList: [], //数量数组
// 导航栏高度（动态计算）
top: 0,
};
},
mounted() {
this.getDict();
this.top = uni.getSystemInfoSync().safeAreaInsets.top
},
methods: { totalNum: undefined,
//文件预览 baNum : undefined,
prefile(e) { wbaNum: undefined,
uni.downloadFile({ tabIndex: 0, //tabs下标
url: e, tableData: [], //危险源表格数据
success: function(res) { levelList: [], //等级数组
var filePath = res.tempFilePath; beianList: [], //备案表格数据
uni.openDocument({ beianStatusList: [] //是否备案字典数组
filePath: filePath, }
showMenu: true, },
success: function(res) { mounted() {
console.log('打开文档成功'); this.getDict()
} this.getList() //危险源信息
}); },
}
});
}, methods: {
//pdf跳转 //文件预览
goToPdfSee(url) { prefile(e) {
this.$tab.navigateTo(`/pages/pdf/filePreview?urlID=${url}`); uni.downloadFile({
}, url: e,
getCount() { success: function(res) {
sourcePageInfo().then(res => { var filePath = res.tempFilePath;
this.tableData = res.data.filingList; //站场数组 uni.openDocument({
this.countList = res.data.sourceTjList; //数量数组 filePath: filePath,
console.log(res, "数量统计"); showMenu: true,
}) success: function(res) {
}, console.log('打开文档成功');
// 字典值 }
getDict() { });
getDicts('emergency_level').then(res => { }
let dataInfo = res.data; });
this.levelList = dataInfo.map(item => {
return { },
key: item.dictLabel, //pdf跳转
value: item.dictValue goToPdfSee(url) {
}; this.$tab.navigateTo(`/pages/pdf/filePreview?urlID=${url}`);
}); },
}); // 字典值
getDicts('filing_status').then(res => { getDict() {
let dataInfo = res.data; getDicts('source_level').then(res => {
this.beianStatusList = dataInfo.map(item => { let dataInfo = res.data
return { this.levelList = dataInfo.map(item => {
key: item.dictLabel, return {
value: item.dictValue key: item.dictLabel,
}; value: item.dictValue
}); }
}); })
this.getCount() })
}, getDicts('source_ba_status').then(res => {
setDict(stauts, list) { let dataInfo = res.data
for (let item of list) { this.beianStatusList = dataInfo.map(item => {
if (item.value === stauts) { return {
return item.key; key: item.dictLabel,
} value: item.dictValue
} }
}, })
gotoDetail(id) { })
this.$tab.navigateTo(`/pages/indexpage/zdwxy/dangerDetail/dangerDetail?id=${id}`) },
}, setDict(stauts, list) {
getBeiAnList() { for (let item of list) {
listSourceFiling().then(res => { if (item.value === stauts) {
this.beianList = res.rows; return item.key
}); }
}, }
// tabs点击切换 },
clicktabs(e) { // 获取重大危险源数据
this.switchTab(e.index); getList() {
}, // selectListByFilingId(this.optionId).then(res => {
// 轮播图切换 // this.tableData = res.data
tabChange(e) { // console.log(this.tableData, '重大危险源')
let index = e.target.current || e.detail.current; // 获取到当前移动到第几个 // })
this.switchTab(index); getSourceAppTj().then(res => {
}, console.log(res.data,"sssssssssssssss")
//优化---当index相同时，不执行代码 this.totalNum = res.data.totalNum;
switchTab(index) { this.baNum = res.data.baNum;
if (this.tabIndex == index) { this.wbaNum = res.data.wbaNum;
return; this.tableData = res.data.sourceVoList;
} else { // console.log(this.tableData, '重大危险源')
this.tabIndex = index; })
} },
} getBeiAnList() {
} listSourceFiling().then(res => {
}; this.beianList = res.rows
// console.log(res, "备案信息");
})
},
// tabs点击切换
clicktabs(e) {
this.switchTab(e.index)
},
// 轮播图切换
tabChange(e) {
let index = e.target.current || e.detail.current // 获取到当前移动到第几个
this.switchTab(index)
},
//优化---当index相同时，不执行代码
switchTab(index) {
if (this.tabIndex == index) {
return
} else {
this.tabIndex = index
}
}
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
page { page {
box-sizing: border-box !important; box-sizing: border-box !important;
.content { .content {
height: 100%; padding: 30rpx;
overflow-y: scroll;
padding: 30rpx;
.tongji { .tongji {
width: 690rpx; width: 690rpx;
height: 298rpx; height: 150rpx;
background: #ffffff; background: #ffffff;
box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(190, 207, 228, 0.4); box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(190, 207, 228, 0.4);
border-radius: 20rpx; border-radius: 20rpx;
margin-bottom: 20rpx;
.head { .head {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 26rpx 45rpx; padding: 26rpx 45rpx;
border-bottom: 2rpx solid #eeeeee; border-bottom: 2rpx solid #eeeeee;
} }
.bg { .bg {
width: 330rpx; width: 330rpx;
height: 143rpx; height: 143rpx;
background: url('@/static/images/zdwxy/bg.png') no-repeat; background: url('@/static/images/zdwxy/bg.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 28rpx; padding-left: 28rpx;
} }
} }
.cardInfo { .card {
padding: 15rpx; width: 705rpx;
margin-top: 20rpx; height: 502rpx;
background: #FFFFFF; background: url('@/static/images/zdwxy/contentbg.png') no-repeat;
box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(190, 207, 228, 0.4); background-size: 100% 100%;
border-radius: 10rpx; margin-top: 24rpx;
overflow: hidden;
.drillName { .head {
font-family: Noto Sans S Chinese; padding: 28rpx 32rpx;
font-weight: 500; display: flex;
font-size: 34rpx; justify-content: space-between;
color: #212121; border-bottom: 2rpx solid #eeeeee;
}
.address { .leavl {
font-weight: 500; width: 97rpx;
font-size: 28rpx; height: 41rpx;
color: #666666; background: #ffb911;
line-height: 40rpx; border-radius: 17rpx 0rpx 17rpx 0rpx;
} font-weight: 500;
font-size: 29rpx;
color: #ffffff;
line-height: 41rpx;
text-align: center;
}
}
.gotodetail { .center {
width: 240rpx; .dept {
height: 60rpx; background: #e9f2fd;
line-height: 60rpx; border-radius: 10rpx;
background: #4996FF; border: 1px solid #a5c6eb;
border-radius: 10rpx; font-family: Noto Sans S Chinese;
font-family: Noto Sans S Chinese; font-weight: 400;
font-weight: normal; font-size: 26rpx;
font-size: 28rpx; color: #4c96dc;
color: #FFFFFF; padding: 8rpx 20rpx;
text-align: center; }
float: right;
} padding: 26rpx 27rpx;
} border-bottom: 2rpx solid #eeeeee;
} }
} }
}
}
</style> </style>

314
pages/indexpage/zdwxy/zdwxyOld.vue
Unescape View File

@ -0,0 +1,314 @@
<template>
<view :style="{ paddingTop: top + 'px' }">
<!-- //导航栏 -->
<u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="重大危险源" :autoBack="true">
</u-navbar>
<!-- <u-sticky bgColor="#fff">
<u-tabs lineWidth="37" gutter="25" :activeStyle="{
color: '#303133',
fontWeight: 'bold',
transform: 'scale(1.25)'
}" :inactiveStyle="{
color: '#999999',
transform: 'scale(1)'
}" :current="tabIndex" :scrollable="true" :list="list1" @click="clicktabs" style="padding-left: 20rpx;"></u-tabs>
</u-sticky> -->
<!-- <swiper :current="tabIndex" @change="tabChange" style="height: calc(100vh - 176rpx);margin-top: 10rpx;">
<swiper-item> -->
<view class="content">
<!-- 危险源统计 -->
<view class="tongji" v-for="(item,index) in countList" :key="index">
<view class="head">
<image src="../../../static/images/zdwxy/dept.png"
style="width: 54rpx;height: 54rpx;margin-right: 28rpx;"></image>
<view>{{item.deptName}}</view>
</view>
<view style="display: flex;justify-content: space-around; align-items: center;margin-top: 27rpx;">
<view class="bg">
<view>
<image src="../../../static/images/zdwxy/weixianyuan.png"
style="width: 60rpx;height: 60rpx;margin-right: 24rpx;"></image>
</view>
<view class="title">
<view style="font-size: 28rpx;color: #666666;">重大危险源场站</view>
<view>
<span style="font-weight: 400;font-size: 28rpx;color: #E65659;line-height: 38rpx;">
{{item.czNum}}</span>
个
</view>
</view>
</view>
<view class="bg">
<view>
<image src="../../../static/images/zdwxy/beian.png"
style="width: 60rpx;height: 60rpx;margin-right: 24rpx;"></image>
</view>
<view class="title">
<view style="font-size: 28rpx;color: #666666;">已备案重大危险源</view>
<view>
<span
style="font-weight: 400;font-size: 30rpx;color: #2D6DFF;line-height: 38rpx;">{{item.dangerNum}}</span>
个
</view>
</view>
</view>
</view>
</view>
<!-- 危险源场站 -->
<view>
<view class="cardInfo" v-for="(item,index) in tableData" :key="index">
<!-- <view class="head">
<image src="../../../static/images/zdwxy/dept.png"
style="width: 54rpx;height: 54rpx;margin-right: 28rpx;"></image>
<view>{{ item.name }}</view>
</view>
<view>到期时间:{{item.validityEnd}}</view>
<view>归属单位：{{item.plantName}}</view>
<view class="gotodetail">查看危险源 <image src="../../../static/images/zdwxy/jiantou.png"
style="width: 36rpx;height: 23rpx;margin-left: 5rpx;">
</image>
</view> -->
<view>
<view style="display: flex;">
<image src="../../../static/images/zdwxy/danger.png"
style="width: 178rpx;height: 131rpx;margin-right: 18rpx;"></image>
<view>
<view class="drillName">{{item.name}}</view>
<view class="address">
<image src="../../../static/images/drill/dept.png"
style="width: 24rpx;height: 24rpx;" />
<span style="margin-left: 15rpx;">所属单位：{{item.plantName}}</span>
</view>
<view class="address">
<image src="../../../static/images/drill/time .png" alt="" srcset=""
style="width: 24rpx;height: 24rpx;" />
<span style="margin-left: 15rpx;">到期时间：{{item.validityEnd}}</span>
</view>
</view>
</view>
<view>备案回执：</view>
<view style="color: #3c9cff;font-weight: 400;margin-bottom: 20rpx;"
v-for="(item1,index1) in item.fileList" @click="goToPdfSee(item1.showUrl)"
v-if="item1.fileSuffix === 'pdf'">
{{item1.fileActualName}}
</view>
<view style="color: #3c9cff;font-weight: 400;margin-bottom: 20rpx;"
v-for="(item1,index1) in item.fileList" @click="prefile(item1.showUrl)" v-else>
{{item1.fileActualName}}
</view>
<view class="gotodetail" @click="gotoDetail(item.id)">查看危险源 <image
src="../../../static/images/zdwxy/jiantou.png"
style="width: 36rpx;height: 23rpx;margin-left: 5rpx;">
</image>
</view>
</view>
</view>
</view>
</view>
<!-- </swiper-item>
<swiper-item>22</swiper-item>
</swiper> -->
</view>
</template>
<script>
import {
getDicts
} from '@/api/indexpage/user.js';
// 重大危险源详情
import {
listSource,
listSourceFiling,
getSource,
sourcePageInfo
} from '@/api/indexpage/zdwxy/index.js';
import {
getInfo
} from "@/api/login.js"
export default {
data() {
return {
// tabs内容
list1: [{
name: '危险源场站'
},
{
name: '备案情况'
}
],
tabIndex: 0, //tabs下标
tableData: [], //危险源表格数据
levelList: [], //等级数组
beianList: [], //备案表格数据
beianStatusList: [], //是否备案字典数组
countList: [], //数量数组
// 导航栏高度（动态计算）
top: 0,
};
},
mounted() {
this.getDict();
this.top = uni.getSystemInfoSync().safeAreaInsets.top
},
methods: {
//文件预览
prefile(e) {
uni.downloadFile({
url: e,
success: function(res) {
var filePath = res.tempFilePath;
uni.openDocument({
filePath: filePath,
showMenu: true,
success: function(res) {
console.log('打开文档成功');
}
});
}
});
},
//pdf跳转
goToPdfSee(url) {
this.$tab.navigateTo(`/pages/pdf/filePreview?urlID=${url}`);
},
getCount() {
sourcePageInfo().then(res => {
this.tableData = res.data.filingList; //站场数组
this.countList = res.data.sourceTjList; //数量数组
console.log(res, "数量统计");
})
},
// 字典值
getDict() {
getDicts('emergency_level').then(res => {
let dataInfo = res.data;
this.levelList = dataInfo.map(item => {
return {
key: item.dictLabel,
value: item.dictValue
};
});
});
getDicts('filing_status').then(res => {
let dataInfo = res.data;
this.beianStatusList = dataInfo.map(item => {
return {
key: item.dictLabel,
value: item.dictValue
};
});
});
this.getCount()
},
setDict(stauts, list) {
for (let item of list) {
if (item.value === stauts) {
return item.key;
}
}
},
gotoDetail(id) {
this.$tab.navigateTo(`/pages/indexpage/zdwxy/dangerDetail/dangerDetail?id=${id}`)
},
getBeiAnList() {
listSourceFiling().then(res => {
this.beianList = res.rows;
});
},
// tabs点击切换
clicktabs(e) {
this.switchTab(e.index);
},
// 轮播图切换
tabChange(e) {
let index = e.target.current || e.detail.current; // 获取到当前移动到第几个
this.switchTab(index);
},
//优化---当index相同时，不执行代码
switchTab(index) {
if (this.tabIndex == index) {
return;
} else {
this.tabIndex = index;
}
}
}
};
</script>
<style lang="scss">
page {
box-sizing: border-box !important;
.content {
height: 100%;
overflow-y: scroll;
padding: 30rpx;
.tongji {
width: 690rpx;
height: 298rpx;
background: #ffffff;
box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(190, 207, 228, 0.4);
border-radius: 20rpx;
margin-bottom: 20rpx;
.head {
display: flex;
align-items: center;
padding: 26rpx 45rpx;
border-bottom: 2rpx solid #eeeeee;
}
.bg {
width: 330rpx;
height: 143rpx;
background: url('@/static/images/zdwxy/bg.png') no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
padding-left: 28rpx;
}
}
.cardInfo {
padding: 15rpx;
margin-top: 20rpx;
background: #FFFFFF;
box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(190, 207, 228, 0.4);
border-radius: 10rpx;
overflow: hidden;
.drillName {
font-family: Noto Sans S Chinese;
font-weight: 500;
font-size: 34rpx;
color: #212121;
}
.address {
font-weight: 500;
font-size: 28rpx;
color: #666666;
line-height: 40rpx;
}
.gotodetail {
width: 240rpx;
height: 60rpx;
line-height: 60rpx;
background: #4996FF;
border-radius: 10rpx;
font-family: Noto Sans S Chinese;
font-weight: normal;
font-size: 28rpx;
color: #FFFFFF;
text-align: center;
float: right;
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save