12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529 |
- <!-- 安全检查-发起巡查计划 -->
- <template>
- <view class="examine">
- <view class="tabTitle">
- <view class="tabTitle_li" @tap="tabClick(index)" :key="index" v-for="(item,index) in tabText">
- <view :class="{on:curTab==index}" class="tabTitle_text">{{item}}</view>
- <view :class="{on:curTab==index}" class="tabTitle_across"></view>
- </view>
- </view>
- <view class="header" v-if="pageType==1">
- <view class="line"></view>
- <view class="tabTitle_tow">
- <view class="tabTitle_tow_li" @tap="tabClickTow(index)" :key="index" v-for="(item,index) in tabTextTow">
- <view :class="{on:curTabTow==index}" class="tabTitle_tow_text">{{item}}</view>
- <view :class="{on:curTabTow==index}" class="tabTitle_tow_across"></view>
- </view>
- </view>
- <view class="lab_title">
- <picker @change="collegeChange" :value="collegeIndex" :range="collegeArray" class="lab_title_l">
- <view class="lab_title_l_n">
- <view>{{getData.deptName?getData.deptName:'选择学院'}}</view>
- <img src="@/pages_safetyExamine/images/icon_06.png">
- </view>
- </picker>
- <view class="lab_title_r">
- <view class="lab_title_r_btn" @click="searchBtn">
- <img src="@/pages_safetyExamine/images/icon_aqjc_ss.png"/>
- </view>
- <input type="text" v-model="getData.searchValue" placeholder="请输入实验室名称" maxlength="50" placeholder-style="color: #CCCCCC;font-size:26rpx;">
- <view class="clear" @click="clearBtn">清除</view>
- </view>
- </view>
- </view>
-
- <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
- <view v-if="pageType==0" style="padding: 0 30rpx;box-sizing: border-box;">
- <view class="delay_inspect" >
- <view class="delay_inspect_l" v-if="form.checkStatus==1">待检查实验室:<text>{{form.subjectNum}}间</text></view>
- <view class="delay_inspect_r" v-if="form.checkStatus==1">未开始</view>
- <view class="delay_inspect_l" v-if="form.checkStatus==2 || form.checkStatus==3">检查进度:<text>{{form.checkSchedule}}</text></view>
- <view class="delay_inspect_r_tow" v-if="form.checkStatus==2">进行中</view>
- <view class="delay_inspect_r_tow" v-if="form.checkStatus==3">已结束</view>
- </view>
- <view class="basics">
- <view class="title">
- <view class="title_t">计划标题</view>
- <textarea class="title_b" type="text" v-model="form.title" maxlength="200" placeholder="请输入检查计划标题" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
- </view>
- <view class="type">
- <view class="type_l">检查类型</view>
- <input class="type_r" type="text" v-model="form.checkTypeName" placeholder="" disabled maxlength="20">
- </view>
- <view class="period">
- <view class="period_l">检查周期</view>
- <view class="period_r">
- <picker mode="date" @change="startChange(form,$event)">
- <input class="picker-text" disabled type="text" v-model="form.cycleStartTime" placeholder="开始时间">
- </picker>
- <view>至</view>
- <picker mode="date" @change="endChange(form,$event)">
- <input class="picker-text2" disabled type="text" v-model="form.cycleStartTime" placeholder="结束时间">
- </picker>
- </view>
- </view>
- <view class="tiem_quick">
- <view @click="tiemQuick(index)" :class="item.type?'tiem_quick_a':'tiem_quick_b'" v-for="(item,index) in tiemQuickList">{{item.name}}</view>
- </view>
- <view class="scope">
- <view class="scope_l">检查范围</view>
- <picker @change="scopeChange" :value="scopeIndex" :range="scopeArray" class="scope_r">
- <view class="scope_r_n">
- <view>{{scopeArray[scopeIndex]}}</view>
- <img src="@/pages_safetyExamine/images/icon_06.png">
- </view>
- </picker>
- </view>
- <view class="scope_btn" v-if="scopeIndex==1 || scopeIndex==2" @click="collegeOrLab()">{{scopeIndex==1?'选择学院':'选择实验室'}}</view>
- <view class="scope_text" v-if="scopeIndex==0 || scopeIndex==1">已选择<text>{{form.collegeNum}}</text>个学院,共<text>{{form.subjectNum}}</text>间实验室</view>
- <view class="scope_text" v-if="scopeIndex==2">已选择<text>{{form.subjectNum}}</text>间实验室</view>
- <view class="title">
- <view class="title_t">检查要求</view>
- <textarea class="title_b" type="text" v-model="form.checkDemand" maxlength="200" placeholder="请输入检查要求" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
- </view>
- </view>
- <view class="attachment" v-if="form.uploadDtoList.length>0">
- <view class="attachment_t">
- <text>材料附件</text>
- <text>点击文件标题查看</text>
- </view>
- <view class="attachment_li" v-for="item in form.uploadDtoList">
- <img src="@/pages_safetyExamine/images/icon_djc_wj.png"/>
- <text @click="attachmentPreview(item)">{{item.fileName}}</text>
- <img @click="attachmentDle(item)" class="attachment_li_del" src="@/pages_safetyExamine/images/icon_fjgk_sc.png"/>
- </view>
- </view>
- <view class="patrol_group" v-if="form.checkType==1">
- <view class="patrol">
- <view class="patrol_l">巡查组</view>
- <view class="patrol_r_n" @click="patrolChange">
- <view>{{form.checkGroupName?form.checkGroupName:'请选择巡查组'}}</view>
- <img src="@/pages_safetyExamine/images/icon_06.png">
- </view>
- </view>
- <view class="list">
- <view class="list_title"><img src="@/pages_safetyExamine/images/icon_jcjh_cy.png">成员</view>
- <view class="list_header"><text>工号</text><text>姓名</text></view>
- <view class="list_li" v-for="(item,index) in form.checkMemberDtoList"><text>{{item.jobNum}}</text><text>{{item.name}}</text></view>
- <view class="list_bottom" v-if="form.checkMemberDtoList.length==0">无数据</view>
- </view>
- </view>
- </view>
- <view v-if="pageType==1">
- <view class="list_three">
- <view class="list_three_li" v-for="(item,index) in dataList" :key="index" @click="handleClick(item,'detail')">
- <view class="list_three_li_t">
- <view class="list_three_li_t_l">
- <img v-if="item.checkRange==1" src="@/pages_safetyExamine/images/icon_xyxc_qx.png"/>
- <img v-if="item.checkRange==2" src="@/pages_safetyExamine/images/icon_xyxc_xy.png"/>
- <img v-if="item.checkRange==3" src="@/pages_safetyExamine/images/icon_xyxc_sys.png"/>
- <text></text>
- </view>
- <view class="list_three_li_t_c">{{item.subjectName}}-{{item.roomNumber}}</view>
- <view class="list_three_li_t_c2" v-if="item.isOverdue==1">已逾期</view>
- <view class="list_three_li_t_r"></view>
- </view>
- <view class="list_three_li_m">
- <view class="list_three_li_m_t">{{item.title}}</view>
- <view class="list_three_li_m_b">
- <text class="blue_color" v-if="item.manageStatus==0">待检查</text>
- <text class="red_color" v-if="item.manageStatus==1">检查中</text>
- <text class="green_color" v-if="item.manageStatus==2">已检查</text>
- <text>{{item.checkType==1?'校院巡查':'实验室自查'}}</text>
- <text>{{item.collegeName}}</text>
- </view>
- </view>
- <view class="list_three_li_b" v-if="item.manageStatus==2">
- <img src="@/pages_safetyExamine/images/icon_djcsys.png"/>
- <text>整改进度:</text>
- <text v-if="item.checkResult==0">{{item.rectifySchedule}}</text>
- <text v-if="item.checkResult==1">已完成</text>
- </view>
- </view>
- </view>
- </view>
- </scroll-view>
- <view class="bottom_btn" v-if="form.checkStatus==1" @click="submitForm()">保存</view>
- <!-- 选择学院-->
- <view class="shade" v-if="dialogVisible">
- <view class="null-box" @click="dialogClose()"></view>
- <view class="shade_n">
- <view class="shade_n_title"><text>选择学院</text><text @click="collegeConfirm">确定</text></view>
- <view class="shade_n_b">
- <view class="shade_n_b_li" v-for="(item,index) in collegeList" :key="index" @click="collegeSelete(index)">
- <text :class="item.type?'color_B':'color_A'">{{item.deptName}}</text>
- <img v-if="item.type" src="@/pages_safetyExamine/images/icon_xzwt_xz.png">
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import { config } from '@/api/request/config.js'
- import {checkPlanById,conditionCollegeInfo,checkGroupDetail,getAllSubNum,checkPlanEdit,findByCheckPlanId} from '@/api/index.js'
- export default {
- name: "rectifyList",
- components: {
-
- },
- data() {
- return {
- id:'',
- pageType:0,
- //列表请求参数
- getData:{
- pageNum:1,
- pageSize:20,
- checkPlanId:'',
- deptId:'',
- deptName:'',
- searchValue:'',
- manageStatus:'',
- },
- inspectState:0,//检查状态 0 未开始 1进行中
- tabText:['检查计划','检查管理'],
- curTab:0,
- tabTextTow:['全部','待检查','检查中','已检查'],
- curTabTow:0,
- form:{
- id:'',
- title:'',
- checkType:'1',//1校院巡查 2实验室自查
- checkTypeName:'',//1校院巡查 2实验室自查
- cycleStartTime:'',
- cycleEndTime:'',
- checkRange:0,//检查范围 1全校 2学院 3实验室
- checkGroupId:[],//巡查组id
- checkLevel:'',//巡查组层级
- checkMemberDtoList:[],//巡查组成员
- collegeIds:'',//学院id组
- collegeNum:0,//学院数量
- subIds:'',//实验室id组
- subjectNum:0,//实验室数量
- checkStatus:0,//检查状态
- checkSchedule:'',//检查进度
- checkDemand:'',//检查要求
- tiemQuickList:[],
- scopeIndex:'',
- seleteListLab:[],
- seleteListMember:[],
- uploadDtoList:[],
- },
- tiemQuickList:[{name:'本月',type:false},{name:'本季度',type:false},{name:'全年',type:false}],
- scopeIndex:0,
- scopeArray:['全校','学院','实验室'],
- dialogVisible:false,
- collegeList:[],
- collegeIndex :0,
- collegeArray:[],
- dataList:[],
- }
- },
- onLoad(option) {
- if(option.form){
- this.form=JSON.parse(decodeURIComponent(option.form));
- this.tiemQuickList=this.form.tiemQuickList//时间快捷
- this.scopeIndex=this.form.scopeIndex//检查范围
- console.log(this.form)
- }
- if(option.id){
- this.id=option.id
- this.getData.checkPlanId=option.id
- this.checkPlanById()
- }else{
- this.id=this.form.id
- this.getData.checkPlanId=this.form.id
- }
- },
- onShow() {
-
- },
- mounted(){
- this.conditionCollegeInfo();
- this.getList();
- },
- methods: {
- //顶部tab点击
- tabClick(index) {
- this.curTab = index;
- this.pageType = index;
- },
- //顶部tab点击
- tabClickTow(index) {
- this.curTabTow = index;
- if(index==0){
- this.getData.manageStatus=''
- }else if(index==1){//待检查
- this.getData.manageStatus=0;
- }else if(index==2){//检查中
- this.getData.manageStatus=1;
- }else if(index==3){//已检查
- this.getData.manageStatus=2;
- }
- this.getData.pageNum=1;
- this.dataList=[];
- this.getList()
- },
- //删除附件
- attachmentDle(item){
- this.form.uploadDtoList.splice(this.form.uploadDtoList.indexOf(item),1);
- },
- attachmentPreview(item){
- uni.showLoading({
- title: '下载中'
- });
- wx.downloadFile({
- url: config.base_url+item.fileUrl,
- header: {
- Authorization: uni.getStorageSync('token')
- },
- success: function (res) {
- uni.hideLoading();
- const filePath = res.tempFilePath
- wx.openDocument({
- filePath: filePath,
- success: function (res) {
- console.log('打开文档成功')
- }
- })
- },
- fail: function (res){
- uni.hideLoading();
- uni.showToast({
- title: '下载失败',
- icon:"none",
- mask:true,
- duration: 2000
- });
- }
- })
- },
- //选择学院
- collegeChange(e){
- this.collegeIndex = e.target.value;
- this.getData.deptId=this.collegeList[e.target.value].deptId
- this.getData.deptName=this.collegeList[e.target.value].deptName
- this.dataList=[];
- this.getList();
- },
- //实验室搜索
- searchBtn(){
- this.dataList=[];
- this.getList();
- },
- //清除
- clearBtn(){
- this.getData.pageNum=1;
- this.collegeIndex=0;
- this.getData.deptId='';
- this.getData.deptName='';
- this.getData.searchValue='';
- this.dataList=[];
- this.getList();
- },
- //滚动事件
- scrollGet(){
- let self=this;
- if(this.pageType==1){//当页面切换到检查管理列表里的时候
- if(self.total/self.getData.pageSize<=self.getData.pageNum){
- console.log('没有更多数据!')
- }else{
- setTimeout(function(){
- self.getData.pageNum += 1;
- self.getList();
- },1000)
-
- }
- }
-
- },
- //开始时间选中事件
- startChange(form,e){
- if(new Date(e.target.value).getTime()>new Date(form.cycleEndTime).getTime()){
- uni.showToast({
- title: '结束时间不能小于开始时间',
- icon:"none",
- mask:true,
- duration: 2000
- });
- }else{
- form.cycleStartTime=e.target.value
- }
- },
- //结束时间选中事件
- endChange(form,e){
- if(new Date(form.cycleStartTime).getTime()>new Date(e.target.value).getTime()){
- uni.showToast({
- title: '结束时间不能小于开始时间',
- icon:"none",
- mask:true,
- duration: 2000
- });
- }else{
- form.cycleEndTime=e.target.value
- }
- },
- //检查周期快捷
- tiemQuick(index){
- this.tiemQuickList[index].type = !this.tiemQuickList[index].type
- let _this = this;
- if (_this.tiemQuickList[index].type == true) {
- _this.tiemQuickList.forEach(function(item2) {
- if (item2.name == _this.tiemQuickList[index].name) {
- item2.type = true
- } else {
- item2.type = false
- }
- })
- //快捷本月-本季度-全年
- _this.timeSlotChange(_this.tiemQuickList[index].name)
- }else{
- console.log('取消选中')
- _this.form.cycleStartTime='';
- _this.form.cycleEndTime='';
- }
-
- },
- //检查范围
- scopeChange(e){
- let _this=this;
- uni.showModal({
- content: '重新选择会删除现有选择的实验室,是否重选?',
- cancelColor:"#999",
- confirmColor:"#0183FA",
- success: function (res) {
- if (res.confirm) {
- _this.scopeIndex = e.target.value;
- _this.form.checkRange=Number(e.target.value)+1;//检查范围
-
- _this.form.collegeIds ='';
- _this.form.collegeNum =0;
- _this.form.subIds ='';
- _this.form.subjectNum =0;
- if(e.target.value==1){//选择学院
- _this.conditionCollegeInfo();
- }else if(e.target.value==0){//全校
- _this.getAllSubNum();
- }
- }else if (res.cancel) {
-
- }
- }
- });
- },
- timeSlotChange (val) {
- let _this=this;
- let cycleStartTime, cycleEndTime;
- let now = new Date(); //当前日期
- let nowDayOfWeek = now.getDay(); //今天本周的第几天
- let nowDay = now.getDate(); //当前日
- let nowMonth = now.getMonth(); //当前月
- let nowYear = now.getFullYear(); //当前年
- let jd=Math.ceil((nowMonth + 1) / 3)
- switch (val) {
- case "本周":
- cycleStartTime = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek)
- cycleEndTime = new Date(nowYear, nowMonth, nowDay + 6 - nowDayOfWeek)
- break;
- case "本月":
- cycleStartTime = new Date(nowYear, nowMonth, 1)
- cycleEndTime = new Date(nowYear, nowMonth + 1, 0)
- break;
- case "本季度":
- cycleStartTime = new Date(nowYear, (jd-1)*3, 1)
- cycleEndTime = new Date(nowYear, jd*3, 0)
- break
- case "全年":
- cycleStartTime = new Date(nowYear, 0, 1)
- cycleEndTime = new Date(nowYear, 11, 31)
- break
- }
- _this.form.cycleStartTime=_this.formatDateTime(cycleStartTime)
- _this.form.cycleEndTime=_this.formatDateTime(cycleEndTime)
- },
- // 中国标准时间 转换成 年月日
- formatDateTime (date) {
- var y = date.getFullYear();
- var m = date.getMonth() + 1;
- m = m < 10 ? ('0' + m) : m;
- var d = date.getDate();
- d = d < 10 ? ('0' + d) : d;
- var h = date.getHours();
- var minute = date.getMinutes();
- minute = minute < 10 ? ('0' + minute) : minute;
- // return y + '-' + m + '-' + d+' '+h+':'+minute;
- return y + '-' + m + '-' + d
- },
- //巡查组
- patrolChange(){
- this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
- this.form.scopeIndex=this.scopeIndex//检查范围
- uni.navigateTo({
- url: '/pages_safetyExamine/patrolPlan/patrolPlanAddMember?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=2'
- });
- },
- //选择学院或者实验室
- collegeOrLab(){
- console.log(this.scopeIndex)
- if(this.scopeIndex==1){//学院
- this.dialogVisible=true;
- }else if(this.scopeIndex==2){//实验室
- this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
- this.form.scopeIndex=this.scopeIndex//检查范围
- uni.navigateTo({
- url: '/pages_safetyExamine/patrolPlan/patrolPlanAddLab?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=2'
- });
- }
- },
- //选择学院弹窗关闭
- dialogClose(){
- this.dialogVisible=false;
- },
- //选择学院确定
- collegeConfirm(){
- let _this=this;
- this.dialogVisible=false;
- let list=[];
- let collegeIds=[];
- let subjectNum=0;
- _this.collegeList.forEach(function(item){
- if(item.type==true){
- list.push(item)
- collegeIds.push(item.deptId);
- subjectNum+=item.subNum;
- }
- })
- _this.form.collegeIds=collegeIds.join(',');
- _this.form.subjectNum=subjectNum;
- _this.form.collegeNum=list.length;
- },
- //学院选择
- collegeSelete(index){
- this.collegeList[index].type = !this.collegeList[index].type
- },
- //查询学院列表
- async conditionCollegeInfo(){
- let _this = this;
- const {data} = await conditionCollegeInfo();
- if(data.code == 200){
- data.data.forEach(function(item){
- item.type=false;
- })
- _this.collegeList=data.data;
-
- //检查管理
- for(let i=0;i<data.data.length;i++){
- _this.collegeArray.push(data.data[i].deptName)
- }
- }
- },
- //查询全校学院和实验室数量
- async getAllSubNum(){
- let _this = this;
- const {data} = await getAllSubNum();
- if(data.code == 200){
- this.form.collegeNum=data.data.collegeCount
- this.form.subjectNum=data.data.subCount
- }
- },
- //查询详情
- async checkPlanById(id){
- console.log('详情')
- let _this = this;
- const {data} = await checkPlanById({id:this.id});
- if(data.code == 200){
- this.form.id=data.data.id;
- this.form.title=data.data.title;
- this.form.checkType=data.data.checkType;
- this.form.checkTypeName=data.data.checkType==1?'校院巡查':'实验室自查';
- this.form.cycleStartTime=data.data.cycleStartTime;
- this.form.cycleEndTime=data.data.cycleEndTime;
- this.form.checkRange=data.data.checkRange;
- this.form.checkGroupId=data.data.checkGroupId;
- this.form.collegeIds=data.data.collegeIds;
- this.form.collegeNum=data.data.collegeNum;
- this.form.subIds=data.data.subIds;
- this.form.subjectNum=data.data.subjectNum;
- this.form.uploadDtoList=data.data.uploadDtoList;
- this.form.checkStatus=data.data.checkStatus;
- this.form.checkSchedule=data.data.checkSchedule;
- this.form.checkDemand=data.data.checkDemand;
-
- this.scopeIndex=Number(data.data.checkRange)-1;//检查范围
- this.$set(this.form,'checkMemberDtoList',data.data.checkMemberDtoList)
- //this.$set(this.form,'checkGroupName',data.data.groupName)
- // if(data.data.checkGroupId){//判断如果有巡查组id
- // this.checkGroupDetail(data.data.checkGroupId);
- // }
-
- }
- },
- //根据id查询巡查组员
- async checkGroupDetail(id){
- let _this = this;
- const {data} = await checkGroupDetail({id:id,selectEnable:'1'});
- if(data.code == 200){
-
-
- }
- },
-
-
- handleClick(item,doType){
- let self=this;
-
- if( doType=='subBtn'){//
- console.log(11)
- }else if(doType=='detail'){//详情
-
- if(item.manageStatus==1){//检查中
- uni.navigateTo({
- url: '/pages_safetyExamine/examineManage/examineAdd?id='+item.id
- });
- }else{
- uni.navigateTo({
- url: '/pages_safetyExamine/examineManage/examineDetail?id='+item.id+'&manageStatus='+item.manageStatus
- });
- }
-
-
- }
-
- },
- //巡查计划-修改
- async submitForm(){
- let _this = this;
-
- const {data} = await checkPlanEdit(_this.form);
- if(data.code == 200){
- uni.showToast({
- title: '提交成功',
- icon:"none",
- mask:true,
- duration: 2000
- });
- uni.redirectTo({
- url: '/pages_safetyExamine/patrolPlan/patrolPlanList?pageType='+this.form.checkType
- });
-
- }
- },
- async getList(){
- let self = this;
- const {data} = await findByCheckPlanId(this.getData);
- if(data.code==200){
- this.total=data.data.total;
- this.dataList=[...this.dataList,...data.data.records]
- }
- },
-
- }
- }
- </script>
- <style lang="stylus" scoped>
- .examine{
- height:100%;
- display flex;
- // padding: 0 30rpx;
- // box-sizing: border-box;
- padding-bottom: 126rpx;
- box-sizing: border-box;
- .blue_color{
- color: #0183FA;
- border: 1rpx solid #0183FA;
- }
- .red_color{
- color: #FF4545;
- border: 1rpx solid #FF4545;
- }
- .green_color{
- color: #1FA50D;
- border: 1rpx solid #1FA50D;
- }
- /* 切换按钮 */
- .tabTitle{
- width:100%;
- height: 100rpx;
- background: #fff;
- display flex;
- justify-content: center;
- align-items: center;
- position: fixed;
- top: 0;
- z-index: 100;
- box-shadow: 0rpx 3rpx 8rpx 0rpx rgba(0,0,0,0.16);
- .tabTitle_li{
- position: relative;
- width:372rpx;
- text-align center;
- .tabTitle_text{
- display: inline-block;
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 46rpx;
- position: relative;
- >text{
- position:absolute;
- min-width: 30rpx;
- min-height: 30rpx;
- border-radius:54%;
- background: #E80000;
- font-size: 18rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- text-align: center;
- line-height: 30rpx;
- margin-left: 6rpx;
- padding:2rpx;
- box-sizing: border-box;
- }
- &.on{
- color:#0183FA;
- }
- }
- .tabTitle_across{
- width: 50rpx;
- height: 4rpx;
- background: #0183FA;
- border-radius: 2rpx;
- margin-left 162rpx;
- display none;
- &.on{
- display block;
- }
- }
-
- }
- .tabTitle_li:nth-of-type(1)::after{
- content: '';
- position: absolute;
- top: 0rpx;
- right: 0rpx;
- width: 1rpx;
- height: 50rpx;
- background: #E0E0E0;
- }
- }
- .info-max-box{
- flex: 1;
- overflow: scroll;
-
- padding: 120rpx 0rpx 0;
- box-sizing: border-box;
- }
- /* 检查计划---------------------------------------------------------------------------------- */
- .delay_inspect{
- width: 690rpx;
- height: 100rpx;
- background: #FFFFFF;
- border-radius: 20rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 30rpx;
- box-sizing: border-box;
- .delay_inspect_l{
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 100rpx;
- >text{
- color: #0183FA;
- }
- }
- .delay_inspect_r{
- font-size: 26rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #0183FA;
- line-height: 40rpx;
- width: 120rpx;
- height: 40rpx;
- border-radius: 6rpx;
- text-align: center;
- border: 1rpx solid #0183FA;
- }
- .delay_inspect_r_tow{
- font-size: 26rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #FF4545;
- line-height: 40rpx;
- width: 120rpx;
- height: 40rpx;
- border-radius: 6rpx;
- text-align: center;
- border: 1rpx solid rgba(255,69,69,0.898);
- }
- }
- .basics{
- width: 690rpx;
- background: #FFFFFF;
- border-radius: 20rpx;
- margin-top: 20rpx;
- padding: 60rpx 26rpx 32rpx;
- box-sizing: border-box;
- .title{
- .title_t{
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 42rpx;
- margin-bottom: 12rpx;
- }
- .title_b{
- width: 636rpx;
- height: 150rpx;
- border-radius: 10rpx;
- opacity: 1;
- border: 1rpx solid #E0E0E0;
- padding: 26rpx 23rpx;
- box-sizing: border-box;
- }
- }
- .type{
- display: flex;
- justify-content: flex-start;
- align-items: center;
- margin-top: 20rpx;
- .type_l{
- width: 146rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 42rpx;
- text-align: left;
- }
- .type_r{
- width: 490rpx;
- height: 80rpx;
- border-radius: 10rpx;
- padding-left:22rpx;
- box-sizing: border-box;
- background: #F5F5F5;
- }
- }
- .period{
- display: flex;
- justify-content: flex-start;
- align-items: center;
- margin-top: 26rpx;
- .period_l{
- width: 146rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 42rpx;
- text-align: left;
- }
- .period_r{
- width: 490rpx;
- height: 80rpx;
- border-radius: 10rpx;
- border: 1rpx solid #E0E0E0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- .picker-text{
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 80rpx;
- width: 230rpx;
- text-align: center;
- }
- .picker-text2{
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 80rpx;
- width: 230rpx;
- text-align: center;
- }
- }
- }
- .tiem_quick{
- margin-left: 146rpx;
- display: flex;
- justify-content: flex-start;
- margin-top: 20rpx;
- >view{
- width: 130rpx;
- height: 80rpx;
- opacity: 1;
- border: 1rpx solid #E0E0E0;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- line-height: 80rpx;
- text-align: center;
- }
- >view:nth-of-type(1){
- border-radius: 10rpx 0rpx 0rpx 10rpx;
- }
- >view:nth-of-type(3){
- border-radius: 0rpx 10rpx 10rpx 0rpx;
- }
- .tiem_quick_a{
- background: #0183FA;
- color: #FFFFFF;
-
- }
- .tiem_quick_b{
- background: #F5F5F5;
- color: #333333;
- }
- }
- .scope{
- display: flex;
- justify-content: flex-start;
- align-items: center;
- margin-top: 26rpx;
- .scope_l{
- width: 146rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 42rpx;
- text-align: left;
- }
- .scope_r{
- flex: 1;
- .scope_r_n{
- width: 490rpx;
- height: 80rpx;
- border-radius: 10rpx;
- border: 1rpx solid #E0E0E0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- >view{
- flex:1;
- line-height:80rpx;
- margin-left:20rpx;
- color: #999999;
- font-size:28rpx;
- }
- >img{
- width: 14rpx;
- height: 8rpx;
- margin-right: 30rpx;
- }
- }
- }
- }
- .scope_btn{
- display: inline-block;
- background: #0183FA;
- border-radius: 10rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 80rpx;
- text-align: center;
- padding: 0 16rpx;
- box-sizing: border-box;
- margin-top: 40rpx;
- margin-left: 146rpx;
- }
- .scope_text{
- margin-left: 146rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- margin-top: 32rpx;
- line-height: 42rpx;
- >text{
- color: #0183FA;
- }
- }
- }
- .attachment{
- width: 690rpx;
- background: #FFFFFF;
- border-radius: 20rpx;
- margin-top: 20rpx;
- padding-bottom: 32rpx;
- box-sizing: border-box;
- .attachment_t{
- border-bottom: 1rpx solid #D8D8D8;
- >text:nth-of-type(1){
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 110rpx;
- margin-left: 28rpx;
- }
- >text:nth-of-type(2){
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 110rpx;
- margin-left: 24rpx;
- }
- }
- .attachment_li{
- height: 40rpx;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- margin-top: 32rpx;
- >img{
- width: 30rpx;
- height: 26rpx;
- margin-right: 20rpx;
- margin-left: 50rpx;
- }
- >text{
- flex: 1;
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #0183FA;
- line-height: 40rpx;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .attachment_li_del{
- width: 30rpx;
- height: 30rpx;
- }
- }
- }
- .patrol_group{
- width: 690rpx;
- background: #FFFFFF;
- border-radius: 20rpx;
- margin-top: 20rpx;
- padding: 40rpx 30rpx 64rpx;
- box-sizing: border-box;
- .patrol{
- display: flex;
- justify-content: flex-start;
- align-items: center;
- margin-top: 26rpx;
- .patrol_l{
- width: 146rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 42rpx;
- text-align: left;
- }
- .patrol_r_n{
- width: 490rpx;
- height: 80rpx;
- border-radius: 10rpx;
- border: 1rpx solid #E0E0E0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- >view{
- flex:1;
- line-height:80rpx;
- margin-left:20rpx;
- color: #999999;
- font-size:28rpx;
- }
- >img{
- width: 14rpx;
- height: 8rpx;
- margin-right: 30rpx;
- }
- }
- }
- .list{
- margin-top: 42rpx;
- .list_title{
- display: flex;
- justify-content: flex-start;
- align-items: center;
- height: 80rpx;
- background: #F5F5F5;
- border-radius: 10rpx 10rpx 0rpx 0rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 80rpx;
- >img{
- width: 30rpx;
- height: 30rpx;
- margin: 0 20rpx;
- }
- }
- .list_header{
- display: flex;
- justify-content: flex-start;
- >text{
- flex: 1;
- height: 80rpx;
- background: #F5F5F5;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 80rpx;
- text-align: center;
- border: 1rpx solid #E0E0E0;
- }
- >text:nth-of-type(1){
- border-right: none;
- }
- }
- .list_li{
- display: flex;
- justify-content: flex-start;
- >text{
- flex: 1;
- height: 80rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 80rpx;
- text-align: center;
- border: 1rpx solid #E0E0E0;
- }
- >text:nth-of-type(1){
- border-right: none;
- border-top: none;
- }
- >text:nth-of-type(2){
- border-top: none;
- }
- }
- .list_bottom{
- flex: 1;
- height: 80rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 80rpx;
- text-align: center;
- border: 1rpx solid #E0E0E0;
- border-top: none;
- }
- }
- }
- /* 检查管理----------------------------------------------------------------------------------- */
- /* 切换按钮 */
- .header{
- width:100%;
- position: fixed;
- top: 100rpx;
- z-index: 100;
- .line{
- width: 100%;
- height: 20rpx;
- background: #F5F5F5;
- }
- .tabTitle_tow{
- width:100%;
- height: 100rpx;
- background: #fff;
- display flex;
- justify-content: flex-start;
- align-items: center;
- border-bottom: 1rpx solid #E0E0E0;
- .tabTitle_tow_li{
- position: relative;
- width:146rpx;
- text-align center;
- .tabTitle_tow_text{
- display: inline-block;
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 46rpx;
- position: relative;
- &.on{
- color:#0183FA;
- }
- }
- .tabTitle_tow_across{
- width: 50rpx;
- height: 4rpx;
- background: #0183FA;
- border-radius: 2rpx;
- margin-left: 46rpx;
- display none;
- &.on{
- display block;
- }
- }
-
- }
- }
- .lab_title{
- width: 750rpx;
- height: 100rpx;
- background: #FFFFFF;
- padding: 20rpx 30rpx;
- box-sizing: border-box;
- display: flex;
- justify-content: flex-start;
-
- .lab_title_l{
- width: 250rpx;
- height: 60rpx;
- margin-right: 20rpx;
- .lab_title_l_n{
- width: 250rpx;
- height: 60rpx;
- border-radius: 10rpx;
- border: 1rpx solid #E0E0E0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- >view{
- flex:1;
- line-height:60rpx;
- margin-left:20rpx;
- color: #999999;
- font-size:28rpx;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- >img{
- width: 14rpx;
- height: 8rpx;
- margin-right: 30rpx;
- }
- }
- }
- .lab_title_r{
- width: 420rpx;
- height: 60rpx;
- position:relative;
- border-radius: 10rpx;
- border: 1rpx solid #E0E0E0;
- .lab_title_r_btn{
- width: 60rpx;
- height: 60rpx
- position: absolute;
- top: 0rpx;
- left:0rpx;
- >img{
- width: 20rpx;
- height: 20rpx;
- position: absolute;
- top: 20rpx;
- left: 24rpx;
- }
- }
- >input{
- width: 274rpx;
- height: 60rpx;
- position: absolute;
- top: 0rpx;
- left: 60rpx;
- }
- .clear{
- width: 60rpx;
- height: 60rpx;
- position: absolute;
- top: 0rpx;
- right:20rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #0183FA;
- line-height: 60rpx;
- }
- }
- }
-
- }
- .list_three{
- padding: 0 30rpx;
- box-sizing: border-box;
- margin-top: 240rpx;
- .list_three_li{
- position: relative;
- width: 690rpx;
- height:auto;
- background: #fff;
- border-radius: 10rpx;
- overflow: hidden;
- margin-bottom: 20rpx;
- .list_three_li_t{
- width: 100%;
- position: absolute;
- left: 0;
- top: 0;
- .list_three_li_t_l{
- >img{
- width: 70rpx;
- height: 70rpx;
- }
- >text{
- position: absolute;
- left: -15rpx;
- top: 76rpx;
- display: inline-block;
- width: 30rpx;
- height: 30rpx;
- background: #F5F5F5;
- border-radius: 15rpx;
- }
- }
- .list_three_li_t_c{
- width: 630rpx;
- height: 110rpx;
- position: absolute;
- left: 30rpx;
- top: 0;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 110rpx;
- border-bottom: 1rpx dashed #D8D8D8;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- padding-right: 120rpx;
- box-sizing: border-box;
- }
- .list_three_li_t_c2{
- position: absolute;
- right: 20rpx;
- top: 38rpx;
- width: 120rpx;
- height: 40rpx;
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #FF5757;
- line-height: 40rpx;
- border: 1rpx solid #FF5757;
- border-radius: 6rpx;
- text-align: center;
- }
- .list_three_li_t_r{
- position: absolute;
- right:-15rpx;
- top: 76rpx;
- width: 30rpx;
- height: 30rpx;
- background:#F5F5F5;
- border-radius: 15rpx;
- }
- }
- .list_three_li_m{
- // position: absolute;
- // top: 110rpx;
- // left: 0;
- width: 690rpx;
- height: 158rpx;
- padding-left: 30rpx;
- box-sizing: border-box;
- margin-top: 110rpx;
- overflow: hidden;
- .list_three_li_m_t{
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #666666;
- line-height: 40rpx;
- margin-top:22rpx;
- }
- .list_three_li_m_b{
- margin-top:26rpx;
- display: flex;
- justify-content: flex-start;
- >text:nth-of-type(1){
- font-size: 26rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- line-height: 40rpx;
- border-radius: 6rpx;
- padding: 0 20rpx;
- margin-right: 14rpx;
- }
- >text:nth-of-type(2){
- font-size: 26rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #0183FA;
- line-height: 40rpx;
- padding: 0 8rpx;
- border-radius: 6rpx;
- background: rgba(1,131,250,0.1);
- margin-right: 24rpx;
- }
- >text:nth-of-type(3){
- display: inline-block;
- width: 350rpx;
- font-size: 26rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 26rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
-
- }
- }
- }
- .list_three_li_b{
- height: 80rpx;
- width: 100%;
- // position: absolute;
- // top: 278rpx;
- // left: 0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- border-top: 1rpx solid #E0E0E0;
- >img{
- width: 24rpx;
- height: 30rpx;
- margin-right: 26rpx;
- margin-left: 30rpx;
- }
- >text:nth-of-type(1){
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 28rpx;
- }
- >text:nth-of-type(2){
- flex:1;
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #0183FA;
- line-height: 28rpx;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
- }
- }
- .bottom_btn{
- position: fixed;
- bottom: 26rpx;
- left: 30rpx;
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 90rpx;
- width: 690rpx;
- height: 90rpx;
- background: #0183FA;
- border-radius: 20rpx;
- text-align: center;
-
- }
- /* 指纹采集 */
- .shade {
- height: 100%;
- width: 100%;
- position: fixed;
- display: flex;
- flex-direction: column;
- z-index: 10;
- background: rgba(0, 0, 0, 0.2);
- .null-box {
- flex: 1;
- }
- .shade_n {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 750rpx;
- height: 560rpx;
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 0rpx 0rpx;
- .shade_n_title{
- height: 100rpx;
- padding: 0 30rpx;
- box-sizing: border-box;
- display: flex;
- justify-content:space-between;
- border-bottom: 1rpx solid #E0E0E0;
- >text:nth-of-type(1){
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 100rpx;
- }
- >text:nth-of-type(2){
- font-size: 30rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- color: #0183FA;
- line-height: 100rpx;
-
- }
- }
- .shade_n_b{
- height: 460rpx;
- padding: 0 30rpx;
- box-sizing: border-box;
- overflow-y: auto;
- .shade_n_b_li{
- display: flex;
- justify-content:space-between;
- align-items: center;
- height: 80rpx;
- border-bottom: 1rpx solid #E0E0E0;
- >text{
- font-size: 28rpx;
- font-family: PingFang SC-Medium, PingFang SC;
- font-weight: 400;
- line-height: 80rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- }
- >img{
- width: 24rpx;
- height: 16rpx;
- margin-right: 14rpx;
- }
- }
- .color_A{
- color: #333333;
- }
- .color_B{
- color: #0183FA;
- }
-
-
- }
- }
- }
- }
- </style>
|