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

重大危险源

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

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

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

14
pages/index.vue
Unescape View File

@ -121,7 +121,7 @@
</view>
</view>
<view class="goods">
<u-tabs :list="list1" @change="clicktabs" :current="tabIndex" :scrollable="false" lineWidth="30"
gutter="25" :activeStyle="{
color: '#303133',
@ -152,7 +152,7 @@
标准数量：224
</view>
<view class="currentCount">
<image src="../static/images/zhuye/current.png" alt="">
当前数量:200
</view>
@ -265,14 +265,14 @@
// goback() {
// const pages = getCurrentPages(); // 获取页面栈
// console.log(pages); // 打印页面栈
// // 如果页面栈大于 1，执行返回操作
// if (pages.length > 1) {
// uni.navigateBack(); // 返回上一页
// console.log("返回上一页");
// } else {
// console.log("已经在首页，无法返回");
// // 如果没有历史记录，可以退出或关闭 WebView
// if (window.JSBridge && window.JSBridge.exit) {
// // 如果你有 JSBridge 可以调用它的退出方法
@ -294,11 +294,11 @@
goback() {
window.location.href="/nljzVue/#/"
},
// // this.$router.go(-3)
// // window.history.back()
// // window.JSBridge.exit();
// // 获取当前页面栈
// const pages = getCurrentPages();
// console.log(pages); // 打印页面栈
@ -830,4 +830,4 @@
}
}
}
</style>
</style>

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

@ -1,314 +1,348 @@
<template>
<view :style="{ paddingTop: top + 'px' }">
<!-- //导航栏 -->
<u-navbar bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:600" title="重大危险源" :autoBack="true">
<view>
</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>
<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" style="height: 100%;overflow-y: scroll;">
<!-- 危险源统计 -->
<view class="tongji">
<!-- <view class="head">-->
<!-- <image src="../../../static/images/zdwxy/dept.png"-->
<!-- style="width: 54rpx;height: 54rpx;margin-right: 28rpx;"></image>-->
<!-- <view>采气一厂</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;">{{ totalNum }}</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;">{{baNum}}</span>
个
</view>
</view>
</view>
</view>
</view>
<!-- 卡片 -->
<view v-if="tableData.length === 0"
style="display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 200rpx;">
<image src="../../../static/images/none.png" style="width: 316rpx;height: 181rpx;"></image>
<span style="color: #9f9f9f;margin-top: 30rpx;">该场站下暂无危险源信息~</span>
</view>
<view class="card" v-for="(item, index) in tableData" :key="index">
<!-- 重大危险源头部 -->
<view class="head">
<view style="font-weight: bold;font-size: 32rpx;color: #333333;">{{ item.name }}</view>
<view class="leavl">{{ setDict(item.level, levelList) }}</view>
</view>
<!-- 中间 -->
<view class="center" style="display: flex;">
<view style="width: 316rpx;height: 181rpx;overflow: hidden;" v-if="item.pics > 0">
<image :src="item.picList[0]" style="width: 100%;height: 100%;object-fit: cover;flex: 1;">
</image>
</view>
<image src="../../../static/images/zdwxy/danger.png"
style="width: 178rpx;height: 131rpx;margin-right: 18rpx;" v-else></image>
<view style="font-weight: normal;font-size: 28rpx;color: #333333;">
<!-- <view style="color: #333333;">负责人：{{ item.directorName }}</view> -->
<view class="dept" style="margin: 5rpx 0;">{{ item.erDeptName }}/{{ item.deptName }}</view>
<view
style=" color: #333333;width:442rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
负责人：{{ item.userName }}</view>
<view
style="color: #333333;width:442rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
位置：{{ item.address }}</view>
</view>
</view>
<!-- 底部 -->
<view style="display: flex;padding: 14rpx 28rpx;justify-content: space-between;">
<view>
<view>
备案状态：
<span style="color: #7D858E;">{{ setDict(item.baStatus, beianStatusList) }}</span>
</view>
<!-- <view>
危险源描述：
<span style="color: #7D858E;">{{ item.text1 }}</span>
</view> -->
<!-- <view
style="margin: 30rpx 0;width: 483rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
有效期：
<span style="color: #7D858E;">{{ item.validityBegin }} 至
{{ item.validityEnd }}</span>
</view> -->
<view v-if="item.baStatus=='1'">备案信息：{{item.baInfo}}</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>
<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: '备案情况'
}
],
import {
getDicts
} from '@/api/indexpage/user.js'
// 重大危险源详情
import {
listSource,
listSourceFiling,
getSource,
selectListByFilingId,
getSourceAppTj
} from '@/api/indexpage/zdwxy/index.js'
export default {
onLoad(options) {
this.optionId = options.id
},
data() {
return {
optionId: '', //传值id
// tabs内容
list1: [{
name: '危险源场站'
},
{
name: '备案情况'
}
],
tabIndex: 0, //tabs下标
tableData: [], //危险源表格数据
levelList: [], //等级数组
beianList: [], //备案表格数据
beianStatusList: [], //是否备案字典数组
countList: [], //数量数组
// 导航栏高度（动态计算）
top: 0,
};
},
mounted() {
this.getDict();
this.top = uni.getSystemInfoSync().safeAreaInsets.top
},
totalNum: undefined,
baNum : undefined,
wbaNum: undefined,
tabIndex: 0, //tabs下标
tableData: [], //危险源表格数据
levelList: [], //等级数组
beianList: [], //备案表格数据
beianStatusList: [] //是否备案字典数组
}
},
mounted() {
this.getDict()
this.getList() //危险源信息
},
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('打开文档成功');
}
});
}
});
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;
}
}
}
};
},
//pdf跳转
goToPdfSee(url) {
this.$tab.navigateTo(`/pages/pdf/filePreview?urlID=${url}`);
},
// 字典值
getDict() {
getDicts('source_level').then(res => {
let dataInfo = res.data
this.levelList = dataInfo.map(item => {
return {
key: item.dictLabel,
value: item.dictValue
}
})
})
getDicts('source_ba_status').then(res => {
let dataInfo = res.data
this.beianStatusList = dataInfo.map(item => {
return {
key: item.dictLabel,
value: item.dictValue
}
})
})
},
setDict(stauts, list) {
for (let item of list) {
if (item.value === stauts) {
return item.key
}
}
},
// 获取重大危险源数据
getList() {
// selectListByFilingId(this.optionId).then(res => {
// this.tableData = res.data
// console.log(this.tableData, '重大危险源')
// })
getSourceAppTj().then(res => {
console.log(res.data,"sssssssssssssss")
this.totalNum = res.data.totalNum;
this.baNum = res.data.baNum;
this.wbaNum = res.data.wbaNum;
this.tableData = res.data.sourceVoList;
// console.log(this.tableData, '重大危险源')
})
},
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>
<style lang="scss">
page {
box-sizing: border-box !important;
page {
box-sizing: border-box !important;
.content {
padding: 30rpx;
.content {
height: 100%;
overflow-y: scroll;
padding: 30rpx;
.tongji {
width: 690rpx;
height: 150rpx;
background: #ffffff;
box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(190, 207, 228, 0.4);
border-radius: 20rpx;
.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;
}
.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;
}
}
.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;
}
}
.card {
width: 705rpx;
height: 502rpx;
background: url('@/static/images/zdwxy/contentbg.png') no-repeat;
background-size: 100% 100%;
margin-top: 24rpx;
.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;
.head {
padding: 28rpx 32rpx;
display: flex;
justify-content: space-between;
border-bottom: 2rpx solid #eeeeee;
.drillName {
font-family: Noto Sans S Chinese;
font-weight: 500;
font-size: 34rpx;
color: #212121;
}
.leavl {
width: 97rpx;
height: 41rpx;
background: #ffb911;
border-radius: 17rpx 0rpx 17rpx 0rpx;
font-weight: 500;
font-size: 29rpx;
color: #ffffff;
line-height: 41rpx;
text-align: center;
}
}
.address {
font-weight: 500;
font-size: 28rpx;
color: #666666;
line-height: 40rpx;
}
.center {
.dept {
background: #e9f2fd;
border-radius: 10rpx;
border: 1px solid #a5c6eb;
font-family: Noto Sans S Chinese;
font-weight: 400;
font-size: 26rpx;
color: #4c96dc;
padding: 8rpx 20rpx;
}
.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>
padding: 26rpx 27rpx;
border-bottom: 2rpx solid #eeeeee;
}
}
}
}
</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>

6
pages/login.vue
Unescape View File

@ -82,7 +82,7 @@ export default {
},
onLoad(options) {
removeuserId();
let str = this.getRequestParams();
const params = str.split('&'); // 先用 '&' 分割参数
// 假设第一个参数总是需要的
@ -114,7 +114,7 @@ export default {
// console.log(requestParams, '处理后的对象');
return str;
},
//解密算法
decodeDes(message) {
const options = uni.getLaunchOptionsSync(); // 获取启动时的参数
@ -224,7 +224,7 @@ export default {
//获取消息条数
this.$store.dispatch('getNewsListOne');
});
}
}
};

Write Preview
Loading…
Cancel
Save