safetyCardScan.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920
  1. <!-- 安全检查扫一扫 实验室详情 -->
  2. <template>
  3. <view class="safetyCardScan">
  4. <view class="header">
  5. <view class="tabTitle">
  6. <view class="tabTitle_li" @tap="tabClick(index)" :key="index" v-for="(item,index) in tabText">
  7. <view class="tabTitle_text">
  8. <img :src="item.img">
  9. <view
  10. :id="pageType==index&&index==0?'fontColor-A':(pageType==1&&index==1?'fontColor-B':(pageType==2&&index==2?'fontColor-C':''))">
  11. {{item.name}}
  12. </view>
  13. </view>
  14. <view :class="{on:pageType==index}" class="tabTitle_across">
  15. <img src="@/pages_safetyCheck/images/img_xyzc_bg@1x.png">
  16. </view>
  17. <view class="line"></view>
  18. </view>
  19. </view>
  20. </view>
  21. <view class="safetyCard" v-if="pageType==0">
  22. <view class="lab-info">
  23. <img class="lab-info-l" src="@/pages_safetyCheck/images/icon_aqjc_shiyanshi.png">
  24. <view class="lab-info-c">
  25. <view class="lab-info-c-t">
  26. <view class="lab-info-c-t-l">{{newData.subName}}</view>
  27. <view class="lab-info-c-t-r">
  28. <text>{{newData.levelName}}</text>
  29. <text>{{newData.typeName}}</text>
  30. </view>
  31. </view>
  32. <view class="lab-info-c-b">
  33. {{newData.roomNum}}房间&{{newData.buildName}}
  34. </view>
  35. </view>
  36. <view class="lab-info-r">{{newData.subArea}}㎡</view>
  37. </view>
  38. <view class="liability-unit">
  39. <view>学院单位</view>
  40. <view>{{newData.deptName}}</view>
  41. </view>
  42. <view class="small-title-new" @click="unfoldPackUp('subAdminShowType')">
  43. <view>实验室负责人</view>
  44. <uni-icons :type="newData.subAdminShowType?'up':'down'" size="12" color='#A2A2A2'></uni-icons>
  45. </view>
  46. <view class="sub-head" v-if="newData.subAdminShowType">
  47. <view>{{newData.adminName}}</view>
  48. <view @click="callPhone(newData.adminPhone)">
  49. <img src="@/pages_manage/images/icon_aqxxp_dh.png">
  50. <view>{{newData.adminPhone}}</view>
  51. </view>
  52. </view>
  53. <view class="small-title-new" @click="unfoldPackUp('adminShowType')">
  54. <view>安全员</view>
  55. <uni-icons :type="newData.adminShowType?'up':'down'" size="12" color='#A2A2A2'></uni-icons>
  56. </view>
  57. <view v-if="newData.adminShowType">
  58. <view class="sub-head" v-for="(item,index) in newData.safeUserList" :key="index">
  59. <view>{{item.safeUserName}}</view>
  60. <view @click="callPhone(item.safeUserPhone)">
  61. <img src="@/pages_manage/images/icon_aqxxp_dh.png">
  62. <view>{{item.safeUserPhone}}</view>
  63. </view>
  64. </view>
  65. </view>
  66. <view class="classify" v-for="(item,index) in newData.labInfoBrandModels" :key="index">
  67. <view v-if="item.privateList.length>0" class="small-title-new" @click="unfoldPackUp('list',index)">
  68. <view>{{item.brandName}}</view>
  69. <uni-icons :type="item.showType?'up':'down'" size="12" color='#A2A2A2'></uni-icons>
  70. </view>
  71. <view v-if="item.privateList.length>0 && item.brandType==1 && !item.isSpecial&&item.showType">
  72. <view class="small-items-new" v-for="(item2,index2) in item.privateList" :key="index2">
  73. <view>{{index2+1}}. </view>
  74. <view>{{item2.infoName}}</view>
  75. </view>
  76. </view>
  77. <view v-if="item.privateList.length>0 && item.brandType==1 && item.isSpecial&&item.showType">
  78. <view class="small-items-new" v-for="(item2,index2) in item.privateList" :key="index2">
  79. <view></view>
  80. <view>{{item2.infoName}}</view>
  81. </view>
  82. </view>
  83. <view v-if="item.privateList.length>0 && item.brandType==2&&item.showType">
  84. <view class="logotype-img-new">
  85. <img v-for="(item3,index3) in item.privateList" :key="index3" :src="baseUrl+item3.infoContent">
  86. </view>
  87. </view>
  88. </view>
  89. </view>
  90. <view class="position-button-box" v-if="pageType == 0">
  91. <img class="position-button-p-1" @click="goPage('securityCheck')"
  92. src="@/pages_safetyCheck/images/icon_aqjc_anquanjiancha.png">
  93. <img class="position-button-p-2" @click="goPage('snapshot')"
  94. src="@/pages_safetyCheck/images/icon_aqjc_suishoupai.png">
  95. </view>
  96. <view class="shade" v-if="dialogVisible">
  97. <view class="null-box" @click="dialogClose()"></view>
  98. <view class="shade_n">
  99. <view class="title">
  100. <view>检查批次</view>
  101. <img src="@/pages_safetyCheck/images/icon_06.png">
  102. </view>
  103. <view class="batch">
  104. <view class="batch-li" @click="batchClick(item)" v-for="(item,index) in shadeList">
  105. <view class="batch-li-l">
  106. <text>{{item.planTitle}}</text>
  107. </view>
  108. <view class="batch-li-r">
  109. <img src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
  110. </view>
  111. </view>
  112. </view>
  113. </view>
  114. </view>
  115. <!-- 物联控制 -->
  116. <iotControl ref="iotControl" v-if="pageType == 1" :subjectData="subjectData"></iotControl>
  117. <!-- 进出记录 -->
  118. <accessRecord v-if="pageType == 2" :subjectData="subjectData"></accessRecord>
  119. <!-- 语音广播弹窗 -->
  120. <voiceBroadcast v-if="broadcastPage" :subjectData="subjectData"></voiceBroadcast>
  121. <!-- 空调弹窗 -->
  122. <airConditioning v-if="conditioningPage" :airConditioningData="airConditioningData"></airConditioning>
  123. </view>
  124. </template>
  125. <script>
  126. import {
  127. pageRestrictVerify
  128. } from '@/utils/index'
  129. import {
  130. securityAppCheckPlanTitleList,
  131. } from '@/pages_safetyCheck/api/index.js'
  132. import {
  133. iotControl
  134. } from '@/pages_manage/views/laboratory/iotControl.vue'
  135. import {
  136. accessRecord
  137. } from '@/pages_manage/views/laboratory/accessRecord.vue'
  138. import {
  139. voiceBroadcast
  140. } from '@/pages_manage/views/laboratory/voiceBroadcast.vue'
  141. import {
  142. airConditioning
  143. } from '@/pages_manage/views/laboratory/airConditioning.vue'
  144. import {
  145. config
  146. } from '@/api/request/config.js'
  147. import {
  148. } from '@/pages/api/index.js'
  149. export default {
  150. name: "safetyCardScan",
  151. components: {
  152. iotControl,
  153. accessRecord,
  154. voiceBroadcast,
  155. airConditioning,
  156. },
  157. data() {
  158. return {
  159. baseUrl: config.base_url,
  160. pageType: 1,
  161. tabText: [{
  162. name: '安全信息牌',
  163. img: require('@/pages_safetyCheck/images/icon_sys_aqxxp@1x.png'),
  164. },
  165. {
  166. name: '监测控制',
  167. img: require('@/pages_safetyCheck/images/icon_sys_jckz@1x.png'),
  168. },
  169. {
  170. name: '进出记录',
  171. img: require('@/pages_safetyCheck/images/icon_sys_jcjl@1x.png'),
  172. },
  173. ],
  174. pageType: 0,
  175. newData: {
  176. adminName: '',
  177. adminPhone: '',
  178. safeUserList: [],
  179. labInfoBrandModels: [],
  180. },
  181. subjectData: null,
  182. identityData: uni.getStorageSync('identityData'),
  183. //语音广播弹窗
  184. broadcastPage: false,
  185. //空调弹窗
  186. conditioningPage: false,
  187. // 空调弹窗
  188. airConditioningData: null,
  189. saoCodeType: false,
  190. dialogVisible: true,
  191. shadeList: [],
  192. queryParams: {
  193. page: 1,
  194. pageSize: 100,
  195. checkCategory: '', //1校院巡查 2学院自查
  196. },
  197. }
  198. },
  199. // 父页面
  200. onReachBottom() {
  201. uni.$emit('onReachBottom') // 设置监听事件
  202. },
  203. onPullDownRefresh() {
  204. uni.$emit('onPullDownRefresh') // 设置监听事件
  205. },
  206. onLoad(option) {
  207. let newData = JSON.parse(decodeURIComponent(option.infoData));
  208. newData.subAdminShowType = true;
  209. newData.adminShowType = true;
  210. if (newData.labInfoBrandModels) {
  211. for (let i = 0; i < newData.labInfoBrandModels.length; i++) {
  212. newData.labInfoBrandModels[i].showType = true;
  213. }
  214. }
  215. this.$nextTick(() => {
  216. this.$set(this, 'newData', newData);
  217. this.$set(this, 'subjectData', newData);
  218. this.$set(this, 'pageType', 0);
  219. })
  220. },
  221. onShow() {
  222. },
  223. mounted() {
  224. this.securityAppCheckPlanTitleList();
  225. },
  226. methods: {
  227. //查询计划
  228. async securityAppCheckPlanTitleList() {
  229. let self = this;
  230. const {
  231. data
  232. } = await securityAppCheckPlanTitleList(this.queryParams);
  233. if (data.code == 200) {
  234. //this.shadeList = data.data.records;
  235. if (data.data.record[0]) { //一个计划
  236. let planSetId = data.data.record[0]
  237. if (data.data.record[0].checkPlanSetVoList[0]) { //一个批次
  238. let planSetId = data.data.record[0].checkPlanSetVoList[0].planSetId
  239. self.securityAppCheckManageList(planSetId)
  240. }
  241. }
  242. }
  243. },
  244. //检查任务-在此结果里对比实验室Id判断是否有实验室
  245. async securityAppCheckManageList(planSetId) {
  246. let self = this;
  247. let obj = {
  248. page: 1,
  249. pageSize: 20,
  250. planSetId: planSetId,
  251. }
  252. const {
  253. data
  254. } = await securityAppCheckManageList(this.queryParams);
  255. if (data.code == 200) {
  256. //this.shadeList = data.data.records;
  257. data.data.records.forEach(function(item, index) {
  258. if (self.newData.subId == item.subId) {
  259. let manageId = item.manageId
  260. self.securityAppCheckSetOptionList(manageId)
  261. } else {
  262. uni.showToast({
  263. title: '该实验室暂无检查计划!',
  264. icon: "none",
  265. mask: true,
  266. duration: 2000
  267. });
  268. return
  269. }
  270. })
  271. }
  272. },
  273. //查询检查项
  274. async securityAppCheckSetOptionList(manageId) {
  275. let self = this;
  276. let obj = {
  277. page: 1,
  278. pageSize: 20,
  279. checkStatus: '0',
  280. manageId: manageId,
  281. }
  282. const {
  283. data
  284. } = await securityAppCheckManageList(this.queryParams);
  285. if (data.code == 200) {
  286. if (data.data.records[0]) {
  287. let infoData = row;
  288. infoData.pageType = 0;
  289. infoData.itemsStatus = 0;
  290. infoData.subId = data.data.records[0].subId;
  291. infoData.manageId = data.data.records[0].manageId;
  292. infoData.setOptionId = data.data.records[0].setOptionId;
  293. infoData.hazardCheckPro = data.data.records[0].hazardCheckPro;
  294. uni.redirectTo({
  295. url: '/pages_safetyCheck/views/inspectManage/inspectAdd?infoData=' +
  296. encodeURIComponent(
  297. JSON
  298. .stringify(infoData))
  299. });
  300. }
  301. }
  302. },
  303. //拨打电话
  304. callPhone(tel) {
  305. uni.makePhoneCall({
  306. phoneNumber: tel
  307. })
  308. },
  309. goVideoPage() {
  310. console.log('视频')
  311. let obj = {
  312. type: 4,
  313. subId: this.newData.subId
  314. }
  315. uni.navigateTo({
  316. url: '/pages_manage/views/laboratory/videoPlayer?item=' + encodeURIComponent(JSON.stringify(
  317. obj))
  318. });
  319. },
  320. getIotControlData() {
  321. this.$refs['iotControl'].iotAppHardwareFindByType();
  322. },
  323. buttonClick(type, row) {
  324. let self = this;
  325. if (type == 'subDetail') {
  326. //实验室详情
  327. } else if (type == 'broadcastOpen') {
  328. //语音弹窗开启
  329. this.$set(this, 'broadcastPage', true);
  330. } else if (type == 'broadcastClose') {
  331. //语音弹窗关闭
  332. this.$set(this, 'broadcastPage', false);
  333. } else if (type == 'conditioningOpen') {
  334. //空调弹窗开启
  335. this.$set(this, 'airConditioningData', row);
  336. this.$set(this, 'conditioningPage', true);
  337. } else if (type == 'conditioningClose') {
  338. //空调弹窗关闭
  339. this.$set(this, 'conditioningPage', false);
  340. } else if (type == 'back') {
  341. this.$set(this, 'pageType', 2);
  342. }
  343. },
  344. //展开/收起操作
  345. unfoldPackUp(type, index) {
  346. if (type == 'subAdminShowType') {
  347. this.$set(this.newData, 'subAdminShowType', !this.newData.subAdminShowType);
  348. } else if (type == 'adminShowType') {
  349. this.$set(this.newData, 'adminShowType', !this.newData.adminShowType);
  350. } else if (type == 'list') {
  351. this.$set(this.newData.labInfoBrandModels[index], 'showType', !this.newData.labInfoBrandModels[index]
  352. .showType);
  353. }
  354. },
  355. //顶部tab点击
  356. tabClick(index) {
  357. if (this.pageType != index) {
  358. this.$set(this, 'pageType', index);
  359. }
  360. },
  361. goPage(type) {
  362. if (!pageRestrictVerify(type)) {
  363. uni.showToast({
  364. title: '没有相关权限,请联系管理员',
  365. icon: "none",
  366. mask: true,
  367. duration: 2000
  368. });
  369. return
  370. }
  371. if (type == 'securityCheck') {
  372. //安全检查
  373. uni.navigateTo({
  374. url: "/pages_safetyCheck/views/safetyCheck",
  375. });
  376. } else if (type == 'snapshot') {
  377. //随手拍
  378. uni.navigateTo({
  379. url: "/pages_safetyCheck/views/snapshotManage/snapshotList",
  380. });
  381. }
  382. },
  383. }
  384. }
  385. </script>
  386. <style lang="stylus" scoped>
  387. .safetyCardScan {
  388. height: 100%;
  389. #fontColor-A {
  390. color: #00DEDE;
  391. }
  392. #fontColor-B {
  393. color: #FF8C00;
  394. }
  395. #fontColor-C {
  396. color: #0083FD;
  397. }
  398. .header {
  399. height: 192rpx;
  400. width: 100%;
  401. // position: fixed;
  402. // top: 0rpx;
  403. // z-index: 100;
  404. background: #fff;
  405. .tabTitle {
  406. width: 750rpx;
  407. height: 188rpx;
  408. display flex;
  409. justify-content: flex-start;
  410. align-items: center;
  411. border-bottom: 4rpx solid #F5F5F5;
  412. .tabTitle_li {
  413. height: 188rpx;
  414. flex: 1;
  415. position: relative;
  416. text-align center;
  417. .tabTitle_text {
  418. display: flex;
  419. justify-content: center;
  420. flex-direction: column;
  421. align-items: center;
  422. >img {
  423. width: 80rpx;
  424. height: 80rpx;
  425. margin-top: 20rpx;
  426. }
  427. >view:nth-of-type(1) {
  428. font-size: 30rpx;
  429. color: #333333;
  430. line-height: 42rpx;
  431. text-align: left;
  432. margin-top: 10rpx;
  433. }
  434. >view:nth-of-type(2) {
  435. font-size: 24rpx;
  436. color: #666666;
  437. line-height: 34rpx;
  438. text-align: left;
  439. }
  440. position: relative;
  441. &.on {}
  442. }
  443. .line {
  444. width: 2rpx;
  445. height: 40rpx;
  446. background: #D8D8D8;
  447. position: absolute;
  448. top: 40%;
  449. }
  450. .tabTitle_across {
  451. /* width: 50rpx;
  452. height: 4rpx;
  453. background: #0183FA;
  454. border-radius: 2rpx; */
  455. margin-left: 38%;
  456. margin-top: 12rpx;
  457. display none;
  458. >img {
  459. width: 40rpx;
  460. height: 26rpx;
  461. }
  462. &.on {
  463. display block;
  464. }
  465. }
  466. }
  467. }
  468. }
  469. /* 安全信息牌 */
  470. .safetyCard {
  471. padding-bottom: 150rpx;
  472. .lab-info {
  473. background: #FFFFFF;
  474. display: flex;
  475. justify-content: space-between;
  476. .lab-info-l {
  477. width: 80rpx;
  478. height: 80rpx;
  479. background: #0183FA;
  480. border-radius: 10rpx 10rpx 10rpx 10rpx;
  481. margin-left: 30rpx;
  482. margin-top: 30rpx;
  483. }
  484. .lab-info-c {
  485. margin: 24rpx 30rpx 0 20rpx;
  486. flex: 1;
  487. .lab-info-c-t {
  488. display: flex;
  489. justify-content: space-between;
  490. .lab-info-c-t-l {
  491. font-size: 30rpx;
  492. color: #333333;
  493. line-height: 42rpx;
  494. text-align: left;
  495. overflow: hidden;
  496. text-overflow: ellipsis;
  497. white-space: nowrap;
  498. }
  499. .lab-info-c-t-r {
  500. display: flex;
  501. justify-content: flex-start;
  502. background: rgba(255, 0, 0, 0.2);
  503. border-radius: 10rpx 10rpx 10rpx 10rpx;
  504. border: 2rpx solid #FF0000;
  505. width: 180rpx;
  506. height: 40rpx;
  507. margin-left: 10rpx;
  508. >text {
  509. display: inline-block;
  510. flex: 1;
  511. text-align: center;
  512. font-size: 24rpx;
  513. color: #FF0000;
  514. line-height: 40rpx;
  515. text-align: center;
  516. }
  517. >text:nth-of-type(1) {
  518. border-right: 2rpx solid #FF0000;
  519. }
  520. >text:nth-of-type(2) {}
  521. }
  522. }
  523. .lab-info-c-b {
  524. font-size: 30rpx;
  525. color: #666666;
  526. line-height: 42rpx;
  527. text-align: left;
  528. margin-top: 10rpx;
  529. }
  530. }
  531. .lab-info-r {
  532. width: 100rpx;
  533. height: 150rpx;
  534. background: rgba(1, 131, 250, 0.2);
  535. border-radius: 0rpx 0rpx 0rpx 0rpx;
  536. font-size: 28rpx;
  537. color: #0183FA;
  538. line-height: 150rpx;
  539. text-align: center;
  540. }
  541. }
  542. .liability-unit {
  543. width: 750rpx;
  544. height: 80rpx;
  545. background: #FFFFFF;
  546. border-bottom: 1rpx solid #E0E0E0;
  547. padding: 0 30rpx;
  548. box-sizing: border-box;
  549. display: flex;
  550. justify-content: space-between;
  551. margin-top: 14rpx;
  552. >view:nth-of-type(1) {
  553. font-size: 30rpx;
  554. color: #333333;
  555. line-height: 80rpx;
  556. text-align: left;
  557. }
  558. >view:nth-of-type(2) {
  559. font-size: 30rpx;
  560. color: #666666;
  561. line-height: 80rpx;
  562. text-align: left;
  563. }
  564. }
  565. .small-title {
  566. width: 750rpx;
  567. height: 80rpx;
  568. background: #FFFFFF;
  569. border-bottom: 1rpx solid #E0E0E0;
  570. padding: 0 30rpx;
  571. box-sizing: border-box;
  572. display: flex;
  573. justify-content: space-between;
  574. align-items: center;
  575. >view {
  576. font-size: 30rpx;
  577. color: #333333;
  578. line-height: 80rpx;
  579. text-align: left;
  580. }
  581. >img {
  582. width: 24rpx;
  583. height: 12rpx;
  584. }
  585. }
  586. .sub-head {
  587. width: 750rpx;
  588. height: 80rpx;
  589. background: #fff;
  590. padding: 0 30rpx;
  591. box-sizing: border-box;
  592. display: flex;
  593. justify-content: space-between;
  594. align-items: center;
  595. border-bottom: 1rpx solid #E0E0E0;
  596. >view:nth-of-type(1) {
  597. font-family: PingFang SC;
  598. font-weight: 500;
  599. font-size: 30rpx;
  600. color: #666666;
  601. line-height: 30rpx;
  602. }
  603. >view:nth-of-type(2) {
  604. display: flex;
  605. justify-content: flex-end;
  606. align-items: center;
  607. >img {
  608. width: 34rpx;
  609. height: 34rpx;
  610. margin-right: 14rpx;
  611. }
  612. >view {
  613. font-family: PingFang SC;
  614. font-weight: 500;
  615. font-size: 30rpx;
  616. color: #0183FA;
  617. line-height: 30rpx;
  618. }
  619. }
  620. }
  621. .sub-head:last-child {
  622. border-bottom: none;
  623. }
  624. .small-title-new {
  625. width: 750rpx;
  626. height: 80rpx;
  627. background: #FFFFFF;
  628. border-bottom: 1rpx solid #E0E0E0;
  629. padding: 0 30rpx;
  630. box-sizing: border-box;
  631. display: flex;
  632. justify-content: space-between;
  633. align-items: center;
  634. >view {
  635. font-size: 30rpx;
  636. color: #333333;
  637. line-height: 80rpx;
  638. text-align: left;
  639. }
  640. >img {
  641. width: 24rpx;
  642. height: 12rpx;
  643. }
  644. }
  645. .classify {
  646. .small-items-new {
  647. padding-left: 20rpx;
  648. box-sizing: border-box;
  649. background: #fff;
  650. display: flex;
  651. justify-content: flex-start;
  652. padding: 30rpx;
  653. box-sizing: border-box;
  654. border-bottom: 1rpx solid #E0E0E0;
  655. >view:nth-of-type(1) {
  656. color: #999999;
  657. font-weight: 500;
  658. font-size: 28rpx;
  659. margin-right: 12rpx;
  660. line-height: 34rpx;
  661. }
  662. >view:nth-of-type(2) {
  663. display: block;
  664. font-family: PingFang SC;
  665. font-weight: 500;
  666. font-size: 28rpx;
  667. line-height: 34rpx;
  668. color: #999999;
  669. }
  670. }
  671. .logotype-img-new {
  672. padding: 26rpx 0 34rpx 0;
  673. box-sizing: border-box;
  674. background: #fff;
  675. >img {
  676. display: inline-block;
  677. width: 86rpx;
  678. height: 114rpx;
  679. margin-left: 30rpx;
  680. margin-bottom: 20rpx;
  681. }
  682. }
  683. .small-items {
  684. padding-left: 20rpx;
  685. box-sizing: border-box;
  686. background: #fff;
  687. display: flex;
  688. justify-content: flex-start;
  689. padding: 20rpx;
  690. box-sizing: border-box;
  691. >view:nth-of-type(1) {
  692. color: #999999;
  693. font-weight: 500;
  694. font-size: 28rpx;
  695. margin-right: 12rpx;
  696. line-height: 34rpx;
  697. }
  698. >view:nth-of-type(2) {
  699. display: block;
  700. font-family: PingFang SC;
  701. font-weight: 500;
  702. font-size: 28rpx;
  703. line-height: 34rpx;
  704. color: #999999;
  705. }
  706. }
  707. .logotype {
  708. width: 750rpx;
  709. height: 100rpx;
  710. font-family: PingFang SC;
  711. font-weight: 500;
  712. font-size: 32rpx;
  713. color: #333333;
  714. line-height: 100rpx;
  715. padding-left: 20rpx;
  716. box-sizing: border-box;
  717. background: #0183FA;
  718. color: #fff;
  719. }
  720. .logotype-img {
  721. padding: 26rpx 0 34rpx 0;
  722. box-sizing: border-box;
  723. background: #fff;
  724. >img {
  725. display: inline-block;
  726. width: 86rpx;
  727. height: 114rpx;
  728. margin-left: 30rpx;
  729. margin-bottom: 20rpx;
  730. }
  731. }
  732. }
  733. }
  734. .position-button-box {
  735. position: fixed;
  736. bottom: 26rpx;
  737. display: flex;
  738. justify-content: center;
  739. >img {
  740. width: 130rpx;
  741. height: 130rpx;
  742. }
  743. .position-button-p-1 {
  744. margin-left: 174rpx;
  745. margin-right: 120rpx;
  746. }
  747. .position-button-p-2 {}
  748. }
  749. .shade {
  750. height: 100%;
  751. width: 100%;
  752. position: fixed;
  753. display: flex;
  754. flex-direction: column;
  755. z-index: 200;
  756. background: rgba(0, 0, 0, 0.2);
  757. top: 0;
  758. .null-box {
  759. flex: 1;
  760. }
  761. .shade_n {
  762. position: absolute;
  763. bottom: 0;
  764. left: 0;
  765. width: 750rpx;
  766. height: 466rpx;
  767. background: #FFFFFF;
  768. border-radius: 20rpx 20rpx 0rpx 0rpx;
  769. overflow-y: auto;
  770. .title {
  771. display: flex;
  772. justify-content: space-between;
  773. align-items: center;
  774. padding: 0 50rpx 0 284rpx;
  775. box-sizing: border-box;
  776. border-bottom: 1rpx solid #E0E0E0;
  777. >view {
  778. font-size: 30rpx;
  779. color: #3D3D3D;
  780. line-height: 90rpx;
  781. text-align: left;
  782. }
  783. >img {
  784. width: 24rpx;
  785. height: 12rpx;
  786. }
  787. }
  788. .batch {
  789. padding: 0 30rpx;
  790. box-sizing: border-box;
  791. .batch-li {
  792. display: flex;
  793. justify-content: space-between;
  794. align-items: center;
  795. border-bottom: 1rpx solid #E0E0E0;
  796. padding: 20rpx 0 16rpx 0rpx;
  797. box-sizing: border-box;
  798. .batch-li-l {
  799. >text:nth-of-type(1) {
  800. display: block;
  801. font-size: 30rpx;
  802. color: #333333;
  803. line-height: 42rpx;
  804. text-align: left;
  805. }
  806. >text:nth-of-type(2) {
  807. display: block;
  808. font-size: 28rpx;
  809. color: #666666;
  810. line-height: 39rpx;
  811. text-align: left;
  812. margin-top: 6rpx;
  813. }
  814. }
  815. .batch-li-r {
  816. font-size: 28rpx;
  817. color: #666666;
  818. line-height: 39rpx;
  819. text-align: left;
  820. display: flex;
  821. justify-content: flex-start;
  822. align-items: center;
  823. >img {
  824. width: 24rpx;
  825. height: 24rpx;
  826. margin-left: 9rpx;
  827. }
  828. }
  829. }
  830. }
  831. }
  832. }
  833. }
  834. </style>