zc

pages.json

@@ -616,21 +616,9 @@
 					}
 				},
 				{
-					"path": "views/gradingControl/gradingControlFinish",//分级管控-完成列表
+					"path": "views/gradingControl/infoPage",//分级管控
 					"style": {
-						"navigationBarTitleText": "分级管控"
-					}
-				},
-				{
-					"path": "views/gradingControl/gradingControlAdd",//分级管控-添加
-					"style": {
-						"navigationBarTitleText": "分级管控"
-					}
-				},
-				{
-					"path": "views/gradingControl/gradingControlDetail",//分级管控-详情
-					"style": {
-						"navigationBarTitleText": "分级管控"
+						"navigationBarTitleText": "分级管控详情"
 					}
 				},
 				/* 用气申请 */

pages_manage/views/gradingControl/gradingControl.vue

@@ -1,290 +1,204 @@
-<!-- 准入资格证书 -->
 <template>
-    <view id="accessQualification">
-        <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
-			<view class="list">
-				<view class="list_li" v-for="(item,index) in infoList" :key="index">
-					<view class="list_li_t">
-						<view class="list_li_t_l" v-if="item.levelName" :style="'color:'+item.levelColor+';border-color:'+item.levelColor">{{item.levelName}}</view>
-						<view class="list_li_t_c">{{item.subName}}</view>
-						<view class="list_li_t_r">{{item.typeName}}</view>
+	<view class="gradingControl">
+		<scroll-view scroll-y @scrolltolower="scrollGet" class="for-max-box">
+			<img class="null-img" v-if="!dataList[0]" src="@/pages_manage/images/null-data-1.png">
+			<view class="for-box" v-for="(item,index) in dataList" :key="index" @click="tableButton(item)">
+				<view class="for-box-left">
+					<view class="for-name-box">
+						<view>{{item.data1}}</view>
+						<view :class="item.data6?'colorA':'colorB'">{{item.data6?'已执行':'未执行'}}</view>
 					</view>
-					<view class="list_li_b" >
-						<view class="list_li_b_t" @tap="goPageAdd(item,item2)" v-for="(item2,index2) in item.detailList" :key="index2" :style="index2==(item.detailList.length-1)?'border:none;':'border-bottom :1px dashed #cccccc;'">
-							<view class="list_li_b_t_t">
-								<view class="list_li_b_t_t_n">
-									<view class="list_li_b_t_t_l" :class="[item2.ruleType== '日管控' ? 'purple': '', item2.ruleType=='周管控'? 'blue': '',item2.ruleType=='月管控'? 'orange': '',item2.ruleType=='年管控'? 'green': '',]">{{item2.ruleType}}</view>
-									<view class="list_li_b_t_t_c">{{item2.ruleName}}</view>
-									<view class="list_li_b_t_t_r" v-if="item2.isExpired==1">(过期未完成)</view>
-									<view class="list_li_b_t_t_rr" >{{item2.endDate}}</view>
-								</view>
-							</view >
-							<view class="list_li_b_t_b">{{item2.ruleRemark}}</view>
-						</view>
+					<view class="for-type-box">
+						<view>{{item.data4}}</view>
+						<view>{{item.data5}}</view>
 					</view>
+					<view class="for-dept-box">{{item.data3}}</view>
+				</view>
+				<view class="for-box-right">
+					<img src="@/pages_manage/images/icon_04.png">
 				</view>
 			</view>
-			<view class="get-null-box" v-if="infoList.length==0">暂无更多数据</view>
-        </scroll-view>
-        <view class="bottom-button-box" @click="goSafeAccess">完成记录</view>
-    </view>
+			<view class="get-data-null-p" v-if="getDataType">- 没有更多数据 -</view>
+		</scroll-view>
+	</view>
 </template>
 
 <script>
-    import { gradingControl } from '@/api/apiDemo/index.js'
-    export default {
-        data() {
-            return {
-                infoList:{},
-            }
-        },
-        onLoad() {
+	export default {
+		name: "gradingControl",
+		data() {
+			return {
+				// 查询参数
+				queryParams: {
+					page: 1,
+					pageSize: 10,
+				},
+				getDataType: false,
+				//列表数据
+				dataList: [{
+					data1: '管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称',
+					data2: '管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述',
+					data3: '二级单位',
+					data4: '安全分类',
+					data5: '安全分级',
+					data6: true,
+					data7: '执行人',
+					data8: '执行时间',
+					data9: '执行备注',
+				}, {
+					data1: '管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称',
+					data2: '管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述',
+					data3: '二级单位',
+					data4: '安全分类',
+					data5: '安全分级',
+					data6: false,
+					data7: '执行人',
+					data8: '执行时间',
+					data9: '执行备注',
+				}, ],
+			}
+		},
 
-        },
-        onShow(){
-            this.clearData();
-            this.getList();
-        },
-        methods: {
-			goSafeAccess(){
+		onLoad(option) {
+			this.getList();
+		},
+		onShow() {
+
+		},
+		methods: {
+			//滚动加载事件
+			scrollGet() {
+				let self = this;
+				if (self.total / self.queryParams.pageSize <= self.queryParams.page) {
+					this.$set(this, 'getDataType', true);
+				} else {
+					this.queryParams.page += 1;
+					this.$nextTick(() => {
+						this.getList();
+					})
+				}
+			},
+			//获取分级管控列表
+			getList() {
+				// const {
+				// 	data
+				// } = await laboratoryAppletSubList(this.queryParams);
+				// if (data.code == 200) {
+				// 	if(this.queryParams.page == 1){
+				// 		this.dataList = data.data.records;
+				// 		this.total = data.data.total;
+				// 		if (data.data.total / this.queryParams.pageSize <= this.queryParams.page) {
+				// 			this.$set(this, 'getDataType', true);
+				// 		}
+				// 	}else{
+				// 		this.dataList = [...this.dataList, ...data.data.records]
+				// 		this.total = data.data.total;
+				// 		if (data.data.total / this.queryParams.pageSize <= this.queryParams.page) {
+				// 			this.$set(this, 'getDataType', true);
+				// 		}
+				// 	}
+				// }
+			},
+			tableButton() {
 				uni.navigateTo({
-					url: '/pages_manage/views/gradingControl/gradingControlFinish',
+					url: '/pages_manage/views/gradingControl/infoPage'
 				});
 			},
-            //清除
-            clearData(){
-                this.infoList = {};
-
-            },
-            //去添加页面
-            goPageAdd(item,item2){
-                uni.navigateTo({
-                    url:'/pages_manage/views/gradingControl/gradingControlAdd?item='+encodeURIComponent(JSON.stringify(item))+'&item2='+encodeURIComponent(JSON.stringify(item2))
-                })
-            },
-            //滚动事件
-            scrollGet(){
-                this.getList();
-            },
-            //获取列表数据
-            async getList(){
-                let _this = this;
-                let obj = {
+		}
+	}
+</script>
 
-                }
-                const {data} = await gradingControl(obj)
-                if(data.code==200){
+<style lang="stylus" scoped>
+	.gradingControl {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
 
-					 _this.infoList=data.data;
-                }
+		.for-max-box {
+			flex: 1;
+			overflow-y scroll;
 
-            },
-        }
-    }
-</script>
+			.null-img {
+				display block;
+				width: 276rpx;
+				height: 321rpx;
+				position absolute;
+				top: 200rpx;
+				left: 274rpx;
+			}
 
-<style lang="stylus" scoped>
-    #accessQualification{
-        height:100%;
-        display flex
-        flex-direction column
-        .info-max-box{
-            flex:1;
-            overflow: scroll
-			.for-big-box:last-child{
-			    margin-bottom:180rpx;
+			.for-box:nth-child(1) {
+				border-top: none;
 			}
-			/* 列表 */
-			.list{
-				padding 0 20rpx;
-				box-sizing border-box;
-				.list_li{
-					height:auto;
-					.list_li_t{
-						height :80rpx;
-						display flex;
-						justify-content flex-start;
-						align-items :center;
-						.list_li_t_l{
-							width: 80rpx;
-							height: 30rpx;
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #EE3A3A;
-							line-height: 30rpx;
-							border: 2rpx solid #EE3A3A;
-							border-radius: 6rpx;
-							text-align center;
+
+			.for-box {
+				display: flex;
+				padding: 10px;
+				border-top: 4rpx solid #dedede;
+				overflow hidden;
+				background #ffffff;
+
+				view {
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					font-size: 32rpx;
+					color: #333;
+					line-height: 46rpx;
+				}
+
+				.for-box-left {
+					flex: 1;
+
+					.for-name-box {
+						display: flex;
+
+						view:nth-child(1) {
+							flex: 1;
 						}
-						.list_li_t_c{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 30rpx;
-							margin 0 32rpx 0 16rpx;
+
+						view:nth-child(2) {
+							width: 100rpx;
+							margin-left: 20rpx;
 						}
-						.list_li_t_r{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							line-height: 30rpx;
+
+						.colorA {
+							color: #0183FA;
 						}
-					}
-					.list_li_b{
-						width 710rpx;
-						height auto;
-						background: #FFFFFF;
-						border-radius: 20rpx;
-						padding :0 14rpx;
-						box-sizing :border-box;
-						.list_li_b_t{
-							overflow :hidden;
-							border-bottom :1rpx dashed #cccccc;
-							.list_li_b_t_t{
-								display flex;
-								justify-content flex-start;
-								margin :24rpx 0 18rpx 0;
-								.list_li_b_t_t_n{
-									flex:1;
-									width:655rpx;
-									display flex;
-									justify-content flex-start;
-									.list_li_b_t_t_l{
-										width :100rpx;
-										height :30rpx;
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										/* color: #0183FA; */
-										line-height: 24rpx;
-										/* background: rgba(1,131,250,0.2); */
-										border-radius: 6rpx;
-										text-align :center;
-									}
-									.list_li_b_t_t_c{
-										font-size: 28rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #333333;
-										line-height: 28rpx;
-										margin :0 16rpx 0 12rpx;
-									}
-									.list_li_b_t_t_r{
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #EE3A3A;
-										line-height: 24rpx;
-									}
-									.list_li_b_t_t_rr{
-										flex:1;
-										text-align:right;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color:#999;
-										font-size: 24rpx;
-										line-height: 24rpx;
-									}
-								}
-								/* 日管控 */
-								.purple{
-									color: #AC20E0;
-									background: rgba(172,32,224,0.2);
-								}
-								/* 周管控 */
-								.blue{
-									color: #0183FA;
-									background: rgba(1,131,250,0.2);
-								}
-								/* 月管控 */
-								.orange{
-									color: #FA8801;
-									background: rgba(250,136,1,0.2);
-								}
-								/* 年管控 */
-								.green{
-									color: #11BA25;
-									background: rgba(17,186,37,0.2);
-								}
 
-								>img{
-									width: 12rpx;
-									height: 24rpx;
-								}
-							}
-							.list_li_b_t_b{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 48rpx;
-								margin-bottom :14rpx;
-								display:block;
-								overflow:hidden;
-								text-overflow:ellipsis;
-								white-space:nowrap;
-							}
+						.colorB {
+							color: #999;
 						}
-						.list_li_b_b{
 
-							.list_li_b_b_t{
-								display :flex;
-								justify-content :flex-start;
-								margin :30rpx 0 18rpx;
-								.list_li_b_b_t_l{
-									width :100rpx;
-									height :30rpx;
-									border-radius: 6rpx;
-									font-size: 24rpx;
-									font-family: PingFang SC;
-									font-weight: 500;
-									color: #FA8801;
-									line-height: 30rpx;
-									background :rgba(250,136,1,0.2);
-									text-align :center;
-									margin-right :12rpx;
-								}
-								.list_li_b_b_t_r{
-									font-size: 28rpx;
-									font-family: PingFang SC;
-									font-weight: 500;
-									color: #333333;
-									line-height: 30rpx;
-								}
-							}
-							.list_li_b_b_b{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 48rpx;
-							}
+					}
+
+					.for-dept-box {}
+
+					.for-type-box {
+						display: flex;
+
+						view {
+							flex: 1;
 						}
 					}
 				}
+
+				.for-box-right {
+					img {
+						margin-top: 60rpx;
+						width: 12rpx;
+						height: 24rpx;
+					}
+				}
+
 			}
 
-			/*暂无数据*/
-            .get-null-box{
-                height:100rpx;
-                line-height:100rpx;
-                color:#999;
-                text-align center
-            }
-        }
-        .bottom-button-box{
-			border-radius:20rpx;
-			margin:20rpx 50rpx;
-            width: 650rpx;
-            height: 100rpx;
-            line-height: 100rpx;
-            background: #0183FA;
-            font-size: 30rpx;
-            color: #FFFFFF;
-            text-align center;
-        }
-    }
-</style>
+			.get-data-null-p {
+				text-align: center;
+				line-height: 40rpx;
+				padding-bottom: 40px;
+				color: #999;
+			}
+		}
+	}
+</style>

pages_manage/views/gradingControl/gradingControlAdd.vue

@@ -1,644 +0,0 @@
-<!-- 分级管控完成工作 -->
-<template>
-    <view id="accessQualification">
-        <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
-			<view class="list">
-				<view class="list_li">
-					<view class="list_li_t">
-						<view class="list_li_t_l" :style="'color:'+labData.levelColor+';border-color:'+labData.levelColor">{{labData.levelName}}</view>
-						<view class="list_li_t_c">{{labData.subName}}</view>
-						<view class="list_li_t_r">{{labData.typeName}}</view>
-					</view>
-					<view class="list_li_b">
-						<view class="list_li_b_t">
-							<view class="list_li_b_t_t">
-								<view class="list_li_b_t_t_n">
-									<view class="list_li_b_t_t_l" :class="[control.ruleType== '日管控' ? 'purple': '', control.ruleType=='周管控'? 'blue': '',control.ruleType=='月管控'? 'orange': '',control.ruleType=='年管控'? 'green': '',]">{{control.ruleType}}</view>
-									<view class="list_li_b_t_t_c">{{control.ruleName}}</view>
-									<view class="list_li_b_t_t_r" v-if="control.isExpired==1">(过期未完成)</view>
-									<view class="list_li_b_t_t_rr" >{{control.endDate}}</view>
-								</view>
-							</view>
-						</view>
-						<view class="flex-view">
-							<view><text style="margin-right: 20rpx;"></text>执行方式:</view>
-							<view>{{control.isAll==1?'多人执行':'单人执行'}}</view>
-						</view>
-						<view class="flex-view">
-							<view><text style="margin-right: 20rpx;"></text>规则描述:</view>
-							<view>{{control.ruleRemark}}</view>
-						</view>
-						<view class="list_li_b_b2"><text style="position: relative;top: 4rpx;color: #f00;margin-right: 10rpx;">*</text>执行描述:</view>
-						<textarea class="list_li_b_b3" v-model="param.detail.remark" maxlength="30" placeholder-class="placeholder-style" placeholder="请输入执行描述"></textarea>
-						<view class="list_li_b_b4" v-if="control.isUpload==1"><text style="position: relative;top: 4rpx;color: #f00;margin-right: 10rpx;">*</text>执行材料:<label @click="itemUpData(item)">+ 请上传执行材料</label></view>
-
-						<view class="list_li_b_b6" v-if="upList.length>0" v-for="(item,index) in upList" :key="index">
-							<view @click="download(item)">{{item.name}}</view>
-							<view @click="delImg(index)">
-								<img src="@/pages_manage/images/icon_fjgk_sc.png"/>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-        </scroll-view>
-        <view class="bottom-button-box" @click="goSafeAccess">完成</view>
-    </view>
-</template>
-
-<script>
-    import { gradingControlAdd } from '@/api/apiDemo/index.js'
-	import { config } from '@/api/request/config.js'
-    export default {
-        data() {
-            return {
-				labData:{},
-				control:{},
-				upList:[],
-				param:{
-					subId:'',//实验室id
-					ruleId:'',//规则ID
-					ruleUserId:'',//规则细则
-					id:'',//记录id
-					ruleType:'',
-					endDate:'',
-					detail:{
-						imgName:'',//文件名
-						imgUrl:'',//文件路径
-						imgType:'',//文件类型
-						remark:'',
-					}
-				},
-				messageUserId:""
-            }
-        },
-        onLoad(option) {
-			if(option.item){
-				let item = JSON.parse(decodeURIComponent(option.item));
-				let item2 = JSON.parse(decodeURIComponent(option.item2));
-				this.labData=item
-				this.control=item2
-				this.param.subId=item.subId;
-				this.param.ruleId=item2.ruleId;
-				this.param.ruleUserId=item2.ruleUserId;
-				// this.param.id=item2.recordId;
-				 this.param.ruleType=item2.ruleType;
-				 this.param.endDate=item2.endDate;
-
-				if(option.messageUserId){
-					this.messageUserId = option.messageUserId;
-				}
-			}
-
-        },
-        onShow(){
-
-        },
-        methods: {
-			download(item){
-				if(item.type == 'png' || item.type == 'jpg' || item.type == 'jpeg' || item.type == 'gif'){
-					//查看图片
-					wx.previewImage({
-						urls: [config.base_url+item.url], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
-						current: '', // 当前显示图片的http链接，默认是第一个
-						success: function(res) {},
-						fail: function(res) {},
-						complete: function(res) {},
-					})
-				}else if(item.type == 'pdf' || item.type == 'doc' || item.type == 'docx'){
-					uni.showLoading({
-					    title: '下载中'
-					});
-					//下载文档
-					wx.downloadFile({
-						url: config.base_url+item.url,
-						header: {
-							Authorization: uni.getStorageSync('token')
-						},
-						success: function (res) {
-							console.log("resresresresresres",res)
-							const fileManager = wx.getFileSystemManager()
-							console.log('wx.env.USER_DATA_PATH',wx.env.USER_DATA_PATH);
-							console.log('item.name',item.name);
-							console.log('item.type',item.type);
-							const filePath = wx.env.USER_DATA_PATH + '/' + item.name
-							console.log('filePath',filePath);
-							fileManager.saveFile({
-								tempFilePath: res.tempFilePath,
-								filePath,
-								success: () => {
-									uni.hideLoading();
-									wx.openDocument({
-										filePath: filePath,
-										showMenu: true,
-										fileType: item.type
-									})
-								},
-								fail: function (res){
-									uni.hideLoading();
-									uni.showToast({
-										title: '下载失败',
-										icon:"none",
-										mask:true,
-										duration: 2000
-									});
-								}
-							})
-						},
-						fail: function (res){
-							uni.hideLoading();
-							uni.showToast({
-								title: '下载失败',
-								icon:"none",
-								mask:true,
-								duration: 2000
-							});
-						}
-					})
-				}
-			},
-			delImg(index){
-				let self = this;
-				uni.showModal({
-				  title: '',
-				  cancelColor:'#999999',
-				  confirmColor:'#0183FA',
-				  content: '确定删除吗?',
-				  success (res) {
-					if (res.confirm) {
-					  self.upList.splice(index,1)
-					  self.$forceUpdate();
-					} else if (res.cancel) {
-
-					}
-				  }
-				})
-			},
-			//上传
-			itemUpData(item){
-				let self = this;
-				if(this.upList.length>4){
-					uni.showToast({
-						title: '最多只能上传5个',
-						icon:"none",
-						mask:true,
-						duration: 2000
-					});
-					return
-				}
-				uni.showActionSheet({
-				    itemList: ['上传文件', '上传图片'],
-				    success: function (res) {
-						if(res.tapIndex == 0){
-							//上传文件
-							self.upData(item);
-						}else if(res.tapIndex == 1){
-							//上传图片
-							self.upImg(item);
-						}
-				    },
-				    fail: function (res) {
-				        console.log(res.errMsg);
-				    }
-				});
-			},
-			upImg(item) {
-			    let self = this;
-			    wx.chooseImage({
-			        count: 1,
-			        sizeType: ["original", "compressed"],
-			        sourceType: ["album", "camera"],
-			        success: function(res) {
-						console.log(res)
-						let text = res.tempFilePaths[0].substring(res.tempFilePaths[0].lastIndexOf('.') + 1);
-						if(text != 'png' && text != 'jpg' && text != 'jpeg' && text != 'gif' && text != 'pdf' && text != 'doc' && text != 'docx'){
-							uni.showToast({
-								title: '仅支持png/jpg/jpeg/gif/pdf/doc/docx类型的文件上传',
-								icon:"none",
-								mask:true,
-								duration: 2000
-							});
-							return
-						}
-						let upObj = {
-							name:'照片.'+text,
-							path:res.tempFilePaths[0],
-							type:text,
-						}
-						self.upDataFunction(item,upObj);
-			            // let tempFilePaths = res.tempFilePaths[0];
-			            // self.upDataFunction(tempFilePaths,upObj);
-			        }
-			    });
-			},
-			//上传文件
-			upData(item){
-				let self = this;
-				wx.chooseMessageFile({
-				  count: 1,
-				  type: 'all',
-				  success (res) {
-					let text = res.tempFiles[0].path.substring(res.tempFiles[0].path.lastIndexOf('.') + 1);
-
-
-					if(text != 'png' && text != 'jpg' && text != 'jpeg' && text!= 'gif' && text != 'pdf' && text != 'doc' && text != 'docx'){
-						uni.showToast({
-							title: '仅支持png/jpg/jpeg/gif/pdf/doc/docx类型的文件上传',
-							icon:"none",
-							mask:true,
-							duration: 2000
-						});
-						return
-					}
-					let upObj = {
-						name:res.tempFiles[0].name,
-						path:res.tempFiles[0].path,
-						type:text,
-					}
-					self.upDataFunction(item,upObj);
-				  }
-				})
-			},
-			async upDataFunction(item,upObj){
-			    var self = this;
-			    uni.showLoading({
-			        title: '上传中',
-			        mask: true
-			    });
-			    uni.uploadFile({
-			        url: config.base_url+'/base/file/upload', //仅为示例，非真实的接口地址
-			        header:{'Authorization':uni.getStorageSync('token')},
-			        filePath: upObj.path,
-			        name: 'file',
-			        formData: {
-			            'user': 'test'
-			        },
-			        success: (uploadFileRes) => {
-			            let res = JSON.parse(uploadFileRes.data);
-						if(res.code == 200){
-							let obj = {
-								name:upObj.name,
-								url:config.base_url+res.data.url,
-								realUrl:res.data.url,
-								type:upObj.type
-							}
-							this.upList.push(obj);
-							this.$forceUpdate();
-
-							console.log(this.upList)
-						}else{
-							uni.showToast({
-								title: res.msg,
-								icon:"none",
-								mask:true,
-								duration: 2000
-							});
-						}
-			        },
-			        fail: err => {},
-			        complete: () => {
-			            uni.hideLoading()
-			        }
-			    });
-			},
-	       async goSafeAccess(){
-			   if(!this.param.detail.remark){
-			   	uni.showToast({
-			   		title: '请输入执行描述',
-			   		icon:"none",
-			   		mask:true,
-			   		duration: 2000
-			   	});
-			   	return
-			   }
-				if(this.control.isUpload==1){
-					if(!this.upList[0]){
-						uni.showToast({
-							title: '请上传执行材料',
-							icon:"none",
-							mask:true,
-							duration: 2000
-						});
-						return
-					}
-				}
-
-			   let _this = this;
-			   let obj = {
-
-			   }
-			   let imgName=[];
-			   let imgUrl=[];
-			   let imgType=[];
-			    _this.upList.forEach(function (item,index) {
-			           imgName.push(item.name)
-			           imgUrl.push(item.realUrl)
-			           imgType.push(item.type)
-			    })
-			   _this.param.detail.imgName=imgName.join(',')
-			   _this.param.detail.imgUrl=imgUrl.join(',')
-			   _this.param.detail.imgType=imgType.join(',')
-			   if(this.messageUserId){
-				   _this.param.messageUserId = this.messageUserId
-			   }
-			   console.log(_this.param)
-			   const {data} = await gradingControlAdd(_this.param)
-			   if(data.code==200){
-					uni.showToast({
-						title: '提交成功!',
-						icon:"none",
-						mask:true,
-						duration: 2000
-					});
-					setTimeout(function(){
-						uni.navigateBack();
-					},2000);
-			   }
-
-		   },
-        }
-    }
-</script>
-
-<style lang="stylus" scoped>
-    #accessQualification{
-        height:100%;
-        display flex
-        flex-direction column
-        .info-max-box{
-            flex:1;
-            overflow: scroll
-			.for-big-box:last-child{
-			    margin-bottom:180rpx;
-			}
-			/* 列表 */
-			.list{
-				padding 0 20rpx;
-				box-sizing border-box;
-				.list_li{
-					height auto;
-					.list_li_t{
-						height :80rpx;
-						display flex;
-						justify-content flex-start;
-						align-items :center;
-						.list_li_t_l{
-							width: 80rpx;
-							height: 30rpx;
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #EE3A3A;
-							line-height: 30rpx;
-							border: 2rpx solid #EE3A3A;
-							border-radius: 6rpx;
-							text-align center;
-						}
-						.list_li_t_c{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 30rpx;
-							margin 0 32rpx 0 16rpx;
-						}
-						.list_li_t_r{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							line-height: 30rpx;
-						}
-					}
-					.list_li_b{
-						overflow :hidden;
-						width 710rpx;
-						height auto;
-						background: #FFFFFF;
-						border-radius: 20rpx;
-						padding :0 14rpx;
-						box-sizing :border-box;
-						.list_li_b_t{
-							overflow :hidden;
-							.list_li_b_t_t{
-								display flex;
-								justify-content flex-start;
-								margin :24rpx 0 18rpx 0;
-								.list_li_b_t_t_n{
-									flex:1;
-									width:655rpx;
-									display flex;
-									justify-content flex-start;
-									.list_li_b_t_t_l{
-										width :100rpx;
-										height :30rpx;
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										/* color: #0183FA; */
-										line-height: 30rpx;
-										/* background: rgba(1,131,250,0.2); */
-										border-radius: 6rpx;
-										text-align :center;
-									}
-									.list_li_b_t_t_c{
-										font-size: 28rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #333333;
-										line-height: 28rpx;
-										margin :0 16rpx 0 12rpx;
-									}
-									.list_li_b_t_t_r{
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #EE3A3A;
-										line-height: 24rpx;
-									}
-									.list_li_b_t_t_rr{
-										flex:1;
-										text-align:right;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color:#999;
-										font-size: 24rpx;
-										line-height: 24rpx;
-									}
-								}
-								/* 日管控 */
-								.purple{
-									color: #AC20E0;
-									background: rgba(172,32,224,0.2);
-								}
-								/* 周管控 */
-								.blue{
-									color: #0183FA;
-									background: rgba(1,131,250,0.2);
-								}
-								/* 月管控 */
-								.orange{
-									color: #FA8801;
-									background: rgba(250,136,1,0.2);
-								}
-								/* 年管控 */
-								.green{
-									color: #11BA25;
-									background: rgba(17,186,37,0.2);
-								}
-								>img{
-									width: 12rpx;
-									height: 24rpx;
-								}
-							}
-							.list_li_b_t_b{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 48rpx;
-								margin-bottom :14rpx;
-							}
-						}
-						.flex-view{
-							display:flex;
-							view{
-								font-size:28rpx;
-								line-height:28rpx;
-								margin-top:28rpx;
-							}
-							view:nth-child(1){
-								width:220rpx;
-							}
-							view:nth-child(2){
-								width:460rpx;
-								word-wrap:break-word;
-								word-break:break-all;
-								overflow: hidden;
-								color:#999;
-							}
-						}
-						.list_li_b_b{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 28rpx;
-							>label{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 28rpx;
-							}
-						}
-						.list_li_b_b2{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 28rpx;
-							margin-top :32rpx;
-						}
-						.list_li_b_b3{
-							width: 640rpx;
-							height: 250rpx;
-							border: 1rpx solid #E0E0E0;
-							border-radius: 10rpx;
-							margin :32rpx 0 0 10rpx;
-							padding :25rpx 18rpx;
-							box-sizing :border-box;
-						}
-
-						.placeholder-style{
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #CCCCCC;
-							line-height: 24rpx;
-						}
-						.list_li_b_b4{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 60rpx;
-							margin-top :30rpx;
-							margin-bottom :52rpx;
-							>label{
-								display :inline-block;
-								width: 300rpx;
-								height: 60rpx;
-								border: 1rpx solid #0183FA;
-								border-radius: 10rpx;
-								text-align :center;
-								margin-left :22rpx;
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #0183FA;
-								line-height: 60rpx;
-
-							}
-						}
-						.list_li_b_b5{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 28rpx;
-							margin-top :30rpx;
-							margin-bottom 20rpx;
-							>label{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 28rpx;
-
-							}
-						}
-						.list_li_b_b6{
-							display flex;
-							margin-bottom:20rpx;
-							view:nth-child(1){
-								flex:1;
-								line-height:30rpx;
-								margin:15rpx 0 15rpx 15rpx;
-							}
-							view:nth-child(2){
-								height:60rpx;
-								width:60rpx;
-								margin:0 20rpx 0 60rpx;
-								img{
-									height:30rpx;
-									width:30rpx;
-									margin:15rpx;
-								}
-							}
-						}
-					}
-				}
-			}
-
-			/*暂无数据*/
-            .get-null-box{
-                height:100rpx;
-                line-height:100rpx;
-                color:#999;
-                text-align center
-            }
-        }
-        .bottom-button-box{
-			border-radius:20rpx;
-			margin:20rpx 50rpx;
-            width: 650rpx;
-            height: 100rpx;
-            line-height: 100rpx;
-            background: #0183FA;
-            font-size: 30rpx;
-            color: #FFFFFF;
-            text-align center;
-        }
-    }
-</style>

pages_manage/views/gradingControl/gradingControlDetail.vue

@@ -1,445 +0,0 @@
-<!-- 分级管控记录详情 -->
-<template>
-    <view id="accessQualification">
-        <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
-			<view class="list">
-				<view class="list_li">
-					<view class="list_li_t">
-						<view class="list_li_t_l" :style="'color:'+infoList.fiedColor+';border-color:'+infoList.fiedColor">{{infoList.levelName}}</view>
-						<view class="list_li_t_c">{{infoList.subName}}</view>
-						<view class="list_li_t_r">{{infoList.typeName}}</view>
-					</view>
-					<view class="list_li_b">
-						<view class="list_li_b_t">
-							<view class="list_li_b_t_t">
-								<view class="list_li_b_t_t_n">
-									<view class="list_li_b_t_t_l" :class="[infoList.ruleType== '日管控' ? 'purple': '', infoList.ruleType=='周管控'? 'blue': '',infoList.ruleType=='月管控'? 'orange': '',infoList.ruleType=='年管控'? 'green': '',]">{{infoList.ruleType}}</view>
-									<view class="list_li_b_t_t_c">{{infoList.ruleName}}</view>
-								</view>
-								<view class="list_li_b_t_t_n_r">{{infoList.endDate}}</view>
-							</view>
-							<view class="list_li_b_t_b" style="display: flex;"><label style="width:150rpx;">执行方式：</label>{{infoList.isAll==1?'多人执行':'单人执行'}}</view>
-							<view class="list_li_b_t_b" style="display: flex;"><label style="width:150rpx;">规则描述：</label>{{infoList.ruleRemark}}</view>
-							<view class="list_li_b_t_b" style="display: flex;" v-if="infoList.status == 0">
-								<label style="width:200rpx;">指定执行人员：</label>
-								<view style="flex:1;word-wrap:break-word;word-break:break-all;overflow: hidden;">{{infoList.allUserName}}</view>
-							</view>
-							<view class="list_li_b_t_b" style="display: flex;" v-if="infoList.status == 2"><label style="width:150rpx;">执行人：</label>{{infoList.nickName}}</view>
-							<view class="list_li_b_t_b" style="display: flex;" v-if="infoList.status == 2"><label style="width:150rpx;">身份：</label>{{infoList.userPosition}}</view>
-							<view class="list_li_b_t_b" style="display: flex;" v-if="infoList.status == 2"><label style="width:150rpx;">执行时间：</label>{{infoList.carryTime}}</view>
-							<view class="list_li_b_t_b" style="display: flex;" v-if="infoList.status == 2">
-								<label style="width:150rpx;">执行描述：</label>
-								<view style="flex:1;word-wrap:break-word;word-break:break-all;overflow: hidden;">{{infoList.detail.remark}}</view>
-							</view>
-						</view>
-						<view class="list_li_b_b4" v-if="infoList.status == 2">
-							<label>执行材料：</label>
-							<view class="list_li_b_b4_n">
-								<view class="list_li_b_b4_r" v-for="(item,index) in upList" :key="index" @click="lookItem(item)">
-									<img src="@/pages_manage/images/icon_pdf.png" v-if="item.type == 'pdf'"/>
-									<img src="@/pages_manage/images/icon_word.png" v-if="item.type == 'doc' || item.type == 'docx'"/>
-									<img :src="item.url" v-if="item.type == 'png' || item.type == 'jpg' || item.type == 'jpeg' || item.type == 'gif'"/>
-									<view class="list_li_b_b4_r_r">{{item.name}}</view>
-								</view>
-							</view>
-						</view>
-
-
-					</view>
-				</view>
-			</view>
-
-        </scroll-view>
-    </view>
-</template>
-
-<script>
-    import { gradingControlDetail,readByLoginUser } from '@/api/apiDemo/index.js'
-    import { config } from '@/api/request/config.js'
-    export default {
-        data() {
-            return {
-
-                infoList:{},
-				id:'',
-				upList:[],
-            }
-        },
-        onLoad(option) {
-            if(option.item){
-				let item = JSON.parse(decodeURIComponent(option.item));
-				console.log(item)
-				this.id=item.recordId;
-				if(item.messageUserId){
-					this.readByLoginUser(item.messageUserId);
-				}
-			}else{
-
-			}
-        },
-        onShow(){
-            this.clearData();
-            this.getList();
-        },
-        methods: {
-            //清除
-            clearData(){
-                this.infoList = [];
-                this.upList = [];
-
-            },
-            //去详情页
-            goPageInfo(item){
-
-                uni.navigateTo({
-                    url:'/pages_manage/views/accessQualification/accessQualificationInfo?item='+encodeURIComponent(JSON.stringify(item))
-                })
-            },
-            //滚动事件
-            scrollGet(){
-                //this.getList();
-            },
-			lookItem(item){
-				console.log("item",item)
-				if(item.type == 'png' || item.type == 'jpg' || item.type == 'jpeg' || item.type == 'gif'){
-					//查看图片
-					wx.previewImage({
-						urls: [item.url], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
-						current: '', // 当前显示图片的http链接，默认是第一个
-						success: function(res) {},
-						fail: function(res) {},
-						complete: function(res) {},
-					})
-				}else if(item.type == 'pdf' || item.type == 'doc' || item.type == 'docx'){
-					uni.showLoading({
-					    title: '下载中'
-					});
-					//下载文档
-					wx.downloadFile({
-						url: item.url,
-						header: {
-							Authorization: uni.getStorageSync('token')
-						},
-						success: function (res) {
-							console.log("resresresresresres",res)
-							const fileManager = wx.getFileSystemManager()
-							const filePath = wx.env.USER_DATA_PATH + '/' + item.name + '.docx'
-							fileManager.saveFile({
-								tempFilePath: res.tempFilePath,
-								filePath,
-								success: () => {
-									uni.hideLoading();
-									wx.openDocument({
-									filePath: filePath,
-									showMenu: true,
-									fileType: item.type
-									})
-								},
-								fail: function (res){
-									uni.hideLoading();
-									uni.showToast({
-										title: '下载失败',
-										icon:"none",
-										mask:true,
-										duration: 2000
-									});
-								}
-							})
-						},
-						fail: function (res){
-							uni.hideLoading();
-							uni.showToast({
-								title: '下载失败',
-								icon:"none",
-								mask:true,
-								duration: 2000
-							});
-						}
-					})
-				}
-			},
-			//查看图片
-			lockImg(list){
-				console.log(list)
-				/* if(!list[0]){
-					return
-				} */
-				let url=list.split(',')
-				wx.previewImage({
-					urls: url, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
-					current: '', // 当前显示图片的http链接，默认是第一个
-					success: function(res) {},
-					fail: function(res) {},
-					complete: function(res) {},
-				})
-			},
-			async readByLoginUser(id){
-				let obj = {
-					id:id
-				}
-				const {data} = await readByLoginUser(obj)
-			},
-            //获取列表数据
-            async getList(){
-                let _this = this;
-				let listUrl=[];
-				let listName=[];
-
-                const {data} = await gradingControlDetail(this.id)
-                if(data.code==200){
-						this.infoList=data.data
-						console.log(data.data.detail.imgName)
-						console.log(data.data.detail.imgName.split(","))
-						listName=data.data.detail.imgName.split(",")
-						listUrl=data.data.detail.imgUrl.split(",")
-						for(var i=0;i<listName.length;i++){
-							if(listName[i]){
-								let type = listName[i].split(".")[1];
-								this.upList.push({'name':listName[i],'url':config.base_url+listUrl[i],'type':type,})
-							}
-						}
-
-						console.log(this.upList)
-
-
-                }
-
-            },
-        }
-    }
-</script>
-
-<style lang="stylus" scoped>
-    #accessQualification{
-        height:100%;
-        display flex
-        flex-direction column
-        .info-max-box{
-            flex:1;
-            overflow: scroll
-			.for-big-box:last-child{
-			    margin-bottom:180rpx;
-			}
-			/* 列表 */
-			.list{
-				padding 0 20rpx;
-				box-sizing border-box;
-				.list_li{
-					height 450rpx;
-					.list_li_t{
-						height :80rpx;
-						display flex;
-						justify-content flex-start;
-						align-items :center;
-						.list_li_t_l{
-							width: 80rpx;
-							height: 30rpx;
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #EE3A3A;
-							line-height: 30rpx;
-							border: 2rpx solid #EE3A3A;
-							border-radius: 6rpx;
-							text-align center;
-						}
-						.list_li_t_c{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 30rpx;
-							margin 0 32rpx 0 16rpx;
-						}
-						.list_li_t_r{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							line-height: 30rpx;
-						}
-					}
-					.list_li_b{
-						width 710rpx;
-						height auto;
-						background: #FFFFFF;
-						border-radius: 20rpx;
-						padding :0 14rpx;
-						box-sizing :border-box;
-						overflow hidden
-						.list_li_b_t{
-							overflow :hidden;
-							.list_li_b_t_t{
-								display flex;
-								justify-content flex-start;
-								margin :24rpx 0 18rpx 0;
-								.list_li_b_t_t_n{
-									flex:1;
-									display flex;
-									justify-content flex-start;
-									.list_li_b_t_t_l{
-										width :100rpx;
-										height :30rpx;
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										/* color: #0183FA; */
-										line-height: 30rpx;
-										/* background: rgba(1,131,250,0.2); */
-										border-radius: 6rpx;
-										text-align :center;
-									}
-									.list_li_b_t_t_c{
-										flex:1;
-										font-size: 28rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #333333;
-										line-height: 28rpx;
-										margin :0 16rpx 0 12rpx;
-									}
-									.list_li_b_t_t_r{
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #EE3A3A;
-										line-height: 24rpx;
-									}
-								}
-								.list_li_b_t_t_n_r{
-									font-size: 24rpx;
-									line-height: 30rpx;
-									color: #999;
-								}
-								/* 日管控 */
-								.purple{
-									color: #AC20E0;
-									background: rgba(172,32,224,0.2);
-								}
-								/* 周管控 */
-								.blue{
-									color: #0183FA;
-									background: rgba(1,131,250,0.2);
-								}
-								/* 月管控 */
-								.orange{
-									color: #FA8801;
-									background: rgba(250,136,1,0.2);
-								}
-								/* 年管控 */
-								.green{
-									color: #11BA25;
-									background: rgba(17,186,37,0.2);
-								}
-								>img{
-									width: 12rpx;
-									height: 24rpx;
-								}
-							}
-							.list_li_b_t_b{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 48rpx;
-								margin-bottom :14rpx;
-								>label{
-									color :#333333;
-								}
-							}
-						}
-						.list_li_b_b{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 28rpx;
-							>label{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 28rpx;
-							}
-						}
-						.list_li_b_b2{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							line-height: 48rpx;
-							margin-top :32rpx;
-							>label{
-								color :#333333;
-							}
-						}
-
-						.list_li_b_b4{
-							width :100%;
-							margin-top :10rpx;
-							margin-bottom 20rpx;
-							display :flex;
-							justify-content :flex-start;
-							>label{
-								display :inline-block;
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #333333;
-								line-height: 28rpx;
-								width :150rpx;
-							}
-							.list_li_b_b4_n{
-								width :560rpx;
-								.list_li_b_b4_r{
-									height:60rpx;
-									width :100%;
-									margin-bottom :20rpx;
-									display :flex;
-									justify-content :flex-start;
-									align-items :center;
-									img{
-										height:60rpx;
-										width:60rpx;
-										margin-right :10rpx;
-									}
-									.list_li_b_b4_r_r{
-										height :50rpx;
-										white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
-										width :100%;
-										font-size: 28rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #999999;
-										line-height: 50rpx;
-									}
-								}
-							}
-
-						}
-
-					}
-				}
-			}
-
-			/*暂无数据*/
-            .get-null-box{
-                height:100rpx;
-                line-height:100rpx;
-                color:#999;
-                text-align center
-            }
-        }
-        .bottom-button-box{
-			border-radius:20rpx;
-			margin:20rpx 50rpx;
-            width: 650rpx;
-            height: 100rpx;
-            line-height: 100rpx;
-            background: #0183FA;
-            font-size: 30rpx;
-            color: #FFFFFF;
-            text-align center;
-        }
-    }
-</style>

pages_manage/views/gradingControl/gradingControlFinish.vue

@@ -1,306 +0,0 @@
-<!-- 准入资格证书 -->
-<template>
-    <view id="accessQualification">
-        <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
-			<view class="list">
-				<view class="list_li" v-for="(item,index) in infoList" :key="index">
-					<view class="list_li_t">
-						<!-- <view class="list_li_t_l" :style="'color:'+item.levelColor+';border-color:'+item.levelColor">{{item.levelName}}</view> -->
-						<view class="list_li_t_c">{{item.subName}}</view>
-						<!-- <view class="list_li_t_r">{{item.typeName}}</view> -->
-					</view>
-					<view class="list_li_b" >
-						<view  class="list_li_b_t" @tap="goPageInfo(item2)" v-for="(item2,index2) in item.detailList" :key="index2" :style="index2==(item.detailList.length-1)?'border:none;':'border-bottom :1px dashed #cccccc;'">
-							<view class="list_li_b_t_t">
-								<view class="list_li_b_t_t_n">
-									<view class="list_li_b_t_t_l" :class="[item2.ruleType== '日管控' ? 'purple': '', item2.ruleType=='周管控'? 'blue': '',item2.ruleType=='月管控'? 'orange': '',item2.ruleType=='年管控'? 'green': '',]">{{item2.ruleType}}</view>
-									<view class="list_li_b_t_t_c">{{item2.ruleName}}</view>
-									<!-- <view class="list_li_b_t_t_r" v-if="item2.isExpired==1">(过期未完成)</view> -->
-								</view>
-								<view class="list_li_t_rr" :class="item2.status==0?'list_li_t_rr_color_a':(item2.status==2?'list_li_t_rr_color_b':'')">{{item2.status==0?'未执行':(item2.status==2?'已执行':'')}}</view>
-								<img class="list_li_b_t_t_img" src="@/pages_manage/images/icon_04.png" >
-							</view >
-							<!-- <view class="list_li_b_t_b">{{item2.ruleRemark}}</view> -->
-							<view class="list_li_b_t_b">截止执行时间：{{item2.endDate}}</view>
-						</view>
-					</view>
-				</view>
-			</view>
-           <view class="get-null-box" v-if="infoList.length==0">暂无更多数据</view>
-        </scroll-view>
-
-    </view>
-</template>
-
-<script>
-    import { gradingControlFinish } from '@/api/apiDemo/index.js'
-    export default {
-        data() {
-            return {
-                infoList:[],
-            }
-        },
-        onLoad() {
-
-        },
-
-        onShow(){
-            //this.clearData();
-			this.getList();
-        },
-        methods: {
-
-            //清除
-            clearData(){
-                this.infoList = [];
-
-            },
-            //去详情页
-            goPageInfo(item){
-
-                uni.navigateTo({
-                    url:'/pages_manage/views/gradingControl/gradingControlDetail?item='+encodeURIComponent(JSON.stringify(item))
-                })
-            },
-            //滚动事件
-            scrollGet(){
-               this.getList();
-            },
-
-
-            //获取列表数据
-            async getList(){
-                let _this = this;
-                let obj = {
-
-                }
-                const {data} = await gradingControlFinish(obj)
-                if(data.code==200){
-                      _this.infoList=data.data;
-                }
-
-            },
-        }
-    }
-</script>
-
-<style lang="stylus" scoped>
-    #accessQualification{
-        height:100%;
-        display flex
-        flex-direction column
-        .info-max-box{
-            flex:1;
-            overflow: scroll
-			.for-big-box:last-child{
-			    margin-bottom:180rpx;
-			}
-			/* 列表 */
-			.list{
-				padding 0 20rpx;
-				box-sizing border-box;
-				.list_li{
-					height auto;
-					.list_li_t{
-						height :80rpx;
-						display flex;
-						justify-content flex-start;
-						align-items :center;
-						.list_li_t_l{
-							width: 80rpx;
-							height: 30rpx;
-							font-size: 24rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #EE3A3A;
-							line-height: 30rpx;
-							border: 2rpx solid #EE3A3A;
-							border-radius: 6rpx;
-							text-align center;
-						}
-						.list_li_t_c{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #333333;
-							line-height: 30rpx;
-							margin 0 32rpx 0 16rpx;
-							flex:1;
-						}
-						.list_li_t_r{
-							font-size: 28rpx;
-							font-family: PingFang SC;
-							font-weight: 500;
-							color: #999999;
-							line-height: 30rpx;
-						}
-					}
-					.list_li_b{
-						width 710rpx;
-						height auto;
-						background: #FFFFFF;
-						border-radius: 20rpx;
-						padding :0 14rpx;
-						box-sizing :border-box;
-						.list_li_b_t{
-							overflow :hidden;
-							border-bottom :1rpx dashed #cccccc;
-							.list_li_b_t_t{
-								display flex;
-								flex:1;
-								justify-content flex-start;
-								margin :24rpx 0 18rpx 0;
-								.list_li_b_t_t_n{
-									width:655rpx;
-									display flex;
-									justify-content flex-start;
-									.list_li_b_t_t_l{
-										width :100rpx;
-										height :30rpx;
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										/* color: #0183FA; */
-										line-height: 24rpx;
-										/* background: rgba(1,131,250,0.2); */
-										border-radius: 6rpx;
-										text-align :center;
-									}
-									.list_li_b_t_t_c{
-										font-size: 28rpx;
-										font-family: PingFang SC;
-										flex:1;
-										font-weight: 500;
-										color: #333333;
-										line-height: 28rpx;
-										margin :0 16rpx 0 12rpx;
-									}
-									.list_li_b_t_t_r{
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #EE3A3A;
-										line-height: 24rpx;
-									}
-								}
-								.list_li_t_rr{
-									width:100rpx;
-									font-size: 28rpx;
-									font-family: PingFang SC;
-									font-weight: 500;
-									color: #999999;
-									line-height: 28rpx;
-									margin-right:10rpx;
-								}
-								.list_li_t_rr_color_a{
-									color:#FF4E00;
-								}
-								.list_li_t_rr_color_b{
-									color:#14AE10;
-								}
-								/* 日管控 */
-								.purple{
-									color: #AC20E0;
-									background: rgba(172,32,224,0.2);
-								}
-								/* 周管控 */
-								.blue{
-									color: #0183FA;
-									background: rgba(1,131,250,0.2);
-								}
-								/* 月管控 */
-								.orange{
-									color: #FA8801;
-									background: rgba(250,136,1,0.2);
-								}
-								/* 年管控 */
-								.green{
-									color: #11BA25;
-									background: rgba(17,186,37,0.2);
-								}
-								>img{
-									width: 12rpx;
-									height: 24rpx;
-									margin-top:2rpx;
-								}
-							}
-							.list_li_b_t_b{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 48rpx;
-								margin-bottom :14rpx;
-							}
-						}
-
-						.list_li_b_b{
-
-							.list_li_b_b_t{
-								display :flex;
-								justify-content :flex-start;
-								margin :30rpx 0 18rpx;
-								.list_li_b_b_t_n{
-									width:655rpx;
-									display flex;
-									justify-content flex-start;
-									.list_li_b_b_t_l{
-										width :100rpx;
-										height :30rpx;
-										border-radius: 6rpx;
-										font-size: 24rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #FA8801;
-										line-height: 30rpx;
-										background :rgba(250,136,1,0.2);
-										text-align :center;
-										margin-right :12rpx;
-									}
-									.list_li_b_b_t_r{
-										font-size: 28rpx;
-										font-family: PingFang SC;
-										font-weight: 500;
-										color: #333333;
-										line-height: 30rpx;
-									}
-								}
-								>img{
-									width: 12rpx;
-									height: 24rpx;
-								}
-
-							}
-							.list_li_b_b_b{
-								font-size: 28rpx;
-								font-family: PingFang SC;
-								font-weight: 500;
-								color: #999999;
-								line-height: 48rpx;
-							}
-						}
-					}
-				}
-			}
-
-			/*暂无数据*/
-            .get-null-box{
-                height:100rpx;
-                line-height:100rpx;
-                color:#999;
-                text-align center
-            }
-        }
-        .bottom-button-box{
-			border-radius:20rpx;
-			margin:20rpx 50rpx;
-            width: 650rpx;
-            height: 100rpx;
-            line-height: 100rpx;
-            background: #0183FA;
-            font-size: 30rpx;
-            color: #FFFFFF;
-            text-align center;
-        }
-    }
-</style>

pages_manage/views/gradingControl/infoPage.vue

@@ -0,0 +1,139 @@
+<template>
+	<view class="gradingControl-infoPage">
+		<view class="text-box">
+			<view>管控名称:</view>
+			<view>{{newData.data1}}</view>
+		</view>
+		<view class="text-box">
+			<view>二级单位:</view>
+			<view>{{newData.data3}}</view>
+		</view>
+		<view class="text-box">
+			<view>安全分类:</view>
+			<view>{{newData.data4}}</view>
+		</view>
+		<view class="text-box">
+			<view>安全分级:</view>
+			<view>{{newData.data5}}</view>
+		</view>
+		<view class="text-box">
+			<view>管控描述:</view>
+			<view>{{newData.data2}}</view>
+		</view>
+		<view class="text-box">
+			<view>执行状态:</view>
+			<view :class="newData.data6?'colorA':'colorB'">{{newData.data6?'已执行':'未执行'}}</view>
+		</view>
+		<view class="text-box" v-if="newData.data6">
+			<view>执行人:</view>
+			<view>{{newData.data7}}</view>
+		</view>
+		<view class="text-box" v-if="newData.data6">
+			<view>执行时间:</view>
+			<view>{{newData.data8}}</view>
+		</view>
+		<view class="text-box" v-if="newData.data6">
+			<view>执行备注:</view>
+			<view>{{newData.data9}}</view>
+		</view>
+		<view class="text-box" v-if="!newData.data6">
+			<view>执行备注:</view>
+			<textarea v-model="newData.inputData" class="input-box"
+			placeholder="请输入执行备注" maxlength="50"></textarea>
+		</view>
+		<view class="null-p"></view>
+		<view class="button-p" v-if="!newData.data6">完成</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "gradingControl-infoPage",
+		data() {
+			return {
+				//列表数据
+				newData: {
+					data1: '管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称管控名称',
+					data2: '管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述管控描述',
+					data3: '二级单位',
+					data4: '安全分类',
+					data5: '安全分级',
+					data6: false,
+					data7: '执行人',
+					data8: '执行时间',
+					data9: '执行备注',
+				},
+				inputData:"",
+			}
+		},
+
+		onLoad(option) {
+
+		},
+		onShow() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="stylus" scoped>
+	.gradingControl-infoPage {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		background: #fff;
+		padding: 0 20rpx;
+		
+		.text-box:nth-child(1){
+			margin-top:30rpx;
+		}
+		.text-box {
+			display: flex;
+			font-size: 32rpx;
+			color: #333;
+
+			view:nth-child(1) {
+				width: 160rpx;
+				line-height: 60rpx;
+			}
+
+			view:nth-child(2) {
+				flex: 1;
+				line-height: 40rpx;
+				padding: 10rpx 0;
+			}
+
+			.colorA {
+				color: #0183FA;
+			}
+
+			.colorB {
+				color: #666;
+			}
+			.input-box{
+				margin-top:20rpx;
+				height:200rpx;
+				width:500rpx;
+				padding:10rpx;
+				border:1px solid #dedede;
+				border-radius:12rpx;
+			}
+		}
+		.null-p{
+			flex:1;
+		}
+		.button-p{
+			font-size: 32rpx;
+			text-align: center;
+			line-height:60rpx;
+			width:200rpx;
+			border-radius:8rpx;
+			margin:40rpx auto;
+			background-color: #0183FA;
+			color:#fff;
+		}
+	}
+</style>

pages_manage/views/laboratory/meLaboratory.vue

@@ -251,7 +251,6 @@
 <style lang="stylus" scoped>
 	#meLaboratory {
 		height: 100%;
-
 		display flex;
 		flex-direction column;