徐强 / eej · 提交

转到一个项目

作者 xuqiang
提交 673da95d249051d172b1e821aec3b712c18a8380 1 个父辈 f9d11fc0

提交

内嵌 并排对比
正在显示 4 个修改的文件 包含 1068 行增加 和 24 行删除
<template>
<view>
<view v-for="(item,index) in keyList" :key="index">
<view class="checkTemp" :class="{noTop:checkIndex == 0}" v-for="(item,index) in keyList" :key="index">
<view class="bottomWrap">
<view class="bottomItem">
<view class="bottomLeft">
... ... @@ -34,6 +34,9 @@
props:{
keyList:{
type:Array
},
checkIndex:{
type:Number
}
},
methods: {
... ... @@ -43,6 +46,8 @@
</script>
<style>
.checkTemp{margin-top: 16rpx;}
.checkTemp.noTop{margin-top: 0;}
.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;}
... ...
<template>
<view>
<view class="checkTemp" :class="{noTop:checkIndex == 0}" v-for="(item,index) in keyList" :key="index">
<view class="bottomWrap">
<view class="bottomItem">
<view class="bottomLeft">
{{item.title}}
</view>
<view class="bottomRight">
<image src="../static/image/icon_arrow_up.png" mode=""></image>
</view>
</view>
</view>
<view v-for="(subItem,subIndex) in item.subKeyList" :key="subIndex">
<view class="subCheckWrap">
<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>
</navigator>
</view>
<view class="subRadioWrap" v-for="(thItem,thIndex) in subItem.thKeyList" :key="thIndex">
<view class="subRadioItem">
{{thItem.title}}
<view class="subRadioRight">
<view class="yc" :class="{active:thItem.choose == 0}" @click="choose('yc',index,subIndex,thIndex)">
异常
</view>
<view class="yz" :class="{active:thItem.choose == 1}" @click="choose('yz',index,subIndex,thIndex)">
一致
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
props:{
keyList:{
type:Array
},
checkIndex:{
type:Number
}
},
methods: {
choose(type,index,subIndex,thIndex){
if(type == 'yc'){
this.keyList[index].subKeyList[subIndex].thKeyList[thIndex].choose = 0
}else{
this.keyList[index].subKeyList[subIndex].thKeyList[thIndex].choose = 1
}
}
}
}
</script>
<style>
.checkTemp{margin-top: 16rpx;}
.checkTemp.noTop{margin-top: 0;}
.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;}
.bottomRight image{width: 32rpx;height: 32rpx;}
.subCheckWrap{padding: 0 32rpx 0 64rpx;background: #f7f8fa;}
.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 image{width: 32rpx;height: 32rpx;}
.subRadioWrap{padding: 0 32rpx 0 108rpx;background: #f2f3f5;}
.subRadioWrap .subRadioItem{display: flex;justify-content: space-between;align-items: center;height: 96rpx;color: #646566;font-size: 28rpx;}
.subRadioItem .subRadioRight{display: flex;align-items: center;}
.subRadioRight .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;}
.subRadioRight .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>
... ...
<template>
<view>
<view v-for="(item,index) in checkList" :key="index">
<check-temp v-if="item.tempType == 'check'" :keyList="item.keyList"></check-temp>
<check-temp v-if="item.tempType == 'check'" :checkIndex="index" :keyList="item.keyList"></check-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>
<sub-radio-temp v-if="item.tempType == 'subRadio'" :keyList="item.keyList"></sub-radio-temp>
</view>
<view style="height: 130rpx;"></view>
<view class="bottomBtnWrap">
<view class="bottomBtn">
<view class="bottomBtn" @click="save">
保存
</view>
</view>
... ... @@ -63,6 +64,7 @@
import radioTemp from '@/components/radioTemp.vue'
import checkTemp from '@/components/checkTemp.vue'
import typeRadioTemp from '@/components/typeRadioTemp.vue'
import subRadioTemp from '@/components/subRadioTemp.vue'
export default {
data() {
return {
... ... @@ -73,7 +75,7 @@
keyList:[
{
title:'一.单位名称',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -88,7 +90,7 @@
},
{
title:'二.生产经营地',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -103,7 +105,7 @@
},
{
title:'三.技术负责人',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -118,7 +120,7 @@
},
{
title:'四.生产设施运行',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -133,7 +135,7 @@
},
{
title:'五.治理设施运行',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -148,7 +150,7 @@
},
{
title:'六.正本规范悬挂',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -163,7 +165,7 @@
},
{
title:'七.其他变更事项',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:true,
subKeyList:[
{
... ... @@ -184,7 +186,8 @@
components:{
radioTemp,
checkTemp,
typeRadioTemp
typeRadioTemp,
subRadioTemp
},
onReady() {
... ... @@ -227,7 +230,7 @@
keyList:[
{
title:'二.未登记排口',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
subKeyList:[
{
title:'有',
... ... @@ -241,7 +244,7 @@
},
{
title:'三.雨水排口',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
subKeyList:[
{
title:'有',
... ... @@ -269,7 +272,7 @@
{
title:'一.坐标及市况',
more:true,
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -285,7 +288,7 @@
{
title:'二.排放口类型',
more:true,
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -300,7 +303,7 @@
},
{
title:'三.排放去向',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
more:true,
last:false,
subKeyList:[
... ... @@ -317,7 +320,7 @@
{
title:'四.排放规律',
more:false,
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -451,7 +454,7 @@
{
title:'七.未登记污染物',
more:false,
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -467,7 +470,7 @@
{
title:'八.执法监测',
more:false,
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:true,
subKeyList:[
{
... ... @@ -556,7 +559,7 @@
keyList:[
{
title:'一.产污环节',
moreBtn:true,
moreBtn:true,//是否显示更多按钮
more:false,
last:false,
subKeyList:[
... ... @@ -607,7 +610,7 @@
{
title:'三.未登记污染物',
more:false,
moreBtn:true,
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
... ... @@ -780,9 +783,950 @@
}
]
}
//委托处置
if(option.code == 'wtcz'){
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:'2 (t/a)'
},
{
title:'2.不合格产品',
unit:'',
choose:-1,
name:'6 (t/a)'
},
{
title:'3.污泥',
unit:'',
choose:-1,
name:'5 (t/a)'
},
{
title:'4.废杂质',
unit:'',
choose:-1,
name:'2 (t/a)'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'三.委托单位',
moreBtn:true,//是否显示更多按钮
more:false,
last:false,
subKeyList:[
{
title:'变更',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'四.未登记污染物',
moreBtn:true,//是否显示更多按钮
more:true,
last:true,
subKeyList:[
{
title:'变更',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//废水
if(option.code == 'fs'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'check',
keyList:[
{
title:'一.有组织排口',
subKeyList:[
{
title:'1.废水排放口1',
code:'fs_dw1',
name:'DW001'
},
{
title:'2.废水排放口2',
code:'fs_dw2',
name:'DW002'
}
]
}
]
}
]
}
//废水DW001
if(option.code == 'fs_dw1'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.自行监测报告',
moreBtn:true,//是否显示更多按钮
more:false,
last:false,
subKeyList:[
{
title:'无',
check:false
},
{
title:'有',
check:false
}
]
},
{
title:'二.委托第三方监测',
moreBtn:true,//是否显示更多按钮
more:false,
last:false,
subKeyList:[
{
title:'否',
check:false
},
{
title:'是',
check:false
}
]
}
]
},
{
tempType:'check',
keyList:[
{
title:'三.监测内容',
subKeyList:[
{
title:'1.pH',
code:'fs_dw_ph',
name:'自动'
},
{
title:'2.色度',
code:'fs_dw_sd',
name:'手工'
},
{
title:'3.悬浮物',
code:'fs_dw_xfw',
name:'手工'
},
{
title:'4.五日生化需氧量',
code:'fs_dw_wrshxyl',
name:'手工'
},
{
title:'5.化学需氧量（COD）',
code:'fs_dw_hxxyl',
name:'自动'
},
{
title:'6.氨氮',
code:'fs_dw_ad',
name:'自动'
},
{
title:'7.总氨',
code:'fs_dw_zd',
name:'自动'
},
{
title:'8.总磷',
code:'fs_dw_zl',
name:'自动'
},
{
title:'9.可吸附有机卤素',
code:'fs_dw_kxfyjls',
name:'自动'
},
{
title:'10.二噁英',
code:'fs_dw_eey',
name:'自动'
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'四.纸质保存三年',
moreBtn:false,
more:false,
last:true,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//PH、化学需氧量（COD）、氨氮、总氮、总磷、可吸附有机卤素、二噁英
if(option.code == 'fs_dw_ph' || option.code == 'fs_dw_hxxyl' || option.code == 'fs_dw_ad' || option.code == 'fs_dw_zd' || option.code == 'fs_dw_zl' || option.code == 'fs_dw_kxfyjls' || option.code == 'fs_dw_eey'){
let title = ''
if(option.code == 'pH'){
title = 'pH'
}else if(option.code == 'fs_dw_hxxyl'){
title = '化学需氧量（COD）'
}else if(option.code == 'fs_dw_ad'){
title = '氨氮'
}else if(option.code == 'fs_dw_zd'){
title = '总氮'
}else if(option.code == 'fs_dw_zl'){
title = '总磷'
}else if(option.code == 'fs_dw_kxfyjls'){
title = '可吸附有机卤素'
}else if(option.code == 'fs_dw_eey'){
title = '二噁英'
}
uni.setNavigationBarTitle({
title:title
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.仪器名称',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'二.安装位置',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'三.是否联网',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'否',
check:false
},
{
title:'是',
check:false
}
]
},
{
title:'四.是否符合要求',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'否',
check:false
},
{
title:'是',
check:false
}
]
},
{
title:'五.对比手工数据',
moreBtn:false,
more:false,
last:true,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//色度、悬浮物、五日生化需氧量
if(option.code == 'fs_dw_sd' || option.code == 'fs_dw_xfw' || option.code == 'fs_dw_wrshxyl'){
let title = ''
if(option.code == 'fs_dw_sd'){
title = '色度'
}else if(option.code == 'fs_dw_xfw'){
title = '悬浮物'
}else if(option.code == 'fs_dw_wrshxyl'){
title = '五日生化需氧量'
}
uni.setNavigationBarTitle({
title:title
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.采样方法',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'二.采样个数',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'三.监测频次',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
},
{
title:'四.测定方法',
moreBtn:false,
more:false,
last:false,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//废气
if(option.code == 'fq'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'check',
keyList:[
{
title:'一.有组织排口',
subKeyList:[
{
title:'1.排口1',
code:'fq_pk',
name:'DA001'
},
{
title:'2.排口2',
code:'fq_pk',
name:'DW002'
}
]
},
{
title:'二.无组织排口',
subKeyList:[
{
title:'1.厂界1',
code:'fq_cj1',
name:'DA001'
},
{
title:'2.厂界2',
code:'fq_cj2',
name:'DW002'
}
]
}
]
}
]
}
//有组织排口
if(option.code == 'fq_pk'){
uni.setNavigationBarTitle({
title:'产排污环节对应排放口'
})
this.checkList = [
{
tempType:'radio',
keyList:[
{
title:'一.自行检测报告',
moreBtn:true,//是否显示更多按钮
more:false,
last:false,
subKeyList:[
{
title:'无',
check:false
},
{
title:'有',
check:false
}
]
},
{
title:'二.委托第三方监测',
moreBtn:true,//是否显示更多按钮
more:false,
last:false,
subKeyList:[
{
title:'否',
check:false
},
{
title:'是',
check:false
}
]
}
]
},
{
tempType:'subRadio',
keyList:[
{
title:'三.监测内容',
subKeyList:[
{
title:'1.硫化氢',
name:'手工',
thKeyList:[
{
title:'(1) 采样方法',
choose:-1
},
{
title:'(2) 采样个数',
choose:-1
},
{
title:'(4) 氨 (氨气)',
choose:-1
},
{
title:'(5) 监测频次',
choose:-1
}
]
},
{
title:'2.臭气浓度',
name:'手工',
thKeyList:[
{
title:'(1) 采样方法',
choose:-1
},
{
title:'(2) 采样个数',
choose:-1
},
{
title:'(4) 氨 (氨气)',
choose:-1
},
{
title:'(5) 监测频次',
choose:-1
}
]
},
{
title:'3.氨 (氨气)',
name:'手工',
thKeyList:[
{
title:'(1) 采样方法',
choose:-1
},
{
title:'(2) 采样个数',
choose:-1
},
{
title:'(4) 氨 (氨气)',
choose:-1
},
{
title:'(5) 监测频次',
choose:-1
}
]
}
]
}
]
},
{
tempType:'radio',
keyList:[
{
title:'四.纸质保存三年',
moreBtn:true,//是否显示更多按钮
more:false,
last:true,
subKeyList:[
{
title:'异常',
check:false
},
{
title:'一致',
check:false
}
]
}
]
}
]
}
//环境管理台账
if(option.code == 'hjgltz'){
uni.setNavigationBarTitle({
title:'环境管理台账'
})
this.checkList=[
{
tempType:'radio',
keyList:[
{
title:'一.生产设施运行管理信息',
moreBtn:true,//是否显示更多按钮//是否显示更多按钮
last:false,//是否最后一项
subKeyList:[
{
title:'有',
check:false
},
{
title:'无',
check:false
}
]
},
{
title:'二.污染防治设置运行管理信息',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'有',
check:false
},
{
title:'无',
check:false
}
]
},
{
title:'三.监测记录信息',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'有',
check:false
},
{
title:'无',
check:false
}
]
},
{
title:'四.特殊时段管理要求执行情况',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'有',
check:false
},
{
title:'无',
check:false
}
]
},
{
title:'五.纸质、电子齐备',
moreBtn:false,
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'六.保存时间不少于3年',
moreBtn:false,
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'七.专人专档管理',
moreBtn:false,
last:true,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
}
]
}
]
}
//执行报告
if(option.code == 'zxbg'){
uni.setNavigationBarTitle({
title:'执行报告'
})
this.checkList=[
{
tempType:'radio',
keyList:[
{
title:'一.内容是否满足要求',
moreBtn:true,//是否显示更多按钮//是否显示更多按钮
last:false,//是否最后一项
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'二.上报频次时间是否满足要求',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'三.登记与排放总量是否一致',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
}
]
}
]
}
//信息公开
if(option.code == 'xxgk'){
uni.setNavigationBarTitle({
title:'信息公开'
})
this.checkList=[
{
tempType:'radio',
keyList:[
{
title:'一.公开方式是否满足要求',
moreBtn:true,//是否显示更多按钮//是否显示更多按钮
last:false,//是否最后一项
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'二.上报频次时间是否满足要求',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'三.登记与排放总量是否一致',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
}
]
}
]
}
//修改落实情况
if(option.code == 'xglsqk'){
uni.setNavigationBarTitle({
title:'修改落实情况'
})
this.checkList=[
{
tempType:'radio',
keyList:[
{
title:'一.这边更改要求事项',
moreBtn:true,//是否显示更多按钮//是否显示更多按钮
last:false,//是否最后一项
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
},
{
title:'二.整改落实情况是否满足要求',
moreBtn:true,//是否显示更多按钮
last:false,
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
}
]
}
]
}
//其他许可内容
if(option.code == 'qtxknr'){
uni.setNavigationBarTitle({
title:'其他许可内容'
})
this.checkList=[
{
tempType:'radio',
keyList:[
{
title:'一.这边更改要求事项',
moreBtn:true,//是否显示更多按钮//是否显示更多按钮
last:false,//是否最后一项
subKeyList:[
{
title:'是',
check:false
},
{
title:'否',
check:false
}
]
}
]
}
]
}
},
methods: {
save(){
console.log(this.checkList)
}
}
}
</script>
... ...
... ... @@ -134,39 +134,46 @@
show:0,
subKeyList:[
{
title:'1.废水'
title:'1.废水',
code:'fs'
},
{
title:'2.废气'
title:'2.废气',
code:'fq'
}
]
},
{
title:'四.环境管理台账',
code:'hjgltz',
complete:0,
show:0,
subKeyList:[]
},
{
title:'五.执行报告',
code:'zxbg',
complete:0,
show:0,
subKeyList:[]
},
{
title:'六.信息公开',
code:'xxgk',
complete:0,
show:0,
subKeyList:[]
},
{
title:'七.修改落实情况',
code:'xglsqk',
complete:0,
show:0,
subKeyList:[]
},
{
title:'八.其他许可内容',
code:'qtxknr',
complete:0,
show:0,
subKeyList:[]
... ...