patrolPlanAdd.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991
  1. <!-- 安全检查-发起巡查计划 -->
  2. <template>
  3. <view class="examine">
  4. <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
  5. <view class="basics">
  6. <view class="title">
  7. <view class="title_t">计划标题</view>
  8. <textarea class="title_b" type="text" v-model="form.title" maxlength="200" placeholder="请输入检查计划标题" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
  9. </view>
  10. <view class="type">
  11. <view class="type_l">检查组织</view>
  12. <input class="type_r" type="text" v-model="form.checkTypeName" placeholder="" disabled maxlength="20">
  13. </view>
  14. <view class="period">
  15. <view class="period_l">计划周期</view>
  16. <view class="period_r">
  17. <picker mode="date" @change="startChange(form,$event)">
  18. <input class="picker-text" disabled type="text" v-model="form.cycleStartTime" placeholder="开始时间">
  19. </picker>
  20. <view>至</view>
  21. <picker mode="date" @change="endChange(form,$event)">
  22. <input class="picker-text2" disabled type="text" v-model="form.cycleEndTime" placeholder="结束时间">
  23. </picker>
  24. </view>
  25. </view>
  26. <view class="tiem_quick">
  27. <view @click="tiemQuick(index)" :class="item.type?'tiem_quick_a':'tiem_quick_b'" v-for="(item,index) in tiemQuickList">{{item.name}}</view>
  28. </view>
  29. <view class="scope">
  30. <view class="scope_l">检查范围</view>
  31. <picker @change="scopeChange" :value="scopeIndex" :range="scopeArray" class="scope_r">
  32. <view class="scope_r_n">
  33. <view>{{form.checkRange?(form.checkRange==1?'全校':(form.checkRange==2?'学院':'实验室')):'选择检查范围'}}</view>
  34. <img src="@/pages_safetyExamine/images/icon_06.png">
  35. </view>
  36. </picker>
  37. </view>
  38. <view class="scope_btn" v-if="scopeIndex==1 || scopeIndex==2" @click="collegeOrLab()">{{scopeIndex==1?'选择学院':'选择实验室'}}</view>
  39. <view class="scope_text" v-if="scopeIndex==0 || scopeIndex==1">已选择<text>{{form.collegeNum}}</text>个学院,共<text>{{form.subjectNum}}</text>间实验室</view>
  40. <view class="scope_text" v-if="scopeIndex==2">已选择<text>{{form.subjectNum}}</text>间实验室</view>
  41. <view class="scope">
  42. <view class="scope_l">检查类型</view>
  43. <picker @change="categoryChange" :value="categoryIndex" :range="categoryArray" class="scope_r">
  44. <view class="scope_r_n">
  45. <view>{{form.checkCategory==1?'综合检查':(form.checkCategory==2?'专项检查':'请选择检查类型')}}</view>
  46. <img src="@/pages_safetyExamine/images/icon_06.png">
  47. </view>
  48. </picker>
  49. </view>
  50. <view class="content" v-if="form.checkCategory==2">
  51. <view class="content_l">检查内容</view>
  52. <view class="content_r">
  53. <view class="content_r_l" @click="clickContent()">选择检查内容</view>
  54. <view class="content_r_r">已选择<text>{{form.hazardNum}}</text>种</view>
  55. </view>
  56. </view>
  57. <view class="title">
  58. <view class="title_t">检查要求</view>
  59. <textarea class="title_b" type="text" v-model="form.checkDemand" maxlength="100" placeholder="请输入检查要求" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
  60. </view>
  61. </view>
  62. <view class="patrol_group" v-if="form.checkType==1">
  63. <view class="patrol">
  64. <view class="patrol_l">巡查组</view>
  65. <view class="patrol_r_n" @click="patrolChange">
  66. <view>{{form.checkGroupName?form.checkGroupName:'请选择巡查组'}}</view>
  67. <img src="@/pages_safetyExamine/images/icon_06.png">
  68. </view>
  69. </view>
  70. <view class="list">
  71. <view class="list_title"><img src="@/pages_safetyExamine/images/icon_jcjh_cy.png">成员</view>
  72. <view class="list_header"><text>工号</text><text>姓名</text></view>
  73. <view class="list_li" v-for="(item,index) in form.checkMemberDtoList"><text>{{item.jobNum}}</text><text>{{item.name}}</text></view>
  74. <view class="list_bottom" v-if="form.checkMemberDtoList.length==0">无数据</view>
  75. </view>
  76. </view>
  77. </scroll-view>
  78. <view class="bottom_btn" @click="submitForm()">保存</view>
  79. <!-- 选择学院-->
  80. <view class="shade" v-if="dialogVisible">
  81. <view class="null-box" @click="dialogClose()"></view>
  82. <view class="shade_n">
  83. <view class="shade_n_title"><text>选择学院</text><text @click="collegeConfirm">确定</text></view>
  84. <view class="shade_n_b">
  85. <view class="shade_n_b_li" v-for="(item,index) in collegeList" :key="index" @click="collegeSelete(index)">
  86. <text :class="item.type?'color_B':'color_A'">{{item.deptName}}</text>
  87. <img v-if="item.type" src="@/pages_safetyExamine/images/icon_xzwt_xz.png">
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. </view>
  93. </template>
  94. <script>
  95. import { config } from '@/api/request/config.js'
  96. import { checkPlanAdd,conditionCollegeInfo,getAllSubNum,isSCollege} from '@/api/apiDemo/index.js'
  97. export default {
  98. name: "rectifyList",
  99. components: {
  100. },
  101. data() {
  102. return {
  103. pageType:0,
  104. //列表请求参数
  105. getData:{
  106. pageNum:1,
  107. pageSize:20,
  108. },
  109. form:{
  110. title:'',
  111. checkType:'1',//1校院巡查 2实验室自查
  112. checkTypeName:'校院巡查',//1校院巡查 2实验室自查
  113. cycleStartTime:'',
  114. cycleEndTime:'',
  115. checkRange:'',//检查范围 1全校 2学院 3实验室
  116. checkLevel:'',//巡查组层级
  117. seleteListMember:[],//临时存储选中巡查组
  118. checkMemberDtoList:[],//巡查组成员
  119. collegeIds:'',//学院id组
  120. collegeNum:0,//学院数量
  121. subIds:'',//实验室id组
  122. subjectNum:0,//实验室数量
  123. hazardNum:0,//检查设备数量
  124. checkDemand:'',//检查要求
  125. tiemQuickList:[],
  126. scopeIndex:'',//0 全校 1学院 2实验室
  127. seleteListLab:[],
  128. seleteListDevice:[],
  129. groupDataType:'',//巡查组状态 院级/校级
  130. checkCategory:'',//检查类型 1综合检查 2专项检查
  131. },
  132. tiemQuickList:[{name:'本月',type:false},{name:'本季度',type:false},{name:'全年',type:false}],
  133. scopeIndex:0,
  134. scopeArray:['全校','学院','实验室'],
  135. categoryIndex:0,
  136. categoryArray:['综合检查','专项检查'],
  137. dialogVisible:false,
  138. collegeList:[]
  139. }
  140. },
  141. onLoad(option) {
  142. if(option.pageType){
  143. if(option.pageType==1){//校院巡查
  144. this.form.checkType=option.pageType;
  145. this.form.checkTypeName='校院巡查';
  146. uni.setNavigationBarTitle({
  147. title:'发起巡查计划'
  148. })
  149. }else if(option.pageType==2){//实验室自查
  150. this.form.checkType=option.pageType;
  151. this.form.checkTypeName='实验室自查';
  152. uni.setNavigationBarTitle({
  153. title:'发起自查计划'
  154. })
  155. }
  156. }
  157. },
  158. onShow(form) {
  159. if(form){
  160. this.form=JSON.parse(decodeURIComponent(form));
  161. this.tiemQuickList=this.form.tiemQuickList//时间快捷
  162. this.scopeIndex=this.form.scopeIndex//检查范围
  163. }
  164. },
  165. mounted(){
  166. this.isSCollege();
  167. },
  168. methods: {
  169. //滚动事件
  170. scrollGet(){
  171. },
  172. //顶部tab点击
  173. tabClick(index) {
  174. this.curTab = index;
  175. },
  176. //开始时间选中事件
  177. startChange(form,e){
  178. if(new Date(e.target.value).getTime()>new Date(form.cycleEndTime).getTime()){
  179. uni.showToast({
  180. title: '结束时间不能小于开始时间',
  181. icon:"none",
  182. mask:true,
  183. duration: 2000
  184. });
  185. }else{
  186. form.cycleStartTime=e.target.value
  187. this.tiemQuickList.forEach(function(item){
  188. item.type=false;
  189. })
  190. }
  191. },
  192. //结束时间选中事件
  193. endChange(form,e){
  194. if(new Date(form.cycleStartTime).getTime()>new Date(e.target.value).getTime()){
  195. uni.showToast({
  196. title: '结束时间不能小于开始时间',
  197. icon:"none",
  198. mask:true,
  199. duration: 2000
  200. });
  201. }else{
  202. form.cycleEndTime=e.target.value
  203. this.tiemQuickList.forEach(function(item){
  204. item.type=false;
  205. })
  206. }
  207. },
  208. //检查周期快捷
  209. tiemQuick(index){
  210. this.tiemQuickList[index].type = !this.tiemQuickList[index].type
  211. let _this = this;
  212. if (_this.tiemQuickList[index].type == true) {
  213. _this.tiemQuickList.forEach(function(item2) {
  214. if (item2.name == _this.tiemQuickList[index].name) {
  215. item2.type = true
  216. } else {
  217. item2.type = false
  218. }
  219. })
  220. //快捷本月-本季度-全年
  221. _this.timeSlotChange(_this.tiemQuickList[index].name)
  222. }else{
  223. console.log('取消选中')
  224. _this.form.cycleStartTime='';
  225. _this.form.cycleEndTime='';
  226. }
  227. },
  228. //查询当前用户是否是院级
  229. async isSCollege(){
  230. let _this = this;
  231. const {data} = await isSCollege();
  232. if(data.code == 200){
  233. if(data.data.userFlg){
  234. // 院级
  235. this.$set(this,'scopeArray',['学院','实验室']);
  236. this.form.groupDataType=2;
  237. }else{
  238. // 校级
  239. this.$set(this,'scopeArray',['全校','学院','实验室']);
  240. this.form.groupDataType=0;
  241. }
  242. }
  243. },
  244. //检查类型
  245. categoryChange(e){
  246. let _this=this;
  247. if(e.target.value==0){
  248. this.form.checkCategory=1
  249. }else if(e.target.value==1){
  250. this.form.checkCategory=2
  251. }
  252. },
  253. //检查内容
  254. clickContent(){
  255. if(!this.form.collegeNum && !this.form.subjectNum){
  256. uni.showToast({
  257. title: '请先选择检查范围',
  258. icon:"none",
  259. mask:true,
  260. duration: 2000
  261. });
  262. return;
  263. }
  264. this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
  265. this.form.scopeIndex=this.scopeIndex//检查范围
  266. uni.navigateTo({
  267. url: '/pages_safetyExamine/patrolPlan/patrolPlanAddContent?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=1'
  268. });
  269. },
  270. //检查范围
  271. scopeChange(e){
  272. let _this=this;
  273. if(this.scopeArray[e.target.value]=='全校'){
  274. _this.scopeIndex=0;
  275. _this.form.checkRange=1;
  276. }else if(this.scopeArray[e.target.value]=='学院'){
  277. _this.scopeIndex=1;
  278. _this.form.checkRange=2;
  279. }else if(this.scopeArray[e.target.value]=='实验室'){
  280. _this.scopeIndex=2;
  281. _this.form.checkRange=3;
  282. }
  283. if(this.form.subjectNum>0){
  284. uni.showModal({
  285. content: '重新选择会删除现有选择的实验室,是否重选?',
  286. cancelColor:"#999",
  287. confirmColor:"#0183FA",
  288. success: function (res) {
  289. if (res.confirm) {
  290. _this.form.collegeIds ='';
  291. _this.form.collegeNum =0;
  292. _this.form.subIds ='';
  293. _this.form.subjectNum =0;
  294. if(_this.scopeIndex==0){//全校
  295. _this.getAllSubNum();
  296. }else if(_this.scopeIndex==1){//选择学院
  297. _this.conditionCollegeInfo();
  298. }else if(_this.scopeIndex==2){
  299. console.log('选择实验室')
  300. }
  301. } else if (res.cancel) {
  302. }
  303. }
  304. });
  305. }else{
  306. if(_this.scopeIndex==0){//全校
  307. _this.getAllSubNum();
  308. }else if(_this.scopeIndex==1){//选择学院
  309. _this.conditionCollegeInfo();
  310. }else if(_this.scopeIndex==2){
  311. console.log('选择实验室')
  312. }
  313. }
  314. },
  315. timeSlotChange (val) {
  316. let _this=this;
  317. let cycleStartTime, cycleEndTime;
  318. let now = new Date(); //当前日期
  319. let nowDayOfWeek = now.getDay(); //今天本周的第几天
  320. let nowDay = now.getDate(); //当前日
  321. let nowMonth = now.getMonth(); //当前月
  322. let nowYear = now.getFullYear(); //当前年
  323. let jd=Math.ceil((nowMonth + 1) / 3)
  324. switch (val) {
  325. case "本周":
  326. cycleStartTime = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek)
  327. cycleEndTime = new Date(nowYear, nowMonth, nowDay + 6 - nowDayOfWeek)
  328. break;
  329. case "本月":
  330. cycleStartTime = new Date(nowYear, nowMonth, 1)
  331. cycleEndTime = new Date(nowYear, nowMonth + 1, 0)
  332. break;
  333. case "本季度":
  334. cycleStartTime = new Date(nowYear, (jd-1)*3, 1)
  335. cycleEndTime = new Date(nowYear, jd*3, 0)
  336. break
  337. case "全年":
  338. cycleStartTime = new Date(nowYear, 0, 1)
  339. cycleEndTime = new Date(nowYear, 11, 31)
  340. break
  341. }
  342. _this.form.cycleStartTime=_this.formatDateTime(cycleStartTime)
  343. _this.form.cycleEndTime=_this.formatDateTime(cycleEndTime)
  344. },
  345. // 中国标准时间 转换成 年月日
  346. formatDateTime (date) {
  347. var y = date.getFullYear();
  348. var m = date.getMonth() + 1;
  349. m = m < 10 ? ('0' + m) : m;
  350. var d = date.getDate();
  351. d = d < 10 ? ('0' + d) : d;
  352. var h = date.getHours();
  353. var minute = date.getMinutes();
  354. minute = minute < 10 ? ('0' + minute) : minute;
  355. // return y + '-' + m + '-' + d+' '+h+':'+minute;
  356. return y + '-' + m + '-' + d
  357. },
  358. //巡查组
  359. patrolChange(){
  360. this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
  361. this.form.scopeIndex=this.scopeIndex//检查范围
  362. uni.navigateTo({
  363. url: '/pages_safetyExamine/patrolPlan/patrolPlanAddMember?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=1'
  364. });
  365. },
  366. //选择学院或者实验室
  367. collegeOrLab(){
  368. if(this.scopeIndex==1){//学院
  369. this.dialogVisible=true;
  370. }else if(this.scopeIndex==2){//实验室
  371. this.form.tiemQuickList=this.tiemQuickList//检查周期快捷存储
  372. this.form.scopeIndex=this.scopeIndex//检查范围
  373. uni.navigateTo({
  374. url: '/pages_safetyExamine/patrolPlan/patrolPlanAddLab?form='+encodeURIComponent(JSON.stringify(this.form))+'&pageType=1'
  375. });
  376. }
  377. },
  378. //选择学院弹窗关闭
  379. dialogClose(){
  380. this.dialogVisible=false;
  381. },
  382. //选择学院确定
  383. collegeConfirm(){
  384. let _this=this;
  385. this.dialogVisible=false;
  386. let list=[];
  387. let collegeIds=[];
  388. let subjectNum=0;
  389. _this.collegeList.forEach(function(item){
  390. if(item.type==true){
  391. list.push(item)
  392. collegeIds.push(item.deptId);
  393. subjectNum+=item.subNum;
  394. }
  395. })
  396. _this.form.collegeIds=collegeIds.join(',');
  397. _this.form.subjectNum=subjectNum;
  398. _this.form.collegeNum=list.length;
  399. },
  400. //学院选择
  401. collegeSelete(index){
  402. this.collegeList[index].type = !this.collegeList[index].type
  403. },
  404. //查询学院列表
  405. async conditionCollegeInfo(){
  406. let _this = this;
  407. const {data} = await conditionCollegeInfo();
  408. if(data.code == 200){
  409. data.data.forEach(function(item){
  410. item.type=false;
  411. })
  412. _this.collegeList=data.data;
  413. }
  414. },
  415. //查询全校学院和实验室数量
  416. async getAllSubNum(){
  417. let _this = this;
  418. const {data} = await getAllSubNum();
  419. if(data.code == 200){
  420. this.form.collegeNum=data.data.collegeCount
  421. this.form.subjectNum=data.data.subCount
  422. }
  423. },
  424. handleClick(doType){
  425. let self=this;
  426. if( doType=='subBtn'){//
  427. }
  428. },
  429. //巡查计划-添加
  430. async submitForm(){
  431. let _this = this;
  432. if(!_this.form.title){
  433. uni.showToast({
  434. title: '请输入计划标题',
  435. icon:"none",
  436. mask:true,
  437. duration: 2000
  438. });
  439. return;
  440. }
  441. if(!_this.form.cycleStartTime || !_this.form.cycleEndTime){
  442. uni.showToast({
  443. title: '请选择计划周期',
  444. icon:"none",
  445. mask:true,
  446. duration: 2000
  447. });
  448. return;
  449. }
  450. if(!_this.form.checkRange){
  451. uni.showToast({
  452. title: '请选择检查范围',
  453. icon:"none",
  454. mask:true,
  455. duration: 2000
  456. });
  457. return;
  458. }
  459. if(_this.form.checkRange==2 && _this.form.subjectNum==0){
  460. uni.showToast({
  461. title: '请选择学院',
  462. icon:"none",
  463. mask:true,
  464. duration: 2000
  465. });
  466. return;
  467. }
  468. if(_this.form.checkRange==3 && _this.form.subjectNum==0){
  469. uni.showToast({
  470. title: '请选择实验室',
  471. icon:"none",
  472. mask:true,
  473. duration: 2000
  474. });
  475. return;
  476. }
  477. if( _this.form.checkType==1 &&_this.form.checkMemberDtoList.length<=0){
  478. uni.showToast({
  479. title: '请选择巡查组',
  480. icon:"none",
  481. mask:true,
  482. duration: 2000
  483. });
  484. return;
  485. }
  486. const {data} = await checkPlanAdd(_this.form);
  487. if(data.code == 200){
  488. uni.showToast({
  489. title: '提交成功',
  490. icon:"none",
  491. mask:true,
  492. duration: 2000
  493. });
  494. uni.redirectTo({
  495. url: '/pages_safetyExamine/patrolPlan/patrolPlanList?pageType='+this.form.checkType
  496. });
  497. }
  498. },
  499. }
  500. }
  501. </script>
  502. <style lang="stylus" scoped>
  503. .examine{
  504. height:100%;
  505. display flex;
  506. // padding: 0 30rpx;
  507. // box-sizing: border-box;
  508. padding-bottom: 126rpx;
  509. box-sizing: border-box;
  510. .info-max-box{
  511. flex: 1;
  512. overflow: scroll;
  513. padding: 0 30rpx;
  514. box-sizing: border-box;
  515. }
  516. .basics{
  517. width: 690rpx;
  518. background: #FFFFFF;
  519. border-radius: 20rpx;
  520. margin-top: 20rpx;
  521. padding: 60rpx 26rpx 32rpx;
  522. box-sizing: border-box;
  523. .title{
  524. .title_t{
  525. font-size: 30rpx;
  526. font-family: PingFang SC-Medium, PingFang SC;
  527. font-weight: 400;
  528. color: #333333;
  529. line-height: 42rpx;
  530. margin-bottom: 12rpx;
  531. }
  532. .title_b{
  533. width: 636rpx;
  534. height: 150rpx;
  535. border-radius: 10rpx;
  536. opacity: 1;
  537. border: 1rpx solid #E0E0E0;
  538. padding: 26rpx 23rpx;
  539. box-sizing: border-box;
  540. }
  541. }
  542. .type{
  543. display: flex;
  544. justify-content: flex-start;
  545. align-items: center;
  546. margin-top: 20rpx;
  547. .type_l{
  548. width: 146rpx;
  549. font-size: 30rpx;
  550. font-family: PingFang SC-Medium, PingFang SC;
  551. font-weight: 400;
  552. color: #333333;
  553. line-height: 42rpx;
  554. text-align: left;
  555. }
  556. .type_r{
  557. width: 490rpx;
  558. height: 80rpx;
  559. border-radius: 10rpx;
  560. padding-left:22rpx;
  561. box-sizing: border-box;
  562. background: #F5F5F5;
  563. }
  564. }
  565. .period{
  566. display: flex;
  567. justify-content: flex-start;
  568. align-items: center;
  569. margin-top: 26rpx;
  570. .period_l{
  571. width: 146rpx;
  572. font-size: 30rpx;
  573. font-family: PingFang SC-Medium, PingFang SC;
  574. font-weight: 400;
  575. color: #333333;
  576. line-height: 42rpx;
  577. text-align: left;
  578. }
  579. .period_r{
  580. width: 490rpx;
  581. height: 80rpx;
  582. border-radius: 10rpx;
  583. border: 1rpx solid #E0E0E0;
  584. display: flex;
  585. justify-content: flex-start;
  586. align-items: center;
  587. .picker-text{
  588. font-size: 30rpx;
  589. font-family: PingFang SC-Medium, PingFang SC;
  590. font-weight: 400;
  591. color: #999999;
  592. line-height: 80rpx;
  593. width: 230rpx;
  594. text-align: center;
  595. }
  596. .picker-text2{
  597. font-size: 30rpx;
  598. font-family: PingFang SC-Medium, PingFang SC;
  599. font-weight: 400;
  600. color: #999999;
  601. line-height: 80rpx;
  602. width: 230rpx;
  603. text-align: center;
  604. }
  605. }
  606. }
  607. .tiem_quick{
  608. margin-left: 146rpx;
  609. display: flex;
  610. justify-content: flex-start;
  611. margin-top: 20rpx;
  612. >view{
  613. width: 130rpx;
  614. height: 80rpx;
  615. opacity: 1;
  616. border: 1rpx solid #E0E0E0;
  617. font-size: 30rpx;
  618. font-family: PingFang SC-Medium, PingFang SC;
  619. font-weight: 400;
  620. line-height: 80rpx;
  621. text-align: center;
  622. }
  623. >view:nth-of-type(1){
  624. border-radius: 10rpx 0rpx 0rpx 10rpx;
  625. }
  626. >view:nth-of-type(3){
  627. border-radius: 0rpx 10rpx 10rpx 0rpx;
  628. }
  629. .tiem_quick_a{
  630. background: #0183FA;
  631. color: #FFFFFF;
  632. }
  633. .tiem_quick_b{
  634. background: #F5F5F5;
  635. color: #333333;
  636. }
  637. }
  638. .scope{
  639. display: flex;
  640. justify-content: flex-start;
  641. align-items: center;
  642. margin-top: 26rpx;
  643. .scope_l{
  644. width: 146rpx;
  645. font-size: 30rpx;
  646. font-family: PingFang SC-Medium, PingFang SC;
  647. font-weight: 400;
  648. color: #333333;
  649. line-height: 42rpx;
  650. text-align: left;
  651. }
  652. .scope_r{
  653. flex: 1;
  654. .scope_r_n{
  655. width: 490rpx;
  656. height: 80rpx;
  657. border-radius: 10rpx;
  658. border: 1rpx solid #E0E0E0;
  659. display: flex;
  660. justify-content: flex-start;
  661. align-items: center;
  662. >view{
  663. flex:1;
  664. line-height:80rpx;
  665. margin-left:20rpx;
  666. color: #999999;
  667. font-size:28rpx;
  668. }
  669. >img{
  670. width: 14rpx;
  671. height: 8rpx;
  672. margin-right: 30rpx;
  673. }
  674. }
  675. }
  676. }
  677. .content{
  678. display: flex;
  679. justify-content: flex-start;
  680. align-items: center;
  681. margin-top: 26rpx;
  682. .content_l{
  683. width: 146rpx;
  684. font-size: 30rpx;
  685. font-family: PingFang SC-Medium, PingFang SC;
  686. font-weight: 400;
  687. color: #333333;
  688. line-height: 42rpx;
  689. text-align: left;
  690. }
  691. .content_r{
  692. flex: 1;
  693. display: flex;
  694. justify-content: flex-start;
  695. align-items: center;
  696. .content_r_l{
  697. width: 220rpx;
  698. height: 80rpx;
  699. background: #0183FA;
  700. border-radius: 10rpx 10rpx 10rpx 10rpx;
  701. text-align: center;
  702. font-size: 30rpx;
  703. font-family: PingFang SC-Medium, PingFang SC;
  704. font-weight: 400;
  705. color: #FFFFFF;
  706. line-height: 80rpx;
  707. margin-right: 26rpx;
  708. }
  709. .content_r_r{
  710. font-size: 30rpx;
  711. font-family: PingFang SC-Medium, PingFang SC;
  712. font-weight: 400;
  713. color: #333333;
  714. line-height: 42rpx;
  715. >text{
  716. color: #0183FA;
  717. }
  718. }
  719. }
  720. }
  721. .scope_btn{
  722. display: inline-block;
  723. background: #0183FA;
  724. border-radius: 10rpx;
  725. font-size: 30rpx;
  726. font-family: PingFang SC-Medium, PingFang SC;
  727. font-weight: 400;
  728. color: #FFFFFF;
  729. line-height: 80rpx;
  730. text-align: center;
  731. padding: 0 16rpx;
  732. box-sizing: border-box;
  733. margin-top: 40rpx;
  734. margin-left: 146rpx;
  735. }
  736. .scope_text{
  737. margin-left: 146rpx;
  738. font-size: 30rpx;
  739. font-family: PingFang SC-Medium, PingFang SC;
  740. font-weight: 400;
  741. color: #333333;
  742. margin-top: 32rpx;
  743. line-height: 42rpx;
  744. >text{
  745. color: #0183FA;
  746. }
  747. }
  748. }
  749. .patrol_group{
  750. width: 690rpx;
  751. background: #FFFFFF;
  752. border-radius: 20rpx;
  753. margin-top: 20rpx;
  754. padding: 40rpx 30rpx 64rpx;
  755. box-sizing: border-box;
  756. .patrol{
  757. display: flex;
  758. justify-content: flex-start;
  759. align-items: center;
  760. margin-top: 26rpx;
  761. .patrol_l{
  762. width: 146rpx;
  763. font-size: 30rpx;
  764. font-family: PingFang SC-Medium, PingFang SC;
  765. font-weight: 400;
  766. color: #333333;
  767. line-height: 42rpx;
  768. text-align: left;
  769. }
  770. .patrol_r_n{
  771. width: 490rpx;
  772. height: 80rpx;
  773. border-radius: 10rpx;
  774. border: 1rpx solid #E0E0E0;
  775. display: flex;
  776. justify-content: flex-start;
  777. align-items: center;
  778. >view{
  779. flex:1;
  780. line-height:80rpx;
  781. margin-left:20rpx;
  782. color: #999999;
  783. font-size:28rpx;
  784. }
  785. >img{
  786. width: 14rpx;
  787. height: 8rpx;
  788. margin-right: 30rpx;
  789. }
  790. }
  791. }
  792. .list{
  793. margin-top: 42rpx;
  794. .list_title{
  795. display: flex;
  796. justify-content: flex-start;
  797. align-items: center;
  798. height: 80rpx;
  799. background: #F5F5F5;
  800. border-radius: 10rpx 10rpx 0rpx 0rpx;
  801. font-size: 30rpx;
  802. font-family: PingFang SC-Medium, PingFang SC;
  803. font-weight: 400;
  804. color: #333333;
  805. line-height: 80rpx;
  806. >img{
  807. width: 30rpx;
  808. height: 30rpx;
  809. margin: 0 20rpx;
  810. }
  811. }
  812. .list_header{
  813. display: flex;
  814. justify-content: flex-start;
  815. >text{
  816. flex: 1;
  817. height: 80rpx;
  818. background: #F5F5F5;
  819. font-size: 30rpx;
  820. font-family: PingFang SC-Medium, PingFang SC;
  821. font-weight: 400;
  822. color: #333333;
  823. line-height: 80rpx;
  824. text-align: center;
  825. border: 1rpx solid #E0E0E0;
  826. }
  827. >text:nth-of-type(1){
  828. border-right: none;
  829. }
  830. }
  831. .list_li{
  832. display: flex;
  833. justify-content: flex-start;
  834. >text{
  835. flex: 1;
  836. height: 80rpx;
  837. font-size: 30rpx;
  838. font-family: PingFang SC-Medium, PingFang SC;
  839. font-weight: 400;
  840. color: #333333;
  841. line-height: 80rpx;
  842. text-align: center;
  843. border: 1rpx solid #E0E0E0;
  844. }
  845. >text:nth-of-type(1){
  846. border-right: none;
  847. border-top: none;
  848. }
  849. >text:nth-of-type(2){
  850. border-top: none;
  851. }
  852. }
  853. .list_bottom{
  854. flex: 1;
  855. height: 80rpx;
  856. font-size: 30rpx;
  857. font-family: PingFang SC-Medium, PingFang SC;
  858. font-weight: 400;
  859. color: #999999;
  860. line-height: 80rpx;
  861. text-align: center;
  862. border: 1rpx solid #E0E0E0;
  863. border-top: none;
  864. }
  865. }
  866. }
  867. .bottom_btn{
  868. position: fixed;
  869. bottom: 26rpx;
  870. left: 30rpx;
  871. font-size: 30rpx;
  872. font-family: PingFang SC-Medium, PingFang SC;
  873. font-weight: 400;
  874. color: #FFFFFF;
  875. line-height: 90rpx;
  876. width: 690rpx;
  877. height: 90rpx;
  878. background: #0183FA;
  879. border-radius: 20rpx;
  880. text-align: center;
  881. }
  882. /* 指纹采集 */
  883. .shade {
  884. height: 100%;
  885. width: 100%;
  886. position: fixed;
  887. display: flex;
  888. flex-direction: column;
  889. z-index: 10;
  890. background: rgba(0, 0, 0, 0.2);
  891. .null-box {
  892. flex: 1;
  893. }
  894. .shade_n {
  895. position: absolute;
  896. bottom: 0;
  897. left: 0;
  898. width: 750rpx;
  899. height: 560rpx;
  900. background: #FFFFFF;
  901. border-radius: 20rpx 20rpx 0rpx 0rpx;
  902. .shade_n_title{
  903. height: 100rpx;
  904. padding: 0 30rpx;
  905. box-sizing: border-box;
  906. display: flex;
  907. justify-content:space-between;
  908. border-bottom: 1rpx solid #E0E0E0;
  909. >text:nth-of-type(1){
  910. font-size: 30rpx;
  911. font-family: PingFang SC-Medium, PingFang SC;
  912. font-weight: 400;
  913. color: #333333;
  914. line-height: 100rpx;
  915. }
  916. >text:nth-of-type(2){
  917. font-size: 30rpx;
  918. font-family: PingFang SC-Medium, PingFang SC;
  919. font-weight: 400;
  920. color: #0183FA;
  921. line-height: 100rpx;
  922. }
  923. }
  924. .shade_n_b{
  925. height: 460rpx;
  926. padding: 0 30rpx;
  927. box-sizing: border-box;
  928. overflow-y: auto;
  929. .shade_n_b_li{
  930. display: flex;
  931. justify-content:space-between;
  932. align-items: center;
  933. height: 80rpx;
  934. border-bottom: 1rpx solid #E0E0E0;
  935. >text{
  936. font-size: 28rpx;
  937. font-family: PingFang SC-Medium, PingFang SC;
  938. font-weight: 400;
  939. line-height: 80rpx;
  940. overflow: hidden;
  941. text-overflow:ellipsis;
  942. white-space: nowrap;
  943. }
  944. >img{
  945. width: 24rpx;
  946. height: 16rpx;
  947. margin-right: 14rpx;
  948. }
  949. }
  950. .color_A{
  951. color: #333333;
  952. }
  953. .color_B{
  954. color: #0183FA;
  955. }
  956. }
  957. }
  958. }
  959. }
  960. </style>