patrolPlanEdit.vue 39 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529
  1. <!-- 安全检查-发起巡查计划 -->
  2. <template>
  3. <view class="examine">
  4. <view class="tabTitle">
  5. <view class="tabTitle_li" @tap="tabClick(index)" :key="index" v-for="(item,index) in tabText">
  6. <view :class="{on:curTab==index}" class="tabTitle_text">{{item}}</view>
  7. <view :class="{on:curTab==index}" class="tabTitle_across"></view>
  8. </view>
  9. </view>
  10. <view class="header" v-if="pageType==1">
  11. <view class="line"></view>
  12. <view class="tabTitle_tow">
  13. <view class="tabTitle_tow_li" @tap="tabClickTow(index)" :key="index" v-for="(item,index) in tabTextTow">
  14. <view :class="{on:curTabTow==index}" class="tabTitle_tow_text">{{item}}</view>
  15. <view :class="{on:curTabTow==index}" class="tabTitle_tow_across"></view>
  16. </view>
  17. </view>
  18. <view class="lab_title">
  19. <picker @change="collegeChange" :value="collegeIndex" :range="collegeArray" class="lab_title_l">
  20. <view class="lab_title_l_n">
  21. <view>{{getData.deptName?getData.deptName:'选择学院'}}</view>
  22. <img src="@/pages_safetyExamine/images/icon_06.png">
  23. </view>
  24. </picker>
  25. <view class="lab_title_r">
  26. <view class="lab_title_r_btn" @click="searchBtn">
  27. <img src="@/pages_safetyExamine/images/icon_aqjc_ss.png"/>
  28. </view>
  29. <input type="text" v-model="getData.searchValue" placeholder="请输入实验室名称" maxlength="50" placeholder-style="color: #CCCCCC;font-size:26rpx;">
  30. <view class="clear" @click="clearBtn">清除</view>
  31. </view>
  32. </view>
  33. </view>
  34. <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
  35. <view v-if="pageType==0" style="padding: 0 30rpx;box-sizing: border-box;">
  36. <view class="delay_inspect" >
  37. <view class="delay_inspect_l" v-if="form.checkStatus==1">待检查实验室:<text>{{form.subjectNum}}间</text></view>
  38. <view class="delay_inspect_r" v-if="form.checkStatus==1">未开始</view>
  39. <view class="delay_inspect_l" v-if="form.checkStatus==2 || form.checkStatus==3">检查进度:<text>{{form.checkSchedule}}</text></view>
  40. <view class="delay_inspect_r_tow" v-if="form.checkStatus==2">进行中</view>
  41. <view class="delay_inspect_r_tow" v-if="form.checkStatus==3">已结束</view>
  42. </view>
  43. <view class="basics">
  44. <view class="title">
  45. <view class="title_t">计划标题</view>
  46. <textarea class="title_b" type="text" v-model="form.title" maxlength="200" placeholder="请输入检查计划标题" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
  47. </view>
  48. <view class="type">
  49. <view class="type_l">检查类型</view>
  50. <input class="type_r" type="text" v-model="form.checkTypeName" placeholder="" disabled maxlength="20">
  51. </view>
  52. <view class="period">
  53. <view class="period_l">检查周期</view>
  54. <view class="period_r">
  55. <picker mode="date" @change="startChange(form,$event)">
  56. <input class="picker-text" disabled type="text" v-model="form.cycleStartTime" placeholder="开始时间">
  57. </picker>
  58. <view>至</view>
  59. <picker mode="date" @change="endChange(form,$event)">
  60. <input class="picker-text2" disabled type="text" v-model="form.cycleStartTime" placeholder="结束时间">
  61. </picker>
  62. </view>
  63. </view>
  64. <view class="tiem_quick">
  65. <view @click="tiemQuick(index)" :class="item.type?'tiem_quick_a':'tiem_quick_b'" v-for="(item,index) in tiemQuickList">{{item.name}}</view>
  66. </view>
  67. <view class="scope">
  68. <view class="scope_l">检查范围</view>
  69. <picker @change="scopeChange" :value="scopeIndex" :range="scopeArray" class="scope_r">
  70. <view class="scope_r_n">
  71. <view>{{scopeArray[scopeIndex]}}</view>
  72. <img src="@/pages_safetyExamine/images/icon_06.png">
  73. </view>
  74. </picker>
  75. </view>
  76. <view class="scope_btn" v-if="scopeIndex==1 || scopeIndex==2" @click="collegeOrLab()">{{scopeIndex==1?'选择学院':'选择实验室'}}</view>
  77. <view class="scope_text" v-if="scopeIndex==0 || scopeIndex==1">已选择<text>{{form.collegeNum}}</text>个学院,共<text>{{form.subjectNum}}</text>间实验室</view>
  78. <view class="scope_text" v-if="scopeIndex==2">已选择<text>{{form.subjectNum}}</text>间实验室</view>
  79. <view class="title">
  80. <view class="title_t">检查要求</view>
  81. <textarea class="title_b" type="text" v-model="form.checkDemand" maxlength="200" placeholder="请输入检查要求" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
  82. </view>
  83. </view>
  84. <view class="attachment" v-if="form.uploadDtoList.length>0">
  85. <view class="attachment_t">
  86. <text>材料附件</text>
  87. <text>点击文件标题查看</text>
  88. </view>
  89. <view class="attachment_li" v-for="item in form.uploadDtoList">
  90. <img src="@/pages_safetyExamine/images/icon_djc_wj.png"/>
  91. <text @click="attachmentPreview(item)">{{item.fileName}}</text>
  92. <img @click="attachmentDle(item)" class="attachment_li_del" src="@/pages_safetyExamine/images/icon_fjgk_sc.png"/>
  93. </view>
  94. </view>
  95. <view class="patrol_group" v-if="form.checkType==1">
  96. <view class="patrol">
  97. <view class="patrol_l">巡查组</view>
  98. <view class="patrol_r_n" @click="patrolChange">
  99. <view>{{form.checkGroupName?form.checkGroupName:'请选择巡查组'}}</view>
  100. <img src="@/pages_safetyExamine/images/icon_06.png">
  101. </view>
  102. </view>
  103. <view class="list">
  104. <view class="list_title"><img src="@/pages_safetyExamine/images/icon_jcjh_cy.png">成员</view>
  105. <view class="list_header"><text>工号</text><text>姓名</text></view>
  106. <view class="list_li" v-for="(item,index) in form.checkMemberDtoList"><text>{{item.jobNum}}</text><text>{{item.name}}</text></view>
  107. <view class="list_bottom" v-if="form.checkMemberDtoList.length==0">无数据</view>
  108. </view>
  109. </view>
  110. </view>
  111. <view v-if="pageType==1">
  112. <view class="list_three">
  113. <view class="list_three_li" v-for="(item,index) in dataList" :key="index" @click="handleClick(item,'detail')">
  114. <view class="list_three_li_t">
  115. <view class="list_three_li_t_l">
  116. <img v-if="item.checkRange==1" src="@/pages_safetyExamine/images/icon_xyxc_qx.png"/>
  117. <img v-if="item.checkRange==2" src="@/pages_safetyExamine/images/icon_xyxc_xy.png"/>
  118. <img v-if="item.checkRange==3" src="@/pages_safetyExamine/images/icon_xyxc_sys.png"/>
  119. <text></text>
  120. </view>
  121. <view class="list_three_li_t_c">{{item.subjectName}}-{{item.roomNumber}}</view>
  122. <view class="list_three_li_t_c2" v-if="item.isOverdue==1">已逾期</view>
  123. <view class="list_three_li_t_r"></view>
  124. </view>
  125. <view class="list_three_li_m">
  126. <view class="list_three_li_m_t">{{item.title}}</view>
  127. <view class="list_three_li_m_b">
  128. <text class="blue_color" v-if="item.manageStatus==0">待检查</text>
  129. <text class="red_color" v-if="item.manageStatus==1">检查中</text>
  130. <text class="green_color" v-if="item.manageStatus==2">已检查</text>
  131. <text>{{item.checkType==1?'校院巡查':'实验室自查'}}</text>
  132. <text>{{item.collegeName}}</text>
  133. </view>
  134. </view>
  135. <view class="list_three_li_b" v-if="item.manageStatus==2">
  136. <img src="@/pages_safetyExamine/images/icon_djcsys.png"/>
  137. <text>整改进度:</text>
  138. <text v-if="item.checkResult==0">{{item.rectifySchedule}}</text>
  139. <text v-if="item.checkResult==1">已完成</text>
  140. </view>
  141. </view>
  142. </view>
  143. </view>
  144. </scroll-view>
  145. <view class="bottom_btn" v-if="form.checkStatus==1" @click="submitForm()">保存</view>
  146. <!-- 选择学院-->
  147. <view class="shade" v-if="dialogVisible">
  148. <view class="null-box" @click="dialogClose()"></view>
  149. <view class="shade_n">
  150. <view class="shade_n_title"><text>选择学院</text><text @click="collegeConfirm">确定</text></view>
  151. <view class="shade_n_b">
  152. <view class="shade_n_b_li" v-for="(item,index) in collegeList" :key="index" @click="collegeSelete(index)">
  153. <text :class="item.type?'color_B':'color_A'">{{item.deptName}}</text>
  154. <img v-if="item.type" src="@/pages_safetyExamine/images/icon_xzwt_xz.png">
  155. </view>
  156. </view>
  157. </view>
  158. </view>
  159. </view>
  160. </template>
  161. <script>
  162. import { config } from '@/api/request/config.js'
  163. import {checkPlanById,conditionCollegeInfo,checkGroupDetail,getAllSubNum,checkPlanEdit,findByCheckPlanId} from '@/api/index.js'
  164. export default {
  165. name: "rectifyList",
  166. components: {
  167. },
  168. data() {
  169. return {
  170. id:'',
  171. pageType:0,
  172. //列表请求参数
  173. getData:{
  174. pageNum:1,
  175. pageSize:20,
  176. checkPlanId:'',
  177. deptId:'',
  178. deptName:'',
  179. searchValue:'',
  180. manageStatus:'',
  181. },
  182. inspectState:0,//检查状态 0 未开始 1进行中
  183. tabText:['检查计划','检查管理'],
  184. curTab:0,
  185. tabTextTow:['全部','待检查','检查中','已检查'],
  186. curTabTow:0,
  187. form:{
  188. id:'',
  189. title:'',
  190. checkType:'1',//1校院巡查 2实验室自查
  191. checkTypeName:'',//1校院巡查 2实验室自查
  192. cycleStartTime:'',
  193. cycleEndTime:'',
  194. checkRange:0,//检查范围 1全校 2学院 3实验室
  195. checkGroupId:[],//巡查组id
  196. checkLevel:'',//巡查组层级
  197. checkMemberDtoList:[],//巡查组成员
  198. collegeIds:'',//学院id组
  199. collegeNum:0,//学院数量
  200. subIds:'',//实验室id组
  201. subjectNum:0,//实验室数量
  202. checkStatus:0,//检查状态
  203. checkSchedule:'',//检查进度
  204. checkDemand:'',//检查要求
  205. tiemQuickList:[],
  206. scopeIndex:'',
  207. seleteListLab:[],
  208. seleteListMember:[],
  209. uploadDtoList:[],
  210. },
  211. tiemQuickList:[{name:'本月',type:false},{name:'本季度',type:false},{name:'全年',type:false}],
  212. scopeIndex:0,
  213. scopeArray:['全校','学院','实验室'],
  214. dialogVisible:false,
  215. collegeList:[],
  216. collegeIndex :0,
  217. collegeArray:[],
  218. dataList:[],
  219. }
  220. },
  221. onLoad(option) {
  222. if(option.form){
  223. this.form=JSON.parse(decodeURIComponent(option.form));
  224. this.tiemQuickList=this.form.tiemQuickList//时间快捷
  225. this.scopeIndex=this.form.scopeIndex//检查范围
  226. console.log(this.form)
  227. }
  228. if(option.id){
  229. this.id=option.id
  230. this.getData.checkPlanId=option.id
  231. this.checkPlanById()
  232. }else{
  233. this.id=this.form.id
  234. this.getData.checkPlanId=this.form.id
  235. }
  236. },
  237. onShow() {
  238. },
  239. mounted(){
  240. this.conditionCollegeInfo();
  241. this.getList();
  242. },
  243. methods: {
  244. //顶部tab点击
  245. tabClick(index) {
  246. this.curTab = index;
  247. this.pageType = index;
  248. },
  249. //顶部tab点击
  250. tabClickTow(index) {
  251. this.curTabTow = index;
  252. if(index==0){
  253. this.getData.manageStatus=''
  254. }else if(index==1){//待检查
  255. this.getData.manageStatus=0;
  256. }else if(index==2){//检查中
  257. this.getData.manageStatus=1;
  258. }else if(index==3){//已检查
  259. this.getData.manageStatus=2;
  260. }
  261. this.getData.pageNum=1;
  262. this.dataList=[];
  263. this.getList()
  264. },
  265. //删除附件
  266. attachmentDle(item){
  267. this.form.uploadDtoList.splice(this.form.uploadDtoList.indexOf(item),1);
  268. },
  269. attachmentPreview(item){
  270. uni.showLoading({
  271. title: '下载中'
  272. });
  273. wx.downloadFile({
  274. url: config.base_url+item.fileUrl,
  275. header: {
  276. Authorization: uni.getStorageSync('token')
  277. },
  278. success: function (res) {
  279. uni.hideLoading();
  280. const filePath = res.tempFilePath
  281. wx.openDocument({
  282. filePath: filePath,
  283. success: function (res) {
  284. console.log('打开文档成功')
  285. }
  286. })
  287. },
  288. fail: function (res){
  289. uni.hideLoading();
  290. uni.showToast({
  291. title: '下载失败',
  292. icon:"none",
  293. mask:true,
  294. duration: 2000
  295. });
  296. }
  297. })
  298. },
  299. //选择学院
  300. collegeChange(e){
  301. this.collegeIndex = e.target.value;
  302. this.getData.deptId=this.collegeList[e.target.value].deptId
  303. this.getData.deptName=this.collegeList[e.target.value].deptName
  304. this.dataList=[];
  305. this.getList();
  306. },
  307. //实验室搜索
  308. searchBtn(){
  309. this.dataList=[];
  310. this.getList();
  311. },
  312. //清除
  313. clearBtn(){
  314. this.getData.pageNum=1;
  315. this.collegeIndex=0;
  316. this.getData.deptId='';
  317. this.getData.deptName='';
  318. this.getData.searchValue='';
  319. this.dataList=[];
  320. this.getList();
  321. },
  322. //滚动事件
  323. scrollGet(){
  324. let self=this;
  325. if(this.pageType==1){//当页面切换到检查管理列表里的时候
  326. if(self.total/self.getData.pageSize<=self.getData.pageNum){
  327. console.log('没有更多数据!')
  328. }else{
  329. setTimeout(function(){
  330. self.getData.pageNum += 1;
  331. self.getList();
  332. },1000)
  333. }
  334. }
  335. },
  336. //开始时间选中事件
  337. startChange(form,e){
  338. if(new Date(e.target.value).getTime()>new Date(form.cycleEndTime).getTime()){
  339. uni.showToast({
  340. title: '结束时间不能小于开始时间',
  341. icon:"none",
  342. mask:true,
  343. duration: 2000
  344. });
  345. }else{
  346. form.cycleStartTime=e.target.value
  347. }
  348. },
  349. //结束时间选中事件
  350. endChange(form,e){
  351. if(new Date(form.cycleStartTime).getTime()>new Date(e.target.value).getTime()){
  352. uni.showToast({
  353. title: '结束时间不能小于开始时间',
  354. icon:"none",
  355. mask:true,
  356. duration: 2000
  357. });
  358. }else{
  359. form.cycleEndTime=e.target.value
  360. }
  361. },
  362. //检查周期快捷
  363. tiemQuick(index){
  364. this.tiemQuickList[index].type = !this.tiemQuickList[index].type
  365. let _this = this;
  366. if (_this.tiemQuickList[index].type == true) {
  367. _this.tiemQuickList.forEach(function(item2) {
  368. if (item2.name == _this.tiemQuickList[index].name) {
  369. item2.type = true
  370. } else {
  371. item2.type = false
  372. }
  373. })
  374. //快捷本月-本季度-全年
  375. _this.timeSlotChange(_this.tiemQuickList[index].name)
  376. }else{
  377. console.log('取消选中')
  378. _this.form.cycleStartTime='';
  379. _this.form.cycleEndTime='';
  380. }
  381. },
  382. //检查范围
  383. scopeChange(e){
  384. let _this=this;
  385. uni.showModal({
  386. content: '重新选择会删除现有选择的实验室,是否重选?',
  387. cancelColor:"#999",
  388. confirmColor:"#0183FA",
  389. success: function (res) {
  390. if (res.confirm) {
  391. _this.scopeIndex = e.target.value;
  392. _this.form.checkRange=Number(e.target.value)+1;//检查范围
  393. _this.form.collegeIds ='';
  394. _this.form.collegeNum =0;
  395. _this.form.subIds ='';
  396. _this.form.subjectNum =0;
  397. if(e.target.value==1){//选择学院
  398. _this.conditionCollegeInfo();
  399. }else if(e.target.value==0){//全校
  400. _this.getAllSubNum();
  401. }
  402. }else if (res.cancel) {
  403. }
  404. }
  405. });
  406. },
  407. timeSlotChange (val) {
  408. let _this=this;
  409. let cycleStartTime, cycleEndTime;
  410. let now = new Date(); //当前日期
  411. let nowDayOfWeek = now.getDay(); //今天本周的第几天
  412. let nowDay = now.getDate(); //当前日
  413. let nowMonth = now.getMonth(); //当前月
  414. let nowYear = now.getFullYear(); //当前年
  415. let jd=Math.ceil((nowMonth + 1) / 3)
  416. switch (val) {
  417. case "本周":
  418. cycleStartTime = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek)
  419. cycleEndTime = new Date(nowYear, nowMonth, nowDay + 6 - nowDayOfWeek)
  420. break;
  421. case "本月":
  422. cycleStartTime = new Date(nowYear, nowMonth, 1)
  423. cycleEndTime = new Date(nowYear, nowMonth + 1, 0)
  424. break;
  425. case "本季度":
  426. cycleStartTime = new Date(nowYear, (jd-1)*3, 1)
  427. cycleEndTime = new Date(nowYear, jd*3, 0)
  428. break
  429. case "全年":
  430. cycleStartTime = new Date(nowYear, 0, 1)
  431. cycleEndTime = new Date(nowYear, 11, 31)
  432. break
  433. }
  434. _this.form.cycleStartTime=_this.formatDateTime(cycleStartTime)
  435. _this.form.cycleEndTime=_this.formatDateTime(cycleEndTime)
  436. },
  437. // 中国标准时间 转换成 年月日
  438. formatDateTime (date) {
  439. var y = date.getFullYear();
  440. var m = date.getMonth() + 1;
  441. m = m < 10 ? ('0' + m) : m;
  442. var d = date.getDate();
  443. d = d < 10 ? ('0' + d) : d;
  444. var h = date.getHours();
  445. var minute = date.getMinutes();
  446. minute = minute < 10 ? ('0' + minute) : minute;
  447. // return y + '-' + m + '-' + d+' '+h+':'+minute;
  448. return y + '-' + m + '-' + d
  449. },
  450. //巡查组
  451. patrolChange(){
  452. this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
  453. this.form.scopeIndex=this.scopeIndex//检查范围
  454. uni.navigateTo({
  455. url: '/pages_safetyExamine/patrolPlan/patrolPlanAddMember?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=2'
  456. });
  457. },
  458. //选择学院或者实验室
  459. collegeOrLab(){
  460. console.log(this.scopeIndex)
  461. if(this.scopeIndex==1){//学院
  462. this.dialogVisible=true;
  463. }else if(this.scopeIndex==2){//实验室
  464. this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
  465. this.form.scopeIndex=this.scopeIndex//检查范围
  466. uni.navigateTo({
  467. url: '/pages_safetyExamine/patrolPlan/patrolPlanAddLab?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=2'
  468. });
  469. }
  470. },
  471. //选择学院弹窗关闭
  472. dialogClose(){
  473. this.dialogVisible=false;
  474. },
  475. //选择学院确定
  476. collegeConfirm(){
  477. let _this=this;
  478. this.dialogVisible=false;
  479. let list=[];
  480. let collegeIds=[];
  481. let subjectNum=0;
  482. _this.collegeList.forEach(function(item){
  483. if(item.type==true){
  484. list.push(item)
  485. collegeIds.push(item.deptId);
  486. subjectNum+=item.subNum;
  487. }
  488. })
  489. _this.form.collegeIds=collegeIds.join(',');
  490. _this.form.subjectNum=subjectNum;
  491. _this.form.collegeNum=list.length;
  492. },
  493. //学院选择
  494. collegeSelete(index){
  495. this.collegeList[index].type = !this.collegeList[index].type
  496. },
  497. //查询学院列表
  498. async conditionCollegeInfo(){
  499. let _this = this;
  500. const {data} = await conditionCollegeInfo();
  501. if(data.code == 200){
  502. data.data.forEach(function(item){
  503. item.type=false;
  504. })
  505. _this.collegeList=data.data;
  506. //检查管理
  507. for(let i=0;i<data.data.length;i++){
  508. _this.collegeArray.push(data.data[i].deptName)
  509. }
  510. }
  511. },
  512. //查询全校学院和实验室数量
  513. async getAllSubNum(){
  514. let _this = this;
  515. const {data} = await getAllSubNum();
  516. if(data.code == 200){
  517. this.form.collegeNum=data.data.collegeCount
  518. this.form.subjectNum=data.data.subCount
  519. }
  520. },
  521. //查询详情
  522. async checkPlanById(id){
  523. console.log('详情')
  524. let _this = this;
  525. const {data} = await checkPlanById({id:this.id});
  526. if(data.code == 200){
  527. this.form.id=data.data.id;
  528. this.form.title=data.data.title;
  529. this.form.checkType=data.data.checkType;
  530. this.form.checkTypeName=data.data.checkType==1?'校院巡查':'实验室自查';
  531. this.form.cycleStartTime=data.data.cycleStartTime;
  532. this.form.cycleEndTime=data.data.cycleEndTime;
  533. this.form.checkRange=data.data.checkRange;
  534. this.form.checkGroupId=data.data.checkGroupId;
  535. this.form.collegeIds=data.data.collegeIds;
  536. this.form.collegeNum=data.data.collegeNum;
  537. this.form.subIds=data.data.subIds;
  538. this.form.subjectNum=data.data.subjectNum;
  539. this.form.uploadDtoList=data.data.uploadDtoList;
  540. this.form.checkStatus=data.data.checkStatus;
  541. this.form.checkSchedule=data.data.checkSchedule;
  542. this.form.checkDemand=data.data.checkDemand;
  543. this.scopeIndex=Number(data.data.checkRange)-1;//检查范围
  544. this.$set(this.form,'checkMemberDtoList',data.data.checkMemberDtoList)
  545. //this.$set(this.form,'checkGroupName',data.data.groupName)
  546. // if(data.data.checkGroupId){//判断如果有巡查组id
  547. // this.checkGroupDetail(data.data.checkGroupId);
  548. // }
  549. }
  550. },
  551. //根据id查询巡查组员
  552. async checkGroupDetail(id){
  553. let _this = this;
  554. const {data} = await checkGroupDetail({id:id,selectEnable:'1'});
  555. if(data.code == 200){
  556. }
  557. },
  558. handleClick(item,doType){
  559. let self=this;
  560. if( doType=='subBtn'){//
  561. console.log(11)
  562. }else if(doType=='detail'){//详情
  563. if(item.manageStatus==1){//检查中
  564. uni.navigateTo({
  565. url: '/pages_safetyExamine/examineManage/examineAdd?id='+item.id
  566. });
  567. }else{
  568. uni.navigateTo({
  569. url: '/pages_safetyExamine/examineManage/examineDetail?id='+item.id+'&manageStatus='+item.manageStatus
  570. });
  571. }
  572. }
  573. },
  574. //巡查计划-修改
  575. async submitForm(){
  576. let _this = this;
  577. const {data} = await checkPlanEdit(_this.form);
  578. if(data.code == 200){
  579. uni.showToast({
  580. title: '提交成功',
  581. icon:"none",
  582. mask:true,
  583. duration: 2000
  584. });
  585. uni.redirectTo({
  586. url: '/pages_safetyExamine/patrolPlan/patrolPlanList?pageType='+this.form.checkType
  587. });
  588. }
  589. },
  590. async getList(){
  591. let self = this;
  592. const {data} = await findByCheckPlanId(this.getData);
  593. if(data.code==200){
  594. this.total=data.data.total;
  595. this.dataList=[...this.dataList,...data.data.records]
  596. }
  597. },
  598. }
  599. }
  600. </script>
  601. <style lang="stylus" scoped>
  602. .examine{
  603. height:100%;
  604. display flex;
  605. // padding: 0 30rpx;
  606. // box-sizing: border-box;
  607. padding-bottom: 126rpx;
  608. box-sizing: border-box;
  609. .blue_color{
  610. color: #0183FA;
  611. border: 1rpx solid #0183FA;
  612. }
  613. .red_color{
  614. color: #FF4545;
  615. border: 1rpx solid #FF4545;
  616. }
  617. .green_color{
  618. color: #1FA50D;
  619. border: 1rpx solid #1FA50D;
  620. }
  621. /* 切换按钮 */
  622. .tabTitle{
  623. width:100%;
  624. height: 100rpx;
  625. background: #fff;
  626. display flex;
  627. justify-content: center;
  628. align-items: center;
  629. position: fixed;
  630. top: 0;
  631. z-index: 100;
  632. box-shadow: 0rpx 3rpx 8rpx 0rpx rgba(0,0,0,0.16);
  633. .tabTitle_li{
  634. position: relative;
  635. width:372rpx;
  636. text-align center;
  637. .tabTitle_text{
  638. display: inline-block;
  639. font-size: 30rpx;
  640. font-family: PingFang SC;
  641. font-weight: 500;
  642. color: #333333;
  643. line-height: 46rpx;
  644. position: relative;
  645. >text{
  646. position:absolute;
  647. min-width: 30rpx;
  648. min-height: 30rpx;
  649. border-radius:54%;
  650. background: #E80000;
  651. font-size: 18rpx;
  652. font-family: PingFang SC-Medium, PingFang SC;
  653. font-weight: 400;
  654. color: #FFFFFF;
  655. text-align: center;
  656. line-height: 30rpx;
  657. margin-left: 6rpx;
  658. padding:2rpx;
  659. box-sizing: border-box;
  660. }
  661. &.on{
  662. color:#0183FA;
  663. }
  664. }
  665. .tabTitle_across{
  666. width: 50rpx;
  667. height: 4rpx;
  668. background: #0183FA;
  669. border-radius: 2rpx;
  670. margin-left 162rpx;
  671. display none;
  672. &.on{
  673. display block;
  674. }
  675. }
  676. }
  677. .tabTitle_li:nth-of-type(1)::after{
  678. content: '';
  679. position: absolute;
  680. top: 0rpx;
  681. right: 0rpx;
  682. width: 1rpx;
  683. height: 50rpx;
  684. background: #E0E0E0;
  685. }
  686. }
  687. .info-max-box{
  688. flex: 1;
  689. overflow: scroll;
  690. padding: 120rpx 0rpx 0;
  691. box-sizing: border-box;
  692. }
  693. /* 检查计划---------------------------------------------------------------------------------- */
  694. .delay_inspect{
  695. width: 690rpx;
  696. height: 100rpx;
  697. background: #FFFFFF;
  698. border-radius: 20rpx;
  699. display: flex;
  700. justify-content: space-between;
  701. align-items: center;
  702. padding: 0 30rpx;
  703. box-sizing: border-box;
  704. .delay_inspect_l{
  705. font-size: 28rpx;
  706. font-family: PingFang SC-Medium, PingFang SC;
  707. font-weight: 400;
  708. color: #333333;
  709. line-height: 100rpx;
  710. >text{
  711. color: #0183FA;
  712. }
  713. }
  714. .delay_inspect_r{
  715. font-size: 26rpx;
  716. font-family: PingFang SC-Medium, PingFang SC;
  717. font-weight: 400;
  718. color: #0183FA;
  719. line-height: 40rpx;
  720. width: 120rpx;
  721. height: 40rpx;
  722. border-radius: 6rpx;
  723. text-align: center;
  724. border: 1rpx solid #0183FA;
  725. }
  726. .delay_inspect_r_tow{
  727. font-size: 26rpx;
  728. font-family: PingFang SC-Medium, PingFang SC;
  729. font-weight: 400;
  730. color: #FF4545;
  731. line-height: 40rpx;
  732. width: 120rpx;
  733. height: 40rpx;
  734. border-radius: 6rpx;
  735. text-align: center;
  736. border: 1rpx solid rgba(255,69,69,0.898);
  737. }
  738. }
  739. .basics{
  740. width: 690rpx;
  741. background: #FFFFFF;
  742. border-radius: 20rpx;
  743. margin-top: 20rpx;
  744. padding: 60rpx 26rpx 32rpx;
  745. box-sizing: border-box;
  746. .title{
  747. .title_t{
  748. font-size: 30rpx;
  749. font-family: PingFang SC-Medium, PingFang SC;
  750. font-weight: 400;
  751. color: #333333;
  752. line-height: 42rpx;
  753. margin-bottom: 12rpx;
  754. }
  755. .title_b{
  756. width: 636rpx;
  757. height: 150rpx;
  758. border-radius: 10rpx;
  759. opacity: 1;
  760. border: 1rpx solid #E0E0E0;
  761. padding: 26rpx 23rpx;
  762. box-sizing: border-box;
  763. }
  764. }
  765. .type{
  766. display: flex;
  767. justify-content: flex-start;
  768. align-items: center;
  769. margin-top: 20rpx;
  770. .type_l{
  771. width: 146rpx;
  772. font-size: 30rpx;
  773. font-family: PingFang SC-Medium, PingFang SC;
  774. font-weight: 400;
  775. color: #333333;
  776. line-height: 42rpx;
  777. text-align: left;
  778. }
  779. .type_r{
  780. width: 490rpx;
  781. height: 80rpx;
  782. border-radius: 10rpx;
  783. padding-left:22rpx;
  784. box-sizing: border-box;
  785. background: #F5F5F5;
  786. }
  787. }
  788. .period{
  789. display: flex;
  790. justify-content: flex-start;
  791. align-items: center;
  792. margin-top: 26rpx;
  793. .period_l{
  794. width: 146rpx;
  795. font-size: 30rpx;
  796. font-family: PingFang SC-Medium, PingFang SC;
  797. font-weight: 400;
  798. color: #333333;
  799. line-height: 42rpx;
  800. text-align: left;
  801. }
  802. .period_r{
  803. width: 490rpx;
  804. height: 80rpx;
  805. border-radius: 10rpx;
  806. border: 1rpx solid #E0E0E0;
  807. display: flex;
  808. justify-content: flex-start;
  809. align-items: center;
  810. .picker-text{
  811. font-size: 30rpx;
  812. font-family: PingFang SC-Medium, PingFang SC;
  813. font-weight: 400;
  814. color: #999999;
  815. line-height: 80rpx;
  816. width: 230rpx;
  817. text-align: center;
  818. }
  819. .picker-text2{
  820. font-size: 30rpx;
  821. font-family: PingFang SC-Medium, PingFang SC;
  822. font-weight: 400;
  823. color: #999999;
  824. line-height: 80rpx;
  825. width: 230rpx;
  826. text-align: center;
  827. }
  828. }
  829. }
  830. .tiem_quick{
  831. margin-left: 146rpx;
  832. display: flex;
  833. justify-content: flex-start;
  834. margin-top: 20rpx;
  835. >view{
  836. width: 130rpx;
  837. height: 80rpx;
  838. opacity: 1;
  839. border: 1rpx solid #E0E0E0;
  840. font-size: 30rpx;
  841. font-family: PingFang SC-Medium, PingFang SC;
  842. font-weight: 400;
  843. line-height: 80rpx;
  844. text-align: center;
  845. }
  846. >view:nth-of-type(1){
  847. border-radius: 10rpx 0rpx 0rpx 10rpx;
  848. }
  849. >view:nth-of-type(3){
  850. border-radius: 0rpx 10rpx 10rpx 0rpx;
  851. }
  852. .tiem_quick_a{
  853. background: #0183FA;
  854. color: #FFFFFF;
  855. }
  856. .tiem_quick_b{
  857. background: #F5F5F5;
  858. color: #333333;
  859. }
  860. }
  861. .scope{
  862. display: flex;
  863. justify-content: flex-start;
  864. align-items: center;
  865. margin-top: 26rpx;
  866. .scope_l{
  867. width: 146rpx;
  868. font-size: 30rpx;
  869. font-family: PingFang SC-Medium, PingFang SC;
  870. font-weight: 400;
  871. color: #333333;
  872. line-height: 42rpx;
  873. text-align: left;
  874. }
  875. .scope_r{
  876. flex: 1;
  877. .scope_r_n{
  878. width: 490rpx;
  879. height: 80rpx;
  880. border-radius: 10rpx;
  881. border: 1rpx solid #E0E0E0;
  882. display: flex;
  883. justify-content: flex-start;
  884. align-items: center;
  885. >view{
  886. flex:1;
  887. line-height:80rpx;
  888. margin-left:20rpx;
  889. color: #999999;
  890. font-size:28rpx;
  891. }
  892. >img{
  893. width: 14rpx;
  894. height: 8rpx;
  895. margin-right: 30rpx;
  896. }
  897. }
  898. }
  899. }
  900. .scope_btn{
  901. display: inline-block;
  902. background: #0183FA;
  903. border-radius: 10rpx;
  904. font-size: 30rpx;
  905. font-family: PingFang SC-Medium, PingFang SC;
  906. font-weight: 400;
  907. color: #FFFFFF;
  908. line-height: 80rpx;
  909. text-align: center;
  910. padding: 0 16rpx;
  911. box-sizing: border-box;
  912. margin-top: 40rpx;
  913. margin-left: 146rpx;
  914. }
  915. .scope_text{
  916. margin-left: 146rpx;
  917. font-size: 30rpx;
  918. font-family: PingFang SC-Medium, PingFang SC;
  919. font-weight: 400;
  920. color: #333333;
  921. margin-top: 32rpx;
  922. line-height: 42rpx;
  923. >text{
  924. color: #0183FA;
  925. }
  926. }
  927. }
  928. .attachment{
  929. width: 690rpx;
  930. background: #FFFFFF;
  931. border-radius: 20rpx;
  932. margin-top: 20rpx;
  933. padding-bottom: 32rpx;
  934. box-sizing: border-box;
  935. .attachment_t{
  936. border-bottom: 1rpx solid #D8D8D8;
  937. >text:nth-of-type(1){
  938. font-size: 30rpx;
  939. font-family: PingFang SC-Medium, PingFang SC;
  940. font-weight: 400;
  941. color: #333333;
  942. line-height: 110rpx;
  943. margin-left: 28rpx;
  944. }
  945. >text:nth-of-type(2){
  946. font-size: 30rpx;
  947. font-family: PingFang SC-Medium, PingFang SC;
  948. font-weight: 400;
  949. color: #999999;
  950. line-height: 110rpx;
  951. margin-left: 24rpx;
  952. }
  953. }
  954. .attachment_li{
  955. height: 40rpx;
  956. display: flex;
  957. justify-content: flex-start;
  958. align-items: center;
  959. margin-top: 32rpx;
  960. >img{
  961. width: 30rpx;
  962. height: 26rpx;
  963. margin-right: 20rpx;
  964. margin-left: 50rpx;
  965. }
  966. >text{
  967. flex: 1;
  968. font-size: 28rpx;
  969. font-family: PingFang SC-Medium, PingFang SC;
  970. font-weight: 400;
  971. color: #0183FA;
  972. line-height: 40rpx;
  973. white-space: nowrap;
  974. overflow: hidden;
  975. text-overflow: ellipsis;
  976. }
  977. .attachment_li_del{
  978. width: 30rpx;
  979. height: 30rpx;
  980. }
  981. }
  982. }
  983. .patrol_group{
  984. width: 690rpx;
  985. background: #FFFFFF;
  986. border-radius: 20rpx;
  987. margin-top: 20rpx;
  988. padding: 40rpx 30rpx 64rpx;
  989. box-sizing: border-box;
  990. .patrol{
  991. display: flex;
  992. justify-content: flex-start;
  993. align-items: center;
  994. margin-top: 26rpx;
  995. .patrol_l{
  996. width: 146rpx;
  997. font-size: 30rpx;
  998. font-family: PingFang SC-Medium, PingFang SC;
  999. font-weight: 400;
  1000. color: #333333;
  1001. line-height: 42rpx;
  1002. text-align: left;
  1003. }
  1004. .patrol_r_n{
  1005. width: 490rpx;
  1006. height: 80rpx;
  1007. border-radius: 10rpx;
  1008. border: 1rpx solid #E0E0E0;
  1009. display: flex;
  1010. justify-content: flex-start;
  1011. align-items: center;
  1012. >view{
  1013. flex:1;
  1014. line-height:80rpx;
  1015. margin-left:20rpx;
  1016. color: #999999;
  1017. font-size:28rpx;
  1018. }
  1019. >img{
  1020. width: 14rpx;
  1021. height: 8rpx;
  1022. margin-right: 30rpx;
  1023. }
  1024. }
  1025. }
  1026. .list{
  1027. margin-top: 42rpx;
  1028. .list_title{
  1029. display: flex;
  1030. justify-content: flex-start;
  1031. align-items: center;
  1032. height: 80rpx;
  1033. background: #F5F5F5;
  1034. border-radius: 10rpx 10rpx 0rpx 0rpx;
  1035. font-size: 30rpx;
  1036. font-family: PingFang SC-Medium, PingFang SC;
  1037. font-weight: 400;
  1038. color: #333333;
  1039. line-height: 80rpx;
  1040. >img{
  1041. width: 30rpx;
  1042. height: 30rpx;
  1043. margin: 0 20rpx;
  1044. }
  1045. }
  1046. .list_header{
  1047. display: flex;
  1048. justify-content: flex-start;
  1049. >text{
  1050. flex: 1;
  1051. height: 80rpx;
  1052. background: #F5F5F5;
  1053. font-size: 30rpx;
  1054. font-family: PingFang SC-Medium, PingFang SC;
  1055. font-weight: 400;
  1056. color: #333333;
  1057. line-height: 80rpx;
  1058. text-align: center;
  1059. border: 1rpx solid #E0E0E0;
  1060. }
  1061. >text:nth-of-type(1){
  1062. border-right: none;
  1063. }
  1064. }
  1065. .list_li{
  1066. display: flex;
  1067. justify-content: flex-start;
  1068. >text{
  1069. flex: 1;
  1070. height: 80rpx;
  1071. font-size: 30rpx;
  1072. font-family: PingFang SC-Medium, PingFang SC;
  1073. font-weight: 400;
  1074. color: #333333;
  1075. line-height: 80rpx;
  1076. text-align: center;
  1077. border: 1rpx solid #E0E0E0;
  1078. }
  1079. >text:nth-of-type(1){
  1080. border-right: none;
  1081. border-top: none;
  1082. }
  1083. >text:nth-of-type(2){
  1084. border-top: none;
  1085. }
  1086. }
  1087. .list_bottom{
  1088. flex: 1;
  1089. height: 80rpx;
  1090. font-size: 30rpx;
  1091. font-family: PingFang SC-Medium, PingFang SC;
  1092. font-weight: 400;
  1093. color: #999999;
  1094. line-height: 80rpx;
  1095. text-align: center;
  1096. border: 1rpx solid #E0E0E0;
  1097. border-top: none;
  1098. }
  1099. }
  1100. }
  1101. /* 检查管理----------------------------------------------------------------------------------- */
  1102. /* 切换按钮 */
  1103. .header{
  1104. width:100%;
  1105. position: fixed;
  1106. top: 100rpx;
  1107. z-index: 100;
  1108. .line{
  1109. width: 100%;
  1110. height: 20rpx;
  1111. background: #F5F5F5;
  1112. }
  1113. .tabTitle_tow{
  1114. width:100%;
  1115. height: 100rpx;
  1116. background: #fff;
  1117. display flex;
  1118. justify-content: flex-start;
  1119. align-items: center;
  1120. border-bottom: 1rpx solid #E0E0E0;
  1121. .tabTitle_tow_li{
  1122. position: relative;
  1123. width:146rpx;
  1124. text-align center;
  1125. .tabTitle_tow_text{
  1126. display: inline-block;
  1127. font-size: 30rpx;
  1128. font-family: PingFang SC;
  1129. font-weight: 500;
  1130. color: #333333;
  1131. line-height: 46rpx;
  1132. position: relative;
  1133. &.on{
  1134. color:#0183FA;
  1135. }
  1136. }
  1137. .tabTitle_tow_across{
  1138. width: 50rpx;
  1139. height: 4rpx;
  1140. background: #0183FA;
  1141. border-radius: 2rpx;
  1142. margin-left: 46rpx;
  1143. display none;
  1144. &.on{
  1145. display block;
  1146. }
  1147. }
  1148. }
  1149. }
  1150. .lab_title{
  1151. width: 750rpx;
  1152. height: 100rpx;
  1153. background: #FFFFFF;
  1154. padding: 20rpx 30rpx;
  1155. box-sizing: border-box;
  1156. display: flex;
  1157. justify-content: flex-start;
  1158. .lab_title_l{
  1159. width: 250rpx;
  1160. height: 60rpx;
  1161. margin-right: 20rpx;
  1162. .lab_title_l_n{
  1163. width: 250rpx;
  1164. height: 60rpx;
  1165. border-radius: 10rpx;
  1166. border: 1rpx solid #E0E0E0;
  1167. display: flex;
  1168. justify-content: flex-start;
  1169. align-items: center;
  1170. >view{
  1171. flex:1;
  1172. line-height:60rpx;
  1173. margin-left:20rpx;
  1174. color: #999999;
  1175. font-size:28rpx;
  1176. white-space: nowrap;
  1177. overflow: hidden;
  1178. text-overflow: ellipsis;
  1179. }
  1180. >img{
  1181. width: 14rpx;
  1182. height: 8rpx;
  1183. margin-right: 30rpx;
  1184. }
  1185. }
  1186. }
  1187. .lab_title_r{
  1188. width: 420rpx;
  1189. height: 60rpx;
  1190. position:relative;
  1191. border-radius: 10rpx;
  1192. border: 1rpx solid #E0E0E0;
  1193. .lab_title_r_btn{
  1194. width: 60rpx;
  1195. height: 60rpx
  1196. position: absolute;
  1197. top: 0rpx;
  1198. left:0rpx;
  1199. >img{
  1200. width: 20rpx;
  1201. height: 20rpx;
  1202. position: absolute;
  1203. top: 20rpx;
  1204. left: 24rpx;
  1205. }
  1206. }
  1207. >input{
  1208. width: 274rpx;
  1209. height: 60rpx;
  1210. position: absolute;
  1211. top: 0rpx;
  1212. left: 60rpx;
  1213. }
  1214. .clear{
  1215. width: 60rpx;
  1216. height: 60rpx;
  1217. position: absolute;
  1218. top: 0rpx;
  1219. right:20rpx;
  1220. font-size: 30rpx;
  1221. font-family: PingFang SC-Medium, PingFang SC;
  1222. font-weight: 400;
  1223. color: #0183FA;
  1224. line-height: 60rpx;
  1225. }
  1226. }
  1227. }
  1228. }
  1229. .list_three{
  1230. padding: 0 30rpx;
  1231. box-sizing: border-box;
  1232. margin-top: 240rpx;
  1233. .list_three_li{
  1234. position: relative;
  1235. width: 690rpx;
  1236. height:auto;
  1237. background: #fff;
  1238. border-radius: 10rpx;
  1239. overflow: hidden;
  1240. margin-bottom: 20rpx;
  1241. .list_three_li_t{
  1242. width: 100%;
  1243. position: absolute;
  1244. left: 0;
  1245. top: 0;
  1246. .list_three_li_t_l{
  1247. >img{
  1248. width: 70rpx;
  1249. height: 70rpx;
  1250. }
  1251. >text{
  1252. position: absolute;
  1253. left: -15rpx;
  1254. top: 76rpx;
  1255. display: inline-block;
  1256. width: 30rpx;
  1257. height: 30rpx;
  1258. background: #F5F5F5;
  1259. border-radius: 15rpx;
  1260. }
  1261. }
  1262. .list_three_li_t_c{
  1263. width: 630rpx;
  1264. height: 110rpx;
  1265. position: absolute;
  1266. left: 30rpx;
  1267. top: 0;
  1268. font-size: 30rpx;
  1269. font-family: PingFang SC-Medium, PingFang SC;
  1270. font-weight: 400;
  1271. color: #333333;
  1272. line-height: 110rpx;
  1273. border-bottom: 1rpx dashed #D8D8D8;
  1274. overflow: hidden;
  1275. text-overflow:ellipsis;
  1276. white-space: nowrap;
  1277. padding-right: 120rpx;
  1278. box-sizing: border-box;
  1279. }
  1280. .list_three_li_t_c2{
  1281. position: absolute;
  1282. right: 20rpx;
  1283. top: 38rpx;
  1284. width: 120rpx;
  1285. height: 40rpx;
  1286. font-size: 28rpx;
  1287. font-family: PingFang SC-Medium, PingFang SC;
  1288. font-weight: 400;
  1289. color: #FF5757;
  1290. line-height: 40rpx;
  1291. border: 1rpx solid #FF5757;
  1292. border-radius: 6rpx;
  1293. text-align: center;
  1294. }
  1295. .list_three_li_t_r{
  1296. position: absolute;
  1297. right:-15rpx;
  1298. top: 76rpx;
  1299. width: 30rpx;
  1300. height: 30rpx;
  1301. background:#F5F5F5;
  1302. border-radius: 15rpx;
  1303. }
  1304. }
  1305. .list_three_li_m{
  1306. // position: absolute;
  1307. // top: 110rpx;
  1308. // left: 0;
  1309. width: 690rpx;
  1310. height: 158rpx;
  1311. padding-left: 30rpx;
  1312. box-sizing: border-box;
  1313. margin-top: 110rpx;
  1314. overflow: hidden;
  1315. .list_three_li_m_t{
  1316. font-size: 28rpx;
  1317. font-family: PingFang SC-Medium, PingFang SC;
  1318. font-weight: 400;
  1319. color: #666666;
  1320. line-height: 40rpx;
  1321. margin-top:22rpx;
  1322. }
  1323. .list_three_li_m_b{
  1324. margin-top:26rpx;
  1325. display: flex;
  1326. justify-content: flex-start;
  1327. >text:nth-of-type(1){
  1328. font-size: 26rpx;
  1329. font-family: PingFang SC-Medium, PingFang SC;
  1330. font-weight: 400;
  1331. line-height: 40rpx;
  1332. border-radius: 6rpx;
  1333. padding: 0 20rpx;
  1334. margin-right: 14rpx;
  1335. }
  1336. >text:nth-of-type(2){
  1337. font-size: 26rpx;
  1338. font-family: PingFang SC-Medium, PingFang SC;
  1339. font-weight: 400;
  1340. color: #0183FA;
  1341. line-height: 40rpx;
  1342. padding: 0 8rpx;
  1343. border-radius: 6rpx;
  1344. background: rgba(1,131,250,0.1);
  1345. margin-right: 24rpx;
  1346. }
  1347. >text:nth-of-type(3){
  1348. display: inline-block;
  1349. width: 350rpx;
  1350. font-size: 26rpx;
  1351. font-family: PingFang SC-Medium, PingFang SC;
  1352. font-weight: 400;
  1353. color: #333333;
  1354. line-height: 26rpx;
  1355. overflow: hidden;
  1356. text-overflow:ellipsis;
  1357. white-space: nowrap;
  1358. }
  1359. }
  1360. }
  1361. .list_three_li_b{
  1362. height: 80rpx;
  1363. width: 100%;
  1364. // position: absolute;
  1365. // top: 278rpx;
  1366. // left: 0;
  1367. display: flex;
  1368. justify-content: flex-start;
  1369. align-items: center;
  1370. border-top: 1rpx solid #E0E0E0;
  1371. >img{
  1372. width: 24rpx;
  1373. height: 30rpx;
  1374. margin-right: 26rpx;
  1375. margin-left: 30rpx;
  1376. }
  1377. >text:nth-of-type(1){
  1378. font-size: 28rpx;
  1379. font-family: PingFang SC-Medium, PingFang SC;
  1380. font-weight: 400;
  1381. color: #333333;
  1382. line-height: 28rpx;
  1383. }
  1384. >text:nth-of-type(2){
  1385. flex:1;
  1386. font-size: 28rpx;
  1387. font-family: PingFang SC-Medium, PingFang SC;
  1388. font-weight: 400;
  1389. color: #0183FA;
  1390. line-height: 28rpx;
  1391. white-space: nowrap;
  1392. overflow: hidden;
  1393. text-overflow: ellipsis;
  1394. }
  1395. }
  1396. }
  1397. }
  1398. .bottom_btn{
  1399. position: fixed;
  1400. bottom: 26rpx;
  1401. left: 30rpx;
  1402. font-size: 30rpx;
  1403. font-family: PingFang SC-Medium, PingFang SC;
  1404. font-weight: 400;
  1405. color: #FFFFFF;
  1406. line-height: 90rpx;
  1407. width: 690rpx;
  1408. height: 90rpx;
  1409. background: #0183FA;
  1410. border-radius: 20rpx;
  1411. text-align: center;
  1412. }
  1413. /* 指纹采集 */
  1414. .shade {
  1415. height: 100%;
  1416. width: 100%;
  1417. position: fixed;
  1418. display: flex;
  1419. flex-direction: column;
  1420. z-index: 10;
  1421. background: rgba(0, 0, 0, 0.2);
  1422. .null-box {
  1423. flex: 1;
  1424. }
  1425. .shade_n {
  1426. position: absolute;
  1427. bottom: 0;
  1428. left: 0;
  1429. width: 750rpx;
  1430. height: 560rpx;
  1431. background: #FFFFFF;
  1432. border-radius: 20rpx 20rpx 0rpx 0rpx;
  1433. .shade_n_title{
  1434. height: 100rpx;
  1435. padding: 0 30rpx;
  1436. box-sizing: border-box;
  1437. display: flex;
  1438. justify-content:space-between;
  1439. border-bottom: 1rpx solid #E0E0E0;
  1440. >text:nth-of-type(1){
  1441. font-size: 30rpx;
  1442. font-family: PingFang SC-Medium, PingFang SC;
  1443. font-weight: 400;
  1444. color: #333333;
  1445. line-height: 100rpx;
  1446. }
  1447. >text:nth-of-type(2){
  1448. font-size: 30rpx;
  1449. font-family: PingFang SC-Medium, PingFang SC;
  1450. font-weight: 400;
  1451. color: #0183FA;
  1452. line-height: 100rpx;
  1453. }
  1454. }
  1455. .shade_n_b{
  1456. height: 460rpx;
  1457. padding: 0 30rpx;
  1458. box-sizing: border-box;
  1459. overflow-y: auto;
  1460. .shade_n_b_li{
  1461. display: flex;
  1462. justify-content:space-between;
  1463. align-items: center;
  1464. height: 80rpx;
  1465. border-bottom: 1rpx solid #E0E0E0;
  1466. >text{
  1467. font-size: 28rpx;
  1468. font-family: PingFang SC-Medium, PingFang SC;
  1469. font-weight: 400;
  1470. line-height: 80rpx;
  1471. overflow: hidden;
  1472. text-overflow:ellipsis;
  1473. white-space: nowrap;
  1474. }
  1475. >img{
  1476. width: 24rpx;
  1477. height: 16rpx;
  1478. margin-right: 14rpx;
  1479. }
  1480. }
  1481. .color_A{
  1482. color: #333333;
  1483. }
  1484. .color_B{
  1485. color: #0183FA;
  1486. }
  1487. }
  1488. }
  1489. }
  1490. }
  1491. </style>