作者 xuqiang

提交

... ... @@ -12,13 +12,13 @@
</view>
</view>
<view class="subCheckWrap" v-for="(subItem,subIndex) in item.subKeyList" :key="subIndex">
<view class="subCheckItem">
<navigator class="subCheckItem" :url="'/pages/index/license/checkDetail?code='+subItem.code" hover-class="none">
{{subItem.title}}
<view class="subCheckRight">
{{subItem.name}}
<image src="../static/image/icon_arrow.png" mode=""></image>
</view>
</view>
</navigator>
</view>
</view>
</view>
... ...
<template>
<view class="wrap">
<view class="radioTemp" v-for="(item,index) in keyList" :key="index">
<view class="radioTemp" :class="{margBottom:item.last}" v-for="(item,index) in keyList" :key="index">
<view class="radioTop">
{{item.title}}
<image src="../static/image/icon_add.png" mode=""></image>
<image v-if="item.moreBtn" src="../static/image/icon_add.png" mode="" @click="showRecordMore"></image>
</view>
<view class="radioBottom">
<view class="radioBottom" :class="{padBottom:item.more}">
<view class="radioItem" @click="radioCheck(index,subIndex)" :class="{active:subItem.check}" v-for="(subItem,subIndex) in item.subKeyList" :key="subIndex">
{{subItem.title}}
</view>
</view>
<view class="recordMoreWrap" v-if="item.more">
<view class="address" v-if="lan != '' && lon != ''">
<image src="../static/image/icon_loc2.png" mode=""></image>
<view class="lang">
经度: {{lan}} 纬度: {{lon}}
<image class="clearBtn" src="../static/image/icon_clear2.png" mode="" @click="delAddress()"></image>
</view>
</view>
<view class="desc">
经过上述讨论, 要想清楚,关于我们,到底是一种怎么样的存在。 现在,解决关于我们的问题,是非常非常重要的。
</view>
<view class="imgList">
<view class="imgItem" v-for="(item,index) in imgList" :key="index">
<image class="img" src="../static/logo.png" mode=""></image>
<image class="clearBtn" src="../static/image/icon_clear2.png" mode="" @click="del(index)"></image>
</view>
</view>
</view>
</view>
</view>
</template>
... ... @@ -18,7 +36,9 @@
export default {
data() {
return {
lan:196.299099,
lon:12.49693,
imgList:[1,2]
}
},
props:{
... ... @@ -27,23 +47,44 @@
}
},
methods: {
delAddress(){
this.lan = ''
this.lon = ''
},
del(index){
this.imgList.splice(index,1)
},
radioCheck(index,subIndex){
for(var i = 0; i < this.keyList[index].subKeyList.length; i ++){
this.keyList[index].subKeyList[i].check = false
}
this.keyList[index].subKeyList[subIndex].check = true
}
},
showRecordMore(){
this.$emit('showRecordMore')
}
}
}
</script>
<style lang="scss">
.wrap{padding-bottom: 32rpx;}
.wrap .radioTemp{padding: 40rpx 32rpx;background: #fff;margin-top: 16rpx;}
.wrap .radioTemp:nth-child(1){margin-top:0}
.radioTemp{padding: 40rpx 32rpx;background: #fff;margin-top: 16rpx;}
.radioTemp.margBottom{margin-bottom: 32rpx;}
.radioTemp:nth-child(1){margin-top:0}
.radioTemp .radioTop{display: flex;justify-content: space-between;align-items: center;font-size: 30rpx;}
.radioTop image{width: 44rpx;height: 44rpx;}
.radioTemp .radioBottom{padding-top: 24rpx;display: flex;justify-content: space-between;}
.radioBottom.padBottom{border-bottom: 2rpx solid #f2f3f5;padding-bottom: 32rpx;}
.radioBottom .radioItem{width: 328rpx;height: 72rpx;border-radius: 86rpx;border: 1rpx solid #dcdee0;text-align: center;line-height: 72rpx;color: #646566;font-size: 28rpx;}
.radioItem.active{color: $theme-color;background: #e8fff2;border: 1rpx solid #4bb377;}
.address{display: flex;padding-top: 33rpx;}
.address image{width: 48rpx;height: 48rpx;}
.address .lang{padding: 0 16rpx;height: 48rpx;line-height: 48rpx;background: #f7f8fa;font-size: 24rpx;color: #646566;position: relative;}
.lang .clearBtn{width: 28rpx;height: 28rpx;position: absolute;right: -10rpx;top: -10rpx;}
.desc{font-size: 28rpx;padding: 48rpx 0 44rpx 0;}
.imgList{display: flex;flex-wrap: wrap;}
.imgList .imgItem{position: relative;width: 160rpx;height: 160rpx;margin: 10rpx 10rpx 0 0;}
.imgItem .img{width: 160rpx;height: 160rpx;}
.imgItem .clearBtn{width: 28rpx;height: 28rpx;position: absolute;right: -10rpx;top: -10rpx;}
</style>
... ...
<template>
</template>
<script>
</script>
<style>
</style>
... ...
<template>
<view>
<view style="margin-top: 16rpx;" v-for="(item,index) in keyList" :key="index">
<view class="bottomWrap">
<view class="bottomItem">
<view class="bottomLeft">
{{item.title}}
</view>
<view class="bottomRight">
{{item.subTitle}}
<image src="../static/image/icon_arrow_up.png" mode=""></image>
</view>
</view>
</view>
<view class="subCheckWrap" v-for="(subItem,subIndex) in item.subKeyList" :key="subIndex">
<view class="subCheckItem">
{{subItem.title}}
<br v-if="subItem.unit != ''">{{subItem.unit}}</br>
<view class="subCheckRight">
{{subItem.name}}
<view class="yc" :class="{active:subItem.choose == 0}" @click="choose('yc',index,subIndex)">
异常
</view>
<view class="yz" :class="{active:subItem.choose == 1}" @click="choose('yz',index,subIndex)">
一致
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
props:{
keyList:{
type:Array
}
},
methods: {
choose(type,index,subIndex){
if(type == 'yc'){
this.keyList[index].subKeyList[subIndex].choose = 0
}else{
this.keyList[index].subKeyList[subIndex].choose = 1
}
}
}
}
</script>
<style>
.bottomWrap{padding: 0 32rpx;background: #fff;}
.bottomWrap .bottomItem{display: flex;justify-content: space-between;align-items: center;height: 104rpx;font-size: 30rpx;}
.bottomItem .bottomLeft{display: flex;align-items: center;}
.bottomItem .bottomRight{color: #969799;display: flex;align-items: center;}
.bottomRight image{width: 32rpx;height: 32rpx;}
.subCheckWrap{padding: 0 32rpx 0 64rpx;}
.subCheckWrap .subCheckItem{display: flex;justify-content: space-between;align-items: center;height: 96rpx;color: #646566;font-size: 28rpx;}
.subCheckItem .subCheckRight{display: flex;align-items: center;}
.subCheckRight .yc{width: 104rpx;height: 48rpx;background: #ffffff;border: 1rpx solid #dcdee0;border-radius: 48rpx 0 0 48rpx;text-align: center;line-height: 48rpx;color: #969799;font-size: 28rpx;margin: 0 10rpx 0 32rpx;}
.yc.active{background: #ffeeec;border: 1rpx solid #f2485a;color: #f2485a;}
.subCheckRight .yz{width: 104rpx;height: 48rpx;background: #ffffff;border: 1rpx solid #dcdee0;border-radius: 0 48rpx 48rpx 0;text-align: center;line-height: 48rpx;color: #969799;font-size: 28rpx;}
.yz.active{background: #e8fff2;border: 1rpx solid #a1ddba;color: #58b981;}
</style>
... ...
... ... @@ -2,7 +2,8 @@
<view>
<view v-for="(item,index) in checkList" :key="index">
<check-temp v-if="item.tempType == 'check'" :keyList="item.keyList"></check-temp>
<radio-temp v-if="item.tempType == 'radio'" :keyList="item.keyList"></radio-temp>
<radio-temp v-if="item.tempType == 'radio'" @showRecordMore="showRecordMore = true" :keyList="item.keyList"></radio-temp>
<type-radio-temp v-if="item.tempType == 'typeRadio'" :keyList="item.keyList"></type-radio-temp>
</view>
<view style="height: 130rpx;"></view>
<view class="bottomBtnWrap">
... ... @@ -10,21 +11,70 @@
保存
</view>
</view>
<!-- 记录更多区域 -->
<view class="recordMoreWrap" v-if="showRecordMore">
<view class="recordMore">
<view class="title">
记录更多
</view>
<view class="recordTypeList">
<view class="recordTypeItem">
<view class="typeImg">
<image src="../../../static/image/icon_loc.png" mode=""></image>
</view>
<view class="typeName">
位置
</view>
</view>
<view class="recordTypeItem">
<view class="typeImg">
<image src="../../../static/image/icon_xiangce.png" mode=""></image>
</view>
<view class="typeName">
相册
</view>
</view>
<view class="recordTypeItem">
<view class="typeImg">
<image src="../../../static/image/icon_cream.png" mode=""></image>
</view>
<view class="typeName">
拍摄
</view>
</view>
<view class="recordTypeItem">
<view class="typeImg">
<image src="../../../static/image/icon_beizhu.png" mode=""></image>
</view>
<view class="typeName">
备注
</view>
</view>
</view>
<view class="bottomBtn" @click="showRecordMore = false">
取消
</view>
</view>
</view>
</view>
</template>
<script>
import radioTemp from '@/components/radioTemp.vue'
import checkTemp from '@/components/checkTemp.vue'
import typeRadioTemp from '@/components/typeRadioTemp.vue'
export default {
data() {
return {
showRecordMore:false,
checkList:[
{
tempType:'radio',
keyList:[
{
title:'一.单位名称',
moreBtn:true,
last:false,
subKeyList:[
{
title:'变更',
... ... @@ -38,6 +88,8 @@
},
{
title:'二.生产经营地',
moreBtn:true,
last:false,
subKeyList:[
{
title:'变更',
... ... @@ -51,6 +103,8 @@
},
{
title:'三.技术负责人',
moreBtn:true,
last:false,
subKeyList:[
{
title:'变更',
... ... @@ -64,6 +118,8 @@
},
{
title:'四.生产设施运行',
moreBtn:true,
last:false,
subKeyList:[
{
title:'异常',
... ... @@ -77,6 +133,8 @@
},
{
title:'五.治理设施运行',
moreBtn:true,
last:false,
subKeyList:[
{
title:'异常',
... ... @@ -90,6 +148,8 @@
},
{
title:'六.正本规范悬挂',
moreBtn:true,
last:false,
subKeyList:[
{
title:'否',
... ... @@ -103,6 +163,8 @@
},
{
title:'七.其他变更事项',
moreBtn:true,
last:true,
subKeyList:[
{
title:'否',
... ... @@ -121,7 +183,8 @@
},
components:{
radioTemp,
checkTemp
checkTemp,
typeRadioTemp
},
onReady() {
... ... @@ -147,10 +210,12 @@
subKeyList:[
{
title:'1.废水排放口1',
code:'yzzpk',
name:'DW001'
},
{
title:'2.废水排放口2',
code:'yzzpk',
name:'DW002'
}
]
... ... @@ -162,6 +227,7 @@
keyList:[
{
title:'二.未登记排口',
moreBtn:true,
subKeyList:[
{
title:'有',
... ... @@ -175,6 +241,7 @@
},
{
title:'三.雨水排口',
moreBtn:true,
subKeyList:[
{
title:'有',
... ... @@ -190,6 +257,529 @@
}
]
}
//DW001
if(option.code == 'yzzpk'){
uni.setNavigationBarTitle({
title:'DW001'
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.坐标及市况',
more:true,
moreBtn:true,
last:false,
subKeyList:[
{
title:'变更',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'二.排放口类型',
more:true,
moreBtn:true,
last:false,
subKeyList:[
{
title:'主要',
check:false
},
{
title:'一般',
check:false
}
]
},
{
title:'三.排放去向',
moreBtn:true,
more:true,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'四.排放规律',
more:false,
moreBtn:true,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
]
},
{
tempType:'typeRadio',
keyList:[
{
title:'五.受纳自然水体',
subTitle:'北排明渠',
subKeyList:[
{
title:'1.功能目标',
unit:'',
choose:-1,
name:'v类'
},
{
title:'2.汇入经纬度',
unit:'',
choose:-1,
name:'v类'
}
]
},
{
title:'六.污染物种类',
subTitle:'',
subKeyList:[
{
title:'1.pH',
unit:'',
choose:-1,
name:'6-9'
},
{
title:'2.色度 (稀释倍数)',
unit:'',
choose:-1,
name:'50'
},
{
title:'3.悬浮物 (mg/)',
unit:'',
choose:-1,
name:'30'
},
{
title:'4.五日生化需氧量',
unit:'(BOD 5, mg/L)',
choose:-1,
name:'20'
},
{
title:'5.化学需氧量',
unit:'(COD C r ,mg/L)',
choose:-1,
name:'80'
},
{
title:'6.氨氮 (mg/L)',
unit:'',
choose:-1,
name:'8'
},
{
title:'7.总氮 (mg/L)',
unit:'',
choose:-1,
name:'12'
},
{
title:'8.总磷 (mg/L)',
unit:'',
choose:-1,
name:'0.8'
},
{
title:'9.可吸附有机卤素',
unit:'(AOX,mg/L)',
choose:-1,
name:'50'
},
{
title:'10.二噁英',
unit:'(pgTEQ/L)',
choose:-1,
name:'30'
},
{
title:'11.pH',
unit:'',
choose:-1,
name:'6-9'
},
{
title:'12.pH',
unit:'',
choose:-1,
name:'6-9'
},
{
title:'13.pH',
unit:'',
choose:-1,
name:'6-9'
},
{
title:'14.pH',
unit:'',
choose:-1,
name:'6-9'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'七.未登记污染物',
more:false,
moreBtn:true,
last:false,
subKeyList:[
{
title:'无',
check:false
},
{
title:'有',
check:false
}
]
},
{
title:'八.执法监测',
more:false,
moreBtn:true,
last:true,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//大气污染情况
if(option.code == 'dqwrqk'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'check',
keyList:[
{
title:'一.有组织排口',
subKeyList:[
{
title:'1.排口1',
code:'pk',
name:'DA001'
},
{
title:'2.排口2',
code:'pk',
name:'DA002'
}
]
},
{
title:'二.有组织排口',
subKeyList:[
{
title:'1.厂界1',
code:'cj',
name:'CJ001'
},
{
title:'2.厂界2',
code:'cj',
name:'CJ002'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'三.未登记排口',
subKeyList:[
{
title:'有',
check:false
},
{
title:'无',
check:false
}
]
}
]
}
]
}
//排口、厂界
if(option.code == 'pk' || option.code == 'cj'){
uni.setNavigationBarTitle({
title:'DW001'
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.产污环节',
moreBtn:true,
more:false,
last:false,
subKeyList:[
{
title:'变更',
check:false
},
{
title:'一致',
check:false
}
]
}
]
},
{
tempType:'typeRadio',
keyList:[
{
title:'二.污染物种类',
subTitle:'',
subKeyList:[
{
title:'1.硫化氢(mg/Nm3)',
unit:'',
choose:-1,
name:'0.06'
},
{
title:'2.臭气浓度(mg/Nm3)',
unit:'',
choose:-1,
name:'20'
},
{
title:'3.氨 (氨气)(mg/Nm3)',
unit:'',
choose:-1,
name:'1.6'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'三.未登记污染物',
more:false,
moreBtn:true,
last:false,
subKeyList:[
{
title:'无',
check:false
},
{
title:'有',
check:false
}
]
},
{
title:'四.执法监测',
more:false,
moreBtn:false,
last:true,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//噪声排放
if(option.code == 'zspf'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.产污环节',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'变更',
check:false
},
{
title:'一致',
check:false
}
]
}
]
},
{
tempType:'typeRadio',
keyList:[
{
title:'二.生产时段',
subTitle:'',
subKeyList:[
{
title:'1.昼间',
unit:'',
choose:-1,
name:'6时至22时'
},
{
title:'2.夜间',
unit:'',
choose:-1,
name:'22时至6时'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'三.执行标准',
more:false,
moreBtn:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
},
{
tempType:'typeRadio',
keyList:[
{
title:'四.排放限值',
subTitle:'',
subKeyList:[
{
title:'1.昼间',
unit:'',
choose:-1,
name:'6时至22时'
},
{
title:'2.夜间',
unit:'',
choose:-1,
name:'22时至6时'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'五.噪声类别',
moreBtn:false,
more:false,
last:true,
subKeyList:[
{
title:'变更',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//固体废物排放
if(option.code == 'gtfwpf'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'check',
keyList:[
{
title:'一.有组织排口',
subKeyList:[
{
title:'1.委托处置',
code:'wtcz',
name:'WTCZ'
}
]
}
]
}
]
}
},
methods: {
... ... @@ -201,4 +791,15 @@
page{background: #f7f8fa;}
.bottomBtnWrap{height: 132rpx;display: flex;justify-content: center;align-items: center;background: #fff;position: fixed;bottom: 0;width: 100%;}
.bottomBtnWrap .bottomBtn{width: 624rpx;height: 100rpx;background: #4bb377;border-radius: 28rpx;color: #fff;text-align: center;line-height: 100rpx;font-size: 34rpx;}
/* 记录更多区域 */
.recordMoreWrap{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);display: flex;align-items: flex-end;}
.recordMoreWrap .recordMore{background: #fff;width: 100%;border-radius: 30rpx 30rpx 0 0;}
.recordMore .title{padding-top: 40rpx;font-size: 28rpx;text-align: center;}
.recordMore .recordTypeList{display: flex;padding: 40rpx 0 32rpx 0;border-bottom: 16rpx solid #f7f8fa;}
.recordTypeList .recordTypeItem{width: 25%;}
.recordTypeItem .typeImg{display: flex;justify-content: center;}
.recordTypeItem .typeName{padding-top: 16rpx;text-align: center;color: #969799;font-size: 24rpx;}
.typeImg image{width: 96rpx;height: 96rpx;}
.recordMore .bottomBtn{height: 96rpx;text-align: center;line-height: 96rpx;font-size: 32rpx;color: #646566;}
</style>
... ...
... ... @@ -115,13 +115,16 @@
code:'swrqk'
},
{
title:'2.大气污染情况'
title:'2.大气污染情况',
code:'dqwrqk'
},
{
title:'3.噪声排放'
title:'3.噪声排放',
code:'zspf'
},
{
title:'4.固体废物排放'
title:'4.固体废物排放',
code:'gtfwpf'
}
]
},
... ...