|
@@ -2,55 +2,10 @@
|
|
<template>
|
|
<template>
|
|
<view class="planDetail">
|
|
<view class="planDetail">
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
- <view class="header">
|
|
|
|
- <img class="header-bg" src="@/pages_safetyCheck/images/img_banner@1x.png">
|
|
|
|
- <view class="tabTitle">
|
|
|
|
- <view class="tabTitle_li" @tap="tabClick(index)" :key="index" v-for="(item,index) in tabText">
|
|
|
|
- <view class="tabTitle_text">
|
|
|
|
- <img :src="item.img">
|
|
|
|
- <view
|
|
|
|
- :id="curTab==index && curTab==0?'fontColor-A':(curTab==index && curTab==1?'fontColor-B':'')">
|
|
|
|
- {{item.name}}
|
|
|
|
- </view>
|
|
|
|
- <view>{{item.title}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view :class="{on:curTab==index}" class="tabTitle_across">
|
|
|
|
- <img src="@/pages_safetyCheck/images/img_xyzc_bg@1x.png">
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="college">请选择学院单位
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
- <view class="list">
|
|
|
|
- <view class="list-li" @click="planClick(item)" v-for="(item,index) in dataList">
|
|
|
|
- <view :id="item.status==0?'bgColor-A':'bgColor-B'">{{item.status==0?'全部检查':'专项检查'}}</view>
|
|
|
|
- <view>{{item.title}}</view>
|
|
|
|
- <img src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
- <view class="shade" v-if="dialogVisible">
|
|
|
|
- <view class="null-box" @click="dialogClose()"></view>
|
|
|
|
- <view class="shade_n">
|
|
|
|
- <view class="title">
|
|
|
|
- <view>检查批次</view>
|
|
|
|
- <img src="@/pages_safetyCheck/images/icon_06.png">
|
|
|
|
- </view>
|
|
|
|
- <view class="batch">
|
|
|
|
- <view class="batch-li" @click="batchClick(item)" v-for="(item,index) in batchList">
|
|
|
|
- <view class="batch-li-l">
|
|
|
|
- <text>{{item.title}}</text>
|
|
|
|
- <text>开始检查日期:{{item.time}}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="batch-li-r">检查进度{{item.schedule}}
|
|
|
|
- <img src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</template>
|
|
</template>
|
|
@@ -69,65 +24,6 @@
|
|
return {
|
|
return {
|
|
baseUrl: config.base_url,
|
|
baseUrl: config.base_url,
|
|
pageType: 0,
|
|
pageType: 0,
|
|
- tabText: [{
|
|
|
|
- name: '校级检查',
|
|
|
|
- title: '学校检查计划',
|
|
|
|
- img: require('@/pages_safetyCheck/images/icon_aqjc_xjjc@1x.png'),
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '学院自查',
|
|
|
|
- title: '学院自查计划',
|
|
|
|
- img: require('@/pages_safetyCheck/images/icon_aqjc_xxzc@1x.png'),
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '现场检查',
|
|
|
|
- title: '检查隐患草稿',
|
|
|
|
- img: require('@/pages_safetyCheck/images/icon_aqjc_xcjc@1x.png'),
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '随手拍',
|
|
|
|
- title: '隐患上报整改',
|
|
|
|
- img: require('@/pages_safetyCheck/images/icon_aqjc_ssp@1x.png'),
|
|
|
|
- },
|
|
|
|
- ],
|
|
|
|
- curTab: 0,
|
|
|
|
- dataList: [{
|
|
|
|
- status: 0,
|
|
|
|
- title: '计划标题计划标题计划标题计划标题计划标题计划标题计划标题计划标题',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- status: 1,
|
|
|
|
- title: '计划标题计划标题计划标题计划标题',
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
- dialogVisible: false,
|
|
|
|
- batchList:[
|
|
|
|
- {
|
|
|
|
- title:'第3次检查',
|
|
|
|
- time:'2024-04-01',
|
|
|
|
- schedule:'0%',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'第3次检查',
|
|
|
|
- time:'2024-04-01',
|
|
|
|
- schedule:'0%',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'第3次检查',
|
|
|
|
- time:'2024-04-01',
|
|
|
|
- schedule:'0%',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'第3次检查',
|
|
|
|
- time:'2024-04-01',
|
|
|
|
- schedule:'0%',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'第3次检查',
|
|
|
|
- time:'2024-04-01',
|
|
|
|
- schedule:'0%',
|
|
|
|
- },
|
|
|
|
- ],
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
@@ -143,40 +39,6 @@
|
|
methods: {
|
|
methods: {
|
|
//滚动事件
|
|
//滚动事件
|
|
scrollGet() {},
|
|
scrollGet() {},
|
|
- //顶部tab点击
|
|
|
|
- tabClick(index) {
|
|
|
|
- this.curTab = index;
|
|
|
|
- if(index==0){
|
|
|
|
- //校级检查
|
|
|
|
-
|
|
|
|
- }else if(index==1){
|
|
|
|
- //学院自查
|
|
|
|
-
|
|
|
|
- }else if(index==2){
|
|
|
|
- //现场检查
|
|
|
|
-
|
|
|
|
- }else if(index==3){
|
|
|
|
- //随手拍
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages_safetyCheck/views/snapshotManage/snapshotList",
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- //检查批次点击
|
|
|
|
- batchClick(row){
|
|
|
|
- let infoData=row;
|
|
|
|
- infoData.pageType=this.curTab;
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: '/pages_safetyCheck/views/inspectManage/inspectList?infoData=' + encodeURIComponent(JSON.stringify(infoData))
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- planClick(row){
|
|
|
|
- //如果只有1个检查批次不弹窗
|
|
|
|
- this.dialogVisible = true;
|
|
|
|
- },
|
|
|
|
- dialogClose() {
|
|
|
|
- this.dialogVisible = false;
|
|
|
|
- },
|
|
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -205,235 +67,5 @@
|
|
color: #16B531;
|
|
color: #16B531;
|
|
background: rgba(22, 181, 49, 0.2);
|
|
background: rgba(22, 181, 49, 0.2);
|
|
}
|
|
}
|
|
-
|
|
|
|
-
|
|
|
|
- .header {
|
|
|
|
- width: 100%;
|
|
|
|
- position: fixed;
|
|
|
|
- top: 0rpx;
|
|
|
|
- z-index: 100;
|
|
|
|
- .header-bg{
|
|
|
|
- width: 750rpx;
|
|
|
|
- height: 336rpx;
|
|
|
|
- position: absolute;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- .tabTitle {
|
|
|
|
- width: 690rpx;
|
|
|
|
- height: 250rpx;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
|
- display flex;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- align-items: center;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 30rpx;
|
|
|
|
- top: 208rpx;
|
|
|
|
-
|
|
|
|
- .tabTitle_li {
|
|
|
|
- height: 250rpx;
|
|
|
|
- flex: 1;
|
|
|
|
- position: relative;
|
|
|
|
- text-align center;
|
|
|
|
- .line{
|
|
|
|
- width: 2rpx;
|
|
|
|
- height: 30rpx;
|
|
|
|
- background: #D8D8D8;
|
|
|
|
- border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 40%;
|
|
|
|
- }
|
|
|
|
- .tabTitle_text {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- flex-direction: column;
|
|
|
|
- align-items: center;
|
|
|
|
-
|
|
|
|
- >img {
|
|
|
|
- width: 80rpx;
|
|
|
|
- height: 80rpx;
|
|
|
|
- margin-top: 48rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >view:nth-of-type(1) {
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- margin-top: 8rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >view:nth-of-type(2) {
|
|
|
|
- font-size: 22rpx;
|
|
|
|
- color: #666666;
|
|
|
|
- line-height: 30rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- margin-top: 6rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- &.on {}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .tabTitle_across {
|
|
|
|
- /* width: 50rpx;
|
|
|
|
- height: 4rpx;
|
|
|
|
- background: #0183FA;
|
|
|
|
- border-radius: 2rpx; */
|
|
|
|
- margin-left: 38%;
|
|
|
|
- margin-top: 37rpx;
|
|
|
|
- display none;
|
|
|
|
-
|
|
|
|
- >img {
|
|
|
|
- width: 40rpx;
|
|
|
|
- height: 26rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.on {
|
|
|
|
- display block;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .list {
|
|
|
|
- margin-top: 482rpx;
|
|
|
|
- width: 690rpx;
|
|
|
|
- margin-left: 30rpx;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
|
- .list-li {
|
|
|
|
- border-bottom: 1rpx dashed #E0E0E0;
|
|
|
|
- height: 80rpx;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- align-items: center;
|
|
|
|
- padding: 0 30rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
-
|
|
|
|
- >view:nth-of-type(1) {
|
|
|
|
- width: 120rpx;
|
|
|
|
- height: 40rpx;
|
|
|
|
- background: rgba(1, 131, 250, 0.2);
|
|
|
|
- border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
|
- font-size: 24rpx;
|
|
|
|
- color: #0183FA;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >view:nth-of-type(2) {
|
|
|
|
- flex: 1;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 39rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- margin: 0 52rpx 0 20rpx;
|
|
|
|
- overflow: hidden;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >img {
|
|
|
|
- width: 24rpx;
|
|
|
|
- height: 24rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .shade {
|
|
|
|
- height: 100%;
|
|
|
|
- width: 100%;
|
|
|
|
- position: fixed;
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
- z-index: 200;
|
|
|
|
- background: rgba(0, 0, 0, 0.2);
|
|
|
|
-
|
|
|
|
- .null-box {
|
|
|
|
- flex: 1;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .shade_n {
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 0;
|
|
|
|
- left: 0;
|
|
|
|
- width: 750rpx;
|
|
|
|
- height: 466rpx;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- border-radius: 20rpx 20rpx 0rpx 0rpx;
|
|
|
|
- overflow-y: auto;
|
|
|
|
-
|
|
|
|
- .title {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- padding: 0 50rpx 0 284rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- border-bottom: 1rpx solid #E0E0E0;
|
|
|
|
-
|
|
|
|
- >view {
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- color: #3D3D3D;
|
|
|
|
- line-height: 90rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >img {
|
|
|
|
- width: 24rpx;
|
|
|
|
- height: 12rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .batch{
|
|
|
|
- padding: 0 30rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- .batch-li{
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- border-bottom: 1rpx solid #E0E0E0;
|
|
|
|
- padding: 20rpx 0 16rpx 0rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- .batch-li-l{
|
|
|
|
- >text:nth-of-type(1){
|
|
|
|
- display: block;
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 42rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
- >text:nth-of-type(2){
|
|
|
|
- display: block;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #666666;
|
|
|
|
- line-height: 39rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- margin-top: 6rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .batch-li-r{
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #666666;
|
|
|
|
- line-height: 39rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- align-items: center;
|
|
|
|
- >img{
|
|
|
|
- width: 24rpx;
|
|
|
|
- height: 24rpx;
|
|
|
|
- margin-left: 9rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|