check_inspection.vue 38 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324
  1. <template>
  2. <view class="uni-container uni-container-bg">
  3. <view class="example container" :style="'height: ' + (screenHeight - 75) + 'px'">
  4. <!-- 下拉框 -->
  5. <view class="u-page__tag-item" style="margin-bottom: 26upx;width: 700upx;border-bottom: 2px solid #55cbbf;">
  6. <u-form>
  7. <u-form-item prop="orgName" @click="
  8. showOrg = true;
  9. hideKeyboard();
  10. " label="单位选择:" labelWidth="120px">
  11. <u--input border="none" disabled v-model="formData.orgName" placeholder="请选择所属单位"></u--input>
  12. <u-icon slot="right" name="arrow-down" class="danwei"></u-icon>
  13. </u-form-item>
  14. </u-form>
  15. </view>
  16. <view class="tops" v-if="!getqrcode">
  17. <view style="display: flex;flex-direction: column;">
  18. <image :src="scan" class="tupian" @click="erWeiMa"></image>
  19. <view style="margin-top: 20rpx;">设施扫码</view>
  20. </view>
  21. <!-- #ifdef H5 -->
  22. <u-popup :show="qrScanShow" mode="center" @close="qrScanClose" @open="qrScanOpen" closeable
  23. :safeAreaInsetTop="true" zoom>
  24. <view class="qr-scan-containner">
  25. <view class="qr-scan-middle">
  26. <view class="qr-scan-title">
  27. 扫码
  28. </view>
  29. <qrcode-stream class="qr-scan-view" @decode="onDecode" />
  30. </view>
  31. </view>
  32. </u-popup>
  33. <!-- <view class="qrcode" v-if="qrcodeShow">
  34. <qrcode-stream @decode="onDecode" />
  35. </view> -->
  36. <!-- #endif -->
  37. <view>
  38. <image :src="Group" @click="
  39. showMCheck = true;
  40. hideKeyboard();
  41. " class="tiantupian"></image>
  42. <view style="margin-top: 20rpx;">手动添加</view>
  43. </view>
  44. </view>
  45. <view class="cont" v-if="!getqrcode">
  46. 主动检查记录
  47. </view>
  48. <view v-if="!getqrcode" class="main-content">
  49. <uni-card v-for="(item, index) in tableData" :key="index">
  50. <view class="titles"><text class="name-align-task">检查项:</text>{{item.inspName}}
  51. <u-icon v-if="item.isdenger==1" name="warning-fill" color="#ff5647" size="28"
  52. :customStyle="{marginTop:'20px',backgroundColor:'#fff'}"></u-icon>
  53. </view>
  54. <view><text class="name-align-task">检查结果:</text>{{item.handleResult}}</view>
  55. <view class="an-niu">
  56. <text><text class="name-align-task">检查时间:</text>{{item.inspectTime}}</text>
  57. <text @click="addClickDetail(item.id)" class="detail">查看详情</text>
  58. </view>
  59. </uni-card>
  60. </view>
  61. </view>
  62. <!-- 扫码弹出层 -->
  63. <u-popup :show="maShow" :round="10" @close="maShow=false">
  64. <view v-if="insTypeData!=''">
  65. <view class="springFarm" v-for="(item,index) in insTypeData" :key="index">
  66. <view class="show-title">设备名称:{{item.fpdName}}</view>
  67. <view class="show-title">设备序列号:{{item.fpdCode}}</view>
  68. <view>
  69. <view class="show-title">设备检查项:</view>
  70. </view>
  71. <view style="display: flex;flex-direction: column;">
  72. <view class="" v-if="item.inspectResultList!=''">
  73. <uni-grid :column="3" :showBorder="false">
  74. <uni-grid-item v-for="(items,indexs) in item.inspectResultList" :key="indexs">
  75. <view class="grid-item-box">
  76. <image :src="items.subValue==1?zhengchang:moren" class="tupians"
  77. @click="normalPopup(items,indexs,index)">
  78. </image>
  79. <text class="text">{{items.subLable}}</text>
  80. </view>
  81. </uni-grid-item>
  82. </uni-grid>
  83. </view>
  84. <!-- <view class="slot-contents" v-if="show2">
  85. <textarea v-model="dangerDescribe" placeholder="请输入隐患描述内容"></textarea>
  86. </view> -->
  87. </view>
  88. <!-- ----扫码选择隐患 -->
  89. <view class="slot-contents" v-if="show2">
  90. <textarea v-model="dangerDescribe" placeholder="请输入隐患描述内容"
  91. @click="popupChoiceDangerFpd('show2')"></textarea>
  92. <u-popup :show="showPopupDanger" :round="10" @close="showPopupDanger=false">
  93. <view style="width: 90vw;overflow-y: auto;margin-bottom: 80rpx;padding:10px">
  94. <text class="text-xl">选择隐患类型:</text>
  95. <view class="" class="person-forward">
  96. <u-checkbox-group v-for="(items, indexs) in choiceDanger" :key="indexs"
  97. placement="column" v-model="items.checkedListDanger"
  98. @change="checkboxChange3(items.name,$event)" activeColor="#4CB2B6"
  99. iconSize="red">
  100. <u-checkbox :customStyle="{marginBottom: '60rpx'}" :label="items.name"
  101. :name="items.name">
  102. </u-checkbox>
  103. </u-checkbox-group>
  104. </view>
  105. <view class="flex flex-direction-row "
  106. style="position: fixed;bottom: 10px;left: 50%;transform: translate(-50%);height: 100rpx;width: 80%">
  107. <u-button shape="circle" type="primary" color="#4CB2B6" text="确定"
  108. @click="checkboxConfirm3()" customStyle="margin-right:20px;padding:0 30px">
  109. </u-button>
  110. <u-button type="primary" plain color="#4CB2B6" text="取消" shape="circle"
  111. @click="checkboxCancel3()" customStyle="padding:0 30px">
  112. </u-button>
  113. </view>
  114. </view>
  115. </u-popup>
  116. </view>
  117. <!-- ----扫码选择隐患 -->
  118. <view class="show-title">
  119. <view class="">巡检拍照:<text style="color:#822e2e;"></text></view>
  120. <view class="">
  121. <image :src="photograph" @click="photoUpload(item)" class="tiantupian"></image>
  122. </view>
  123. <uni-load-more v-show="loading" status="loading" :content-text="contentText" />
  124. </view>
  125. <view class="uni-grid-wraps">
  126. <view style="position: relative;width: 180rpx;float: left;margin: 10rpx 15rpx 0 0rpx;"
  127. v-for="(items,indexs) in item.attUrl" :key="indexs">
  128. <image :src="items" style="width: 160rpx;height: 160rpx;border-radius: 30rpx;float: left;">
  129. <u-icon name="close" color="#4CB2B6" size="19" @click="closeImage(item,indexs,index)">
  130. </u-icon>
  131. </view>
  132. </view>
  133. <view style="width: 60%;position: absolute;left:150rpx;;bottom:60rpx;z-index: 9999;">
  134. <div class="btnList" v-if="show2">
  135. <u-button shape="circle" type="primary" color="#4CB2B6" text="立即处理"
  136. customStyle="margin-right:20%" @click="checkPopupConfirmNow">
  137. </u-button>
  138. <u-button v-if="show2" shape="circle" type="primary" color="#4CB2B6" text="生成隐患"
  139. @click="checkPopupYinHuan">
  140. </u-button>
  141. </div>
  142. <div class="btnList" v-if="!show2">
  143. <u-button shape="circle" type="primary" color="#4CB2B6" text="保存"
  144. customStyle="margin-right:20%" @click="checkPopupConfirm()">
  145. </u-button>
  146. <u-button shape="circle" type="primary" color="#4CB2B6" text="取消" @click="checkPopupCancel">
  147. </u-button>
  148. </div>
  149. </view>
  150. </view>
  151. </view>
  152. <view v-else>
  153. 暂无数据
  154. </view>
  155. </u-popup>
  156. <!-- 手动添加弹出层-->
  157. <u-popup :show="manualPopup" :round="10" @close="manualPopup=false">
  158. <view v-if="checkManualData!=[]">
  159. <view class="springFarm" v-for="(item,index) in checkManualData" :key="index">
  160. <view class="show-title">检查项名称:{{item.inspName}}</view>
  161. <view>
  162. <view class="show-title">设备检查项:</view>
  163. </view>
  164. <view style="display: flex;flex-direction: column;">
  165. <view class="" v-if="item.inspectSubDOList!=''">
  166. <uni-grid :column="3" :showBorder="false">
  167. <uni-grid-item v-for="(items,indexs) in item.inspectSubDOList" :key="indexs">
  168. <view class="grid-item-box">
  169. <image :src="items.isdenger==1?zhengchang:moren" class="tupians"
  170. @click="checkPopupManual(items,indexs,index)">
  171. </image>
  172. <text class="text">{{items.subLable}}</text>
  173. </view>
  174. </uni-grid-item>
  175. </uni-grid>
  176. </view>
  177. <!-- <view class="slot-contents" v-if="showManual">
  178. <textarea v-model="dangerDescribe" placeholder="请输入隐患描述内容"></textarea>
  179. </view> -->
  180. <!-- <view class="slot-contents" @click="descript(index)">
  181. <textarea class="slot-contents" v-model="remark" placeholder="请输入描述内容"></textarea>
  182. </view> -->
  183. </view>
  184. <!-- ----扫码选择隐患 -->
  185. <view class="slot-contents" v-if="showManual">
  186. <textarea v-model="dangerDescribe" placeholder="请输入隐患描述内容"
  187. @click="popupChoiceDangerFpd('Manual')"></textarea>
  188. <u-popup :show="showPopupDanger" :round="10" @close="showPopupDanger=false">
  189. <view style="width: 90vw;overflow-y: auto;margin-bottom: 80rpx;padding:10px">
  190. <text class="text-xl">选择隐患类型:</text>
  191. <view class="" class="person-forward">
  192. <u-checkbox-group v-for="(items, indexs) in choiceDanger" :key="indexs"
  193. placement="column" v-model="items.checkedListDanger"
  194. @change="checkboxChange3(items.name,$event)" activeColor="#4CB2B6"
  195. iconSize="red">
  196. <u-checkbox :customStyle="{marginBottom: '60rpx'}" :label="items.name"
  197. :name="items.name">
  198. </u-checkbox>
  199. </u-checkbox-group>
  200. </view>
  201. <view class="flex flex-direction-row "
  202. style="position: fixed;bottom: 10px;left: 50%;transform: translate(-50%);height: 100rpx;width: 80%">
  203. <u-button shape="circle" type="primary" color="#4CB2B6" text="确定"
  204. @click="checkboxConfirm3()" customStyle="margin-right:20px;padding:0 30px">
  205. </u-button>
  206. <u-button type="primary" plain color="#4CB2B6" text="取消" shape="circle"
  207. @click="checkboxCancel3()" customStyle="padding:0 30px">
  208. </u-button>
  209. </view>
  210. </view>
  211. </u-popup>
  212. </view>
  213. <!-- ----扫码选择隐患 -->
  214. <view class="show-title">
  215. <view class="">巡检拍照:<text style="color:#822e2e;"></text></view>
  216. <view class="">
  217. <image :src="photograph" @click="photoUpload(item)" class="tiantupian"></image> <!-- 加载中 -->
  218. </view>
  219. <uni-load-more v-show="loading" status="loading" :content-text="contentText" />
  220. </view>
  221. <view class="uni-grid-wraps">
  222. <view style="position: relative;width: 180rpx;float: left;margin: 10rpx 15rpx 0 0rpx;"
  223. v-for="(items,indexs) in item.attUrl" :key="indexs">
  224. <image :src="items" style="width: 160rpx;height: 160rpx;border-radius: 30rpx;float: left;">
  225. <u-icon name="close" color="#4CB2B6" size="19" @click="closeImage(item,indexs,index)">
  226. </u-icon>
  227. </view>
  228. </view>
  229. <view style="width: 60%;position: fixed;left:150rpx;;bottom:60rpx;z-index: 9999;">
  230. <div class="btnList" v-if="showManual">
  231. <u-button shape="circle" type="primary" color="#4CB2B6" text="立即处理"
  232. customStyle="margin-right:20%" @click="checkPopupConfirmNow">
  233. </u-button>
  234. <u-button v-if="showManual" shape="circle" type="primary" color="#4CB2B6" text="生成隐患"
  235. @click="checkPopupYinHuan">
  236. </u-button>
  237. </div>
  238. <div class="btnList" v-if="!showManual">
  239. <u-button shape="circle" type="primary" color="#4CB2B6" text="保存"
  240. customStyle="margin-right:20%" @click="checkPopupConfirm()">
  241. </u-button>
  242. <u-button shape="circle" type="primary" color="#4CB2B6" text="取消" @click="checkPopupCancel">
  243. </u-button>
  244. </div>
  245. </view>
  246. </view>
  247. </view>
  248. <view v-else>
  249. 暂无数据
  250. </view>
  251. </u-popup>
  252. <u-modal :show="show5" title="请输入处理结果" @confirm="descriptFpd" @cancel="show5 = false">
  253. <view class="slot-content jieguo">
  254. <textarea v-model="handleResult" placeholder="请输入" />
  255. </view>
  256. </u-modal>
  257. <u-action-sheet :show="showOrg" :actions="actions" title="请选择单位" @close="showOrg = false" @select="sexSelect">
  258. </u-action-sheet>
  259. <u-action-sheet :show="showMCheck" :actions="actionsManual" title="请选择检查项" @close="showMCheck = false">
  260. <view style="margin-bottom: 20rpx;">
  261. <view class="manual-hand">
  262. 手动输入设施编码:
  263. </view>
  264. <view class="manual-hand-item">
  265. <u--input placeholder="请输入设施编号" v-model="manualValue" class="manual-hand-input"></u--input>
  266. <u-button shape="circle" type="primary" color="#4CB2B6" text="确认"
  267. customStyle="width:120rpx;margin-left:2%" @click="manualHandConfirm()">
  268. </u-button>
  269. </view>
  270. </view>
  271. <hr>
  272. <view class="manual-hand">
  273. 选择检查项大类:
  274. </view>
  275. <view v-for="(item,index) in actionsManual" :key="index" @click="SelectMCheck(item)" class="manual">
  276. {{item.name}}
  277. </view>
  278. </u-action-sheet>
  279. </view>
  280. </template>
  281. <script>
  282. // #ifdef H5
  283. import {
  284. QrcodeStream
  285. } from 'vue-qrcode-reader'
  286. // #endif
  287. import {
  288. getInspect, //获取主动检查列表
  289. inspTypeList,
  290. createInspect, //创建主动检查
  291. getInspectInfo, //手动添加的检查项列表
  292. getFpd //根据编码获取设施信息
  293. } from "@/api/check_active";
  294. import loadImage from 'blueimp-load-image';
  295. import {
  296. getAccessToken
  297. } from '@/utils/auth'
  298. import config from '@/config'
  299. import store from "@/store"
  300. const baseUrl = config.baseUrl
  301. const baseUrlImg = config.baseUrlImg
  302. import {
  303. getOrgId //获取orgId
  304. } from '@/api/fire_device';
  305. import {
  306. shijianc
  307. } from '@/utils/common.js'
  308. //隐患弹框--
  309. import {
  310. DICT_TYPE,
  311. getDictDatas
  312. } from '@/utils/dict';
  313. //隐患弹框--
  314. let that = '';
  315. export default {
  316. components: {
  317. // #ifdef H5
  318. QrcodeStream
  319. // #endif
  320. },
  321. data() {
  322. return {
  323. contentText: {
  324. contentrefresh: '上传照片中',
  325. },
  326. screenHeight: this.$screenHeight,
  327. // ----扫码选择隐患
  328. showPopupDanger: false,
  329. dangerDict:getDictDatas(DICT_TYPE.DANGER_RESULT),
  330. choiceDanger: getDictDatas(DICT_TYPE.DANGER_TYPE),
  331. checkedPopupDanger: [], //
  332. // ----扫码选择隐患
  333. manualValue: '', //手动输入的设施编号
  334. manualPopup: false,
  335. scan: `${baseUrlImg}/checkActive/scan.png`,
  336. // 是否开启扫描
  337. qrScanShow: false,
  338. Group: `${baseUrlImg}/checkActive/Group2.png`,
  339. erWeiMaShu: '', //二维码内容对象
  340. tableData: [],
  341. loading: false,
  342. saveImplement: {
  343. attUrl: [],
  344. dangerDescribe: "", //隐患描述
  345. fpdId: "",
  346. fpdResultCreateReqVOList: [], //传的当前事件
  347. hisResultCreateReqVOList: [], //手动检查
  348. handleMethod: "", //处理方式
  349. handleResult: "", //处理结果描述
  350. handleTime: '',
  351. inspectTime: '',
  352. imgUrl1: "",
  353. imgUrl2: "",
  354. imgUrl3: "",
  355. orgId: 0,
  356. taskId: 0,
  357. broadId: 0,
  358. remark: "", //附加描述
  359. isdenger: 0,
  360. },
  361. maShow: false, //扫码后弹框是否展示
  362. manualCheck: false, //手动检查弹框是否显示
  363. actionsManual: [], //手动检查弹框数据
  364. ManualData: [], //手动检查弹框完整数据
  365. checkManualData: [], //手动检查选中的一条检查项数据
  366. showManual: false, //手动检查是否显示描述
  367. showMCheck: false,
  368. insTypeData: '', //扫二维码后出现的消防列表数据内容
  369. moren: `${baseUrlImg}/checkActive/moren.png`, //默认图片
  370. zhengchang: `${baseUrlImg}/checkActive/zhengchang.png`,
  371. show5: false,
  372. remark: '',
  373. photograph: `${baseUrlImg}/checkActive/photograph.png`,
  374. show2: false,
  375. handleResult: '',
  376. dangerDescribe: '',
  377. showOrg: false,
  378. actions: [],
  379. // 每页数据量
  380. pageSize: 10,
  381. // 当前页
  382. pageNo: 1,
  383. // 数据总量
  384. total: 0,
  385. formData: {
  386. orgName: '',
  387. orgId: ''
  388. },
  389. getqrcode: false,
  390. qrcodeShow: false, //h5端扫码是否显示
  391. }
  392. },
  393. watch: {
  394. loading: {
  395. handler(newLength, oldLength) {
  396. this.$modal.isLoadingModel(this.loading)
  397. },
  398. immediate: true
  399. }
  400. },
  401. onShow() {
  402. this.choiceDanger.map(i => {
  403. i.name = i.label;
  404. i.id = i.value;
  405. });
  406. this.tableData = []
  407. this.actions = []
  408. that = this;
  409. getOrgId({
  410. pageNo: this.pageNo,
  411. pageSize: this.pageSize,
  412. userId: this.$store.state.user.id
  413. }).then(response => {
  414. // 取到用户对应的单位名称与id
  415. response.data.map(v => {
  416. this.actions.push({
  417. id: v.dwid,
  418. name: v.orgName
  419. });
  420. });
  421. this.formData.orgName = response.data.length > 0 ? response.data[0].orgName : '' //默认
  422. this.formData.orgId = response.data.length > 0 ? response.data[0].dwid : ''
  423. });
  424. this.getData(1)
  425. this.getInspect()
  426. },
  427. methods: {
  428. // ----扫码选择隐患
  429. popupChoiceDangerFpd(type) {
  430. this.checkedPopupDanger = this.dangerDescribe.split(',')
  431. if (this.checkedPopupDanger.includes('其他')) {
  432. this.showPopupDanger = false
  433. } else {
  434. this.showPopupDanger = true
  435. this.$forceUpdate()
  436. }
  437. this.choiceDanger.map((i, indexs) => { //选中的回显
  438. i.checkedListDanger = []
  439. this.checkedPopupDanger.map(v => {
  440. if (i.name == v) {
  441. this.choiceDanger[indexs].checkedListDanger.push(v)
  442. }
  443. })
  444. })
  445. },
  446. checkboxConfirm3(index) {
  447. this.dangerDescribe = this.checkedPopupDanger.toString()
  448. if (this.dangerDescribe.startsWith(',')) {
  449. this.dangerDescribe =this.dangerDescribe.slice(1);
  450. }
  451. this.showPopupDanger = false
  452. this.$forceUpdate()
  453. },
  454. checkboxCancel3(index) {
  455. this.showPopupDanger = false
  456. this.checkedPopupDanger = []
  457. this.$forceUpdate()
  458. },
  459. checkboxChange3(i, n) { //勾选的事件
  460. if (i && n.length != 0) {
  461. this.checkedPopupDanger.push(i)
  462. } else if (i && n.length == 0) {
  463. this.checkedPopupDanger = this.checkedPopupDanger.filter(item => item != i)
  464. }
  465. },
  466. // ----扫码选择隐患
  467. qrScanOpen() {},
  468. async getInspect() {
  469. const res = await getInspectInfo({
  470. pageNo: 1,
  471. pageSize: 100
  472. })
  473. this.ManualData = res.data.list
  474. this.actionsManual = res.data.list.filter(obj => obj.inspType !== 'fpd').map(obj => {
  475. return {
  476. id: obj.id,
  477. name: obj.inspName
  478. };
  479. })
  480. },
  481. closeImage(item, val, k) { //删除图片---5.25新加--未验证
  482. if (this.manualPopup) { //手动检查
  483. this.checkManualData[0].attUrl.splice(val, 1)
  484. } else { //扫码添加
  485. console.log(item, 'iii');
  486. if (item.fpdType) {
  487. this.insTypeData[k].attUrl.splice(val, 1)
  488. }
  489. // this.tableData[k].attUrl.splice(val, 1)
  490. }
  491. that.$forceUpdate();
  492. },
  493. sexSelect(e) { //单位
  494. this.formData.orgId = e.id;
  495. this.formData.orgName = e.name;
  496. this.tableData = []
  497. this.getData(1)
  498. },
  499. manualHandConfirm() { //手动输入编号确认
  500. console.log(this.manualValue, 'manualValue');
  501. var that = this
  502. getFpd({
  503. fpdCode: this.manualValue
  504. }).then(res => {
  505. if (res.data.list.length > 0) {
  506. inspTypeList({
  507. id: res.data.list[0].id,
  508. fpdCode: this.manualValue
  509. }).then(reponse => {
  510. that.showMCheck = false
  511. that.maShow = true
  512. that.show2 = false
  513. this.manualValue = ''
  514. that.insTypeData = reponse.data.records
  515. that.insTypeData.map(i => i.attUrl = [])
  516. })
  517. } else {
  518. this.$modal.msg('不存在该设备编码,请确认是否输入正确')
  519. }
  520. })
  521. },
  522. SelectMCheck(e) { //手动选择
  523. this.reselt()
  524. this.loading = false
  525. this.checkManualData = this.ManualData.filter(ManualDataItem => {
  526. return ManualDataItem.id == e.id
  527. })
  528. this.showMCheck = false
  529. this.manualPopup = true
  530. this.checkManualData.map(i => {
  531. i.inspectSubDOList.map(v => {
  532. v.isdenger = 0
  533. })
  534. i.isdenger = i.isdenger
  535. i.remark = ''
  536. i.attUrl = []
  537. i.handleMethod = ''
  538. i.handleResult = ''
  539. i.handleTime = ''
  540. i.inspectTime = ''
  541. })
  542. this.remark = ''
  543. console.log(this.checkManualData, 'checkManualData=========', this.ManualData);
  544. },
  545. checkPopupManual(items, indexs, index) { //手动选择
  546. this.checkManualData[0].inspectSubDOList.map(i => {
  547. console.log(i, 'itemtiiejteioti', items);
  548. if (i.id == items.id) {
  549. i.isdenger = i.isdenger === 1 ? 0 : 1;
  550. this.showManual = i.isdenger === 1 ? true : false;
  551. } else {
  552. i.isdenger = 0
  553. this.showManual = false
  554. }
  555. })
  556. this.$forceUpdate()
  557. console.log(this.checkManualData, '1111111111', this.showManual);
  558. },
  559. descript(index) { //隐患描述点击确认
  560. // this.show2 = false
  561. },
  562. getData(pageNo) {
  563. this.loading = true
  564. const id = this.$store.state.user.id
  565. getInspect({
  566. pageNo: pageNo,
  567. pageSize: this.pageSize,
  568. userId: id,
  569. orgId: this.formData.orgId
  570. }).then(response => {
  571. this.loading = false
  572. this.tableData = [...this.tableData, ...response.data.list]
  573. this.dangerDict.map(i=>{
  574. this.tableData.map(k=>{
  575. if(k?.handleResult==i.value){
  576. k.handleResult=i.label
  577. }
  578. })
  579. })
  580. // this.tableData = response.data.list
  581. this.total = response.data.total
  582. })
  583. },
  584. //小程序端扫码
  585. erWeiMa() {
  586. // #ifdef H5
  587. this.qrScanShow = true
  588. // #endif
  589. // #ifdef MP-WEIXIN
  590. var that = this
  591. this.remark = ''
  592. // 只允许从相机扫码
  593. uni.scanCode({
  594. onlyFromCamera: true, //只允许从相机扫码
  595. success: function(res) {
  596. if (res.errMsg == "scanCode:ok") {
  597. console.log('条码内容:' + res.result, JSON.parse(res.result));
  598. let result = JSON.parse(res.result)
  599. console.log('条码内容:', JSON.parse(res.result));
  600. inspTypeList(JSON.parse(res.result)).then(reponse => {
  601. console.log(reponse, 'reponsesssssssssssssss');
  602. if (reponse.code == 0) {
  603. that.maShow = true
  604. that.show2 = false
  605. that.insTypeData = reponse.data.records
  606. that.insTypeData.map(i => {
  607. i.remark = ''
  608. i.attUrl = []
  609. i.handleMethod = ''
  610. i.handleResult = ''
  611. i.handleTime = ''
  612. i.inspectTime = ''
  613. })
  614. }
  615. })
  616. setTimeout(() => {
  617. that.$modal.msgSuccess('扫码成功')
  618. }, 200)
  619. }
  620. },
  621. fail: () => {
  622. that.$modal.msgError('未识别到二维码,请重新尝试!')
  623. }
  624. })
  625. // #endif
  626. },
  627. // #ifdef H5
  628. // 扫码成功后执行函数
  629. onDecode(qrcodeVal) {
  630. this.$modal.msgSuccess('扫码成功', qrcodeVal)
  631. this.qrcodeResault = qrcodeVal
  632. this.qrScanShow = false
  633. let result = JSON.parse(qrcodeVal)
  634. var that = this
  635. inspTypeList(JSON.parse(qrcodeVal)).then(reponse => {
  636. console.log(reponse, 'qrcodeVal');
  637. if (reponse.code == 0) {
  638. that.maShow = true
  639. that.show2 = false
  640. that.insTypeData = reponse.data.records
  641. that.insTypeData.map(i => i.attUrl = [])
  642. }
  643. })
  644. setTimeout(() => {
  645. that.$modal.msgSuccess('扫码成功')
  646. }, 200)
  647. },
  648. // 点击关闭按钮
  649. qrScanClose() {
  650. this.qrScanShow = false
  651. },
  652. onInit(promise) { //未使用
  653. promise
  654. .then(console.log)
  655. .catch(console.error)
  656. },
  657. // #endif
  658. descriptFpd() { //隐患描述点击确认
  659. this.show5 = false
  660. // this.handleResult = this.handleResult
  661. this.handleMethod=this.handleResult
  662. if (this.manualPopup) {
  663. // this.checkManualData[0].handleResult = this.handleResult
  664. this.checkManualData[0].handleMethod= this.handleResult
  665. this.checkManualData[0].handleResult=1
  666. }
  667. this.handleResult =1
  668. this.checkPopupConfirm()
  669. // this.maShow=false
  670. },
  671. checkPopupConfirmNow() {
  672. this.show5 = true
  673. this.handleMethod = "立即处理" //立即整改
  674. console.log(this.checkManualData, 'this.checkManualData');
  675. if (this.manualPopup) {
  676. this.checkManualData[0].handleMethod = "立即处理"
  677. }
  678. },
  679. checkPopupYinHuan() {
  680. this.handleMethod = "生成隐患" //生成隐患
  681. // this.handleResult = "不正常"
  682. this.handleResult = 2
  683. console.log(this.checkManualData, 'this.checkManualData[this.checkManualData[');
  684. if (this.manualPopup) { //手动检查
  685. this.checkManualData[0].handleMethod = "生成隐患"
  686. // this.checkManualData[0].handleResult = "不正常"
  687. this.checkManualData[0].handleResult = 2
  688. }
  689. this.checkPopupConfirm()
  690. },
  691. photoUpload(val) {
  692. let pictures = [];
  693. let that = this;
  694. uni.chooseImage({
  695. sourceType: ['camera'], //实现拍照
  696. count: 3,
  697. sizeType: ['original', 'compressed'],
  698. // sourceType: ['album','camera'], //打开系统相册
  699. success(res) {
  700. that.loading = true
  701. if (Array.isArray(res.tempFilePaths)) { //从相册选择有三张的情况
  702. res.tempFilePaths.forEach(item => {
  703. loadImage(
  704. item,
  705. function(canvas) {
  706. canvas.toBlob(function(blob) {
  707. // 压缩后的 Blob 对象
  708. const compressedFile = blob;
  709. // 将压缩后的文件 `compressedFile` 转换为临时URL
  710. const fileUrl = URL.createObjectURL(
  711. compressedFile);
  712. uni.uploadFile({
  713. url: baseUrl +
  714. '/admin-api/infra/file/upload', //后端用于处理图片并返回图片地址的接口
  715. filePath: item,
  716. name: 'file',
  717. header: {
  718. "Authorization": 'Bearer ' +
  719. getAccessToken(),
  720. }, //请求token
  721. success: (res) => {
  722. let imgUrl = JSON.parse(res
  723. .data)
  724. that.loading = false
  725. //消防设备外(扫一扫下方)展示的图片
  726. //弹出层的消防设备展示的图片
  727. if (that.manualPopup) { //手动检查
  728. that.checkManualData.map(
  729. i => {
  730. i.attUrl.push(
  731. imgUrl
  732. .data)
  733. })
  734. } else { //扫码添加
  735. that.insTypeData.map((i,
  736. index) => {
  737. if (val.id == i
  738. .id) {
  739. i.attUrl
  740. .push(
  741. imgUrl
  742. .data
  743. )
  744. }
  745. })
  746. }
  747. that.$forceUpdate();
  748. // // 返回的url
  749. },
  750. fail: () => {
  751. that.loading = false
  752. console.log("err");
  753. }
  754. })
  755. // 上传完毕后,释放临时URL
  756. URL.revokeObjectURL(fileUrl);
  757. }, 'image/jpeg', 0.6); // 设置压缩后的图片格式为 JPEG,压缩质量为 0.6
  758. }, {
  759. canvas: true,
  760. maxWidth: 800
  761. } // 设置最大宽度为 800px
  762. );
  763. })
  764. }
  765. }
  766. })
  767. },
  768. // 消防设备扫码
  769. normalPopup(items, indexs, index) {
  770. // this.insTypeData.map(k => {
  771. // k.attUrl = []
  772. // })
  773. this.insTypeData[index].inspectResultList.map(k => {
  774. if (k.isNormal == 1) this.nnorNormalValue = k.id
  775. if (this.insTypeData[index].inspectResultList[indexs].isNormal != 1 && this
  776. .insTypeData[index]
  777. .inspectResultList[indexs].subValue != 1) {
  778. // this.show5 = true
  779. this.show2 = true
  780. }
  781. })
  782. let tableItem = this.insTypeData[index].inspectResultList[indexs]
  783. let ALLinspectResultList = this.insTypeData[index].inspectResultList
  784. let YesinspectResultList = []
  785. let NorinspectResultList = []
  786. var Y = ALLinspectResultList.filter(i => i.id == this.nnorNormalValue)
  787. var N = ALLinspectResultList.filter(i => i.id != this.nnorNormalValue)
  788. N.map(n => {
  789. NorinspectResultList.push(n.subValue)
  790. })
  791. Y.map(y => {
  792. YesinspectResultList.push(y.subValue)
  793. })
  794. // items.isdenger = 0 ? 1 : 0
  795. if (NorinspectResultList.includes(1)) { //如果互斥的数组存在true normal!=1的数组
  796. if (tableItem.id == this.nnorNormalValue) {
  797. this.insTypeData[index].inspectResultList.map((i, kindex) => {
  798. if (i.id != this.nnorNormalValue) {
  799. i.subValue = 0
  800. this.show2 = false
  801. } else {
  802. i.subValue = 1
  803. }
  804. })
  805. } else {
  806. items.subValue = items.subValue == 0 ? 1 : 0
  807. this.show2 = false
  808. }
  809. } else {
  810. if (tableItem.id == this.nnorNormalValue) {
  811. items.subValue = items.subValue == 0 ? 1 : 0
  812. } else {
  813. // if (YesinspectResultList.includes(true)) { //是否存在第一份
  814. this.insTypeData[index].inspectResultList.map((i, kindex) => {
  815. if (i.id == this.nnorNormalValue) {
  816. i.subValue = 0
  817. }
  818. })
  819. // }
  820. items.subValue = items.subValue == 0 ? 1 : 0
  821. }
  822. }
  823. },
  824. checkPopupConfirm() { //弹出得到的那一条数据insTypeData的id 弹出保存
  825. if (this.manualPopup) { //手动检查
  826. this.saveImplement = this.checkManualData[0]
  827. this.saveImplement.hisResultCreateReqVOList = this.checkManualData[0].inspectSubDOList
  828. this.saveImplement.dangerDescribe = this.dangerDescribe
  829. this.saveImplement.handleTime = shijianc(new Date().getTime())
  830. this.saveImplement.inspectTime = shijianc(new Date().getTime())
  831. this.saveImplement.remark = this.remark
  832. this.saveImplement.imgUrl1 = this.checkManualData[0].attUrl[0] ? this.checkManualData[0].attUrl[0] :
  833. "";
  834. this.saveImplement.imgUrl2 = this.checkManualData[0].attUrl[1] ? this.checkManualData[0].attUrl[1] :
  835. "";
  836. this.saveImplement.imgUrl3 = this.checkManualData[0].attUrl[2] ? this.checkManualData[0].attUrl[2] :
  837. "";
  838. console.log(this.saveImplement, this.checkManualData, 'this.saveImplement===');
  839. this.saveImplement.hisResultCreateReqVOList.map(z => {
  840. z.resLable = z.subLable
  841. z.resValue = z.isdenger
  842. })
  843. this.saveImplement.inspId = this.saveImplement.id
  844. this.saveImplement.inspectSubDOList.map(i => {
  845. if (i.isdenger == 1 && i.isNormal == 0) { //必传参数,只有该检查项正常为0,那么isdenger==1
  846. this.saveImplement.isdenger = 1
  847. } else {
  848. this.saveImplement.isdenger = 0
  849. }
  850. })
  851. this.saveImplement.orgId = this.formData.orgId
  852. if (!this.saveImplement.dangerDescribe && this.saveImplement.isdenger == 1) return that.$modal
  853. .msgError('请填写隐患描述');
  854. console.log(this.saveImplement, 'this.saveImplement===');
  855. this.baocun(this.saveImplement)
  856. } else { //设施扫码
  857. //this.insTypeData[0]扫二维码后点击出现的一条消防列表数据内容 this.newInsTypeData的多条数据列表
  858. let arr = []
  859. console.log('aaaaaaaaaaaaaa', this.insTypeData);
  860. let normalArr = 0
  861. this.insTypeData[0].inspectResultList.map((i, index) => {
  862. arr.push(i.subValue)
  863. if (i.isNormal == 1) {
  864. normalArr = index //找到正常的所在的index
  865. }
  866. })
  867. if (arr.includes(1)) { //包含了证明勾选了
  868. this.insTypeData.map(i => {
  869. })
  870. this.saveImplement = this.insTypeData
  871. this.saveImplement.map(i => {
  872. i.handleTime = shijianc(new Date().getTime())
  873. i.inspectTime = shijianc(new Date().getTime())
  874. i.orgId = this.formData.orgId
  875. i.dangerDescribe = this.dangerDescribe
  876. i.handleMethod = this.handleMethod
  877. i.remark = this.remark
  878. i.handleResult = this.handleResult
  879. i.fpdId = i.id
  880. i.inspType = "fpd"
  881. i.imgUrl1 = i.attUrl[0] ? i.attUrl[0] : ""
  882. i.imgUrl2 = i.attUrl[1] ? i.attUrl[1] : ""
  883. i.imgUrl3 = i.attUrl[2] ? i.attUrl[2] : ""
  884. i.inspName = i.fpdName
  885. i.inspCode = i.fpdCode
  886. i.inspId = i.id
  887. i.fpdResultCreateReqVOList = i.inspectResultList
  888. i.fpdResultCreateReqVOList.map(z => {
  889. z.broadId = 0
  890. z.fpdId = z.id
  891. z.resLable = z.subLable
  892. z.resValue = z.subValue
  893. z.status = 0
  894. if (z.subValue == 1 && z.isNormal ==
  895. 0) { //必传参数,只有该检查项正常为0,那么isdenger==1
  896. i.isdenger = 1
  897. } else {
  898. i.isdenger = 0
  899. }
  900. })
  901. })
  902. console.log(this.saveImplement, 'this.saveImplement[0]this.saveImplement[0]');
  903. if (!this.saveImplement[0].dangerDescribe && this.saveImplement[0].isdenger == 1) return that
  904. .$modal.msgError('请填写隐患描述');
  905. this.baocun(this.saveImplement[0])
  906. // ----扫码选择隐患
  907. this.description2 = ''
  908. this.show2 = false
  909. } else {
  910. that.$modal.alert('请勾选检查结果')
  911. }
  912. }
  913. },
  914. baocun(val) {
  915. createInspect(JSON.stringify(val)).then(response => {
  916. if (response.data) {
  917. uni.showToast({
  918. title: '提交成功',
  919. icon: 'none',
  920. duration: 2000
  921. })
  922. this.tableData = []
  923. this.getData(1)
  924. this.reselt()
  925. console.log(this.checkManualData, '===================');
  926. this.$forceUpdate()
  927. } else {
  928. this.$modal.msgError('提交失败')
  929. }
  930. })
  931. this.maShow = false
  932. this.manualPopup = false
  933. },
  934. reselt() {
  935. this.dangerDescribe = ''
  936. this.handleResult = ''
  937. this.saveImplement = { //重置
  938. attUrl: [],
  939. dangerDescribe: "", //隐患描述
  940. fpdId: "",
  941. fpdResultCreateReqVOList: [], //传的当前事件
  942. hisResultCreateReqVOList: [],
  943. handleMethod: "", //处理方式
  944. handleResult: "", //处理结果描述
  945. handleTime: "",
  946. inspectTime: "",
  947. imgUrl1: "",
  948. imgUrl2: "",
  949. imgUrl3: "",
  950. orgId: 0,
  951. taskId: 0,
  952. broadId: 0,
  953. remark: "", //附加描述
  954. isdenger: 0,
  955. }
  956. this.checkManualData = [{ //重置
  957. attUrl: [],
  958. dangerDescribe: "", //隐患描述
  959. fpdId: "",
  960. fpdResultCreateReqVOList: [], //传的当前事件
  961. hisResultCreateReqVOList: [],
  962. handleMethod: "", //处理方式
  963. handleResult: "", //处理结果描述
  964. handleTime: "",
  965. inspectTime: "",
  966. imgUrl1: "",
  967. imgUrl2: "",
  968. imgUrl3: "",
  969. orgId: 0,
  970. taskId: 0,
  971. broadId: 0,
  972. remark: "", //附加描述
  973. isdenger: 0,
  974. }]
  975. },
  976. checkPopupCancel() {
  977. this.maShow = false
  978. this.showManual = false
  979. this.manualPopup = false
  980. },
  981. // 隐藏键盘
  982. hideKeyboard() {
  983. uni.hideKeyboard();
  984. },
  985. addClick() {
  986. this.manualCheck = true
  987. },
  988. addClickDetail(val) {
  989. uni.navigateTo({
  990. url: `/pagesA/fire/check_inspection/inspect_detail/inspect_detail?id=${val}`,
  991. success: function(res) {
  992. res.eventChannel.emit('acceptDataFromOpenerPage', val);
  993. }
  994. })
  995. },
  996. },
  997. // 触底的事件
  998. onReachBottom() {
  999. // 判断是否还有下一页数据
  1000. if (this.pageNo * this.pageSize >= this.total) return uni.showToast({
  1001. title: `数据加载完毕`
  1002. })
  1003. // 判断是否正在请求其它数据,如果是,则不发起额外的请求
  1004. if (this.loading) return
  1005. this.pageNo += 1
  1006. this.getData(this.pageNo)
  1007. },
  1008. }
  1009. </script>
  1010. <style>
  1011. page {
  1012. background-color: #F5F7F9;
  1013. }
  1014. </style>
  1015. <style lang="scss" scoped>
  1016. page {
  1017. background-color: #F5F7F9 !important;
  1018. }
  1019. .tops {
  1020. display: flex;
  1021. justify-content: space-between;
  1022. width: 80%;
  1023. margin: 50rpx 10%;
  1024. // 二维码扫描相关样式
  1025. .qr-scan-containner {
  1026. max-width: 600rpx;
  1027. display: flex;
  1028. flex-direction: column;
  1029. justify-content: center;
  1030. align-items: center;
  1031. align-content: center;
  1032. background-color: transparent;
  1033. .qr-scan-middle {
  1034. .qr-scan-title {
  1035. font-size: 30rpx;
  1036. text-align: center;
  1037. padding: 20rpx 0;
  1038. }
  1039. max-width: 100%;
  1040. }
  1041. }
  1042. }
  1043. .tupian {
  1044. width: 95rpx;
  1045. height: 95rpx;
  1046. }
  1047. .tupians {
  1048. width: 45rpx;
  1049. height: 45rpx;
  1050. }
  1051. .tiantupian {
  1052. width: 95rpx;
  1053. height: 95rpx;
  1054. }
  1055. .cont {
  1056. font-size: 16px;
  1057. color: #4CB2B6;
  1058. margin-bottom: 30rpx;
  1059. }
  1060. .text {
  1061. text-align: center;
  1062. color: #000;
  1063. font-size: 26rpx;
  1064. margin-left: 20rpx;
  1065. }
  1066. .text2 {
  1067. text-align: center;
  1068. color: #000;
  1069. font-size: 22rpx;
  1070. margin-top: 10rpx;
  1071. }
  1072. ::v-deep .u-icon__icon {
  1073. margin-right: 0px !important;
  1074. }
  1075. .child {
  1076. margin: 20rpx 0 0 20rpx;
  1077. border-radius: 10rpx;
  1078. .child-new {
  1079. display: flex;
  1080. .child-new-item {
  1081. width: 30%;
  1082. margin-top: 25%;
  1083. transform: translateY(-50px);
  1084. }
  1085. .child-result {
  1086. /deep/.data-v-525ecd67 {
  1087. // width: 130rpx;
  1088. height: 100rpx;
  1089. }
  1090. }
  1091. }
  1092. }
  1093. .titles {
  1094. padding: 20rpx 0;
  1095. color: #383838;
  1096. }
  1097. .grid-item-box {
  1098. display: flex;
  1099. align-items: center;
  1100. justify-content: center;
  1101. padding: 15px 0;
  1102. }
  1103. /deep/ .uni-grid-item {
  1104. height: 140rpx !important;
  1105. }
  1106. /deep/.uni-textarea-textarea {
  1107. border: 1px solid #4CB2B6;
  1108. border-radius: 16rpx;
  1109. }
  1110. .btnList {
  1111. display: flex
  1112. }
  1113. .main-content {
  1114. /deep/.u-icon--right[data-v-172979f2],
  1115. /deep/.u-icon--right.data-v-172979f2,
  1116. .u-icon--right {
  1117. // background-color: #f8f8f8;
  1118. border-radius: 5rpx;
  1119. position: absolute;
  1120. top: -14rpx;
  1121. right: 14rpx;
  1122. }
  1123. }
  1124. /deep/.danwei.u-icon--right[data-v-172979f2],
  1125. /deep/.danwei.u-icon--right.data-v-172979f2,
  1126. .danwei.u-icon--right {
  1127. top: 58rpx !important;
  1128. right: 58rpx !important;
  1129. }
  1130. .uni-grid-wraps {
  1131. margin-left: 60rpx;
  1132. margin-bottom: 480rpx !important;
  1133. // margin-bottom: 200rpx;
  1134. }
  1135. /deep/.u-slide-up-enter-active[data-v-39e33bf2],
  1136. /deep/.u-slide-up-enter-active.data-v-39e33bf2,
  1137. .u-slide-up-enter-active {
  1138. height: 90% !important;
  1139. overflow-y: auto;
  1140. }
  1141. .springFarm {
  1142. margin-left: 40rpx;
  1143. }
  1144. .show-title {
  1145. font-size: 32rpx;
  1146. color: #383838;
  1147. margin: 40rpx 0;
  1148. }
  1149. /deep/.u-modal {
  1150. border: 1px solid #4CB2B6 !important;
  1151. }
  1152. .slot-contents {
  1153. // margin-left: 40rpx;
  1154. margin-bottom: 20rpx;
  1155. border-radius: 1px solid #E5E5E5 !important;
  1156. // background-color: #F0F2F3 !important;
  1157. }
  1158. /deep/ .slot-contents .uni-textarea-textarea {
  1159. border: 1px solid #4CB2B6 !important;
  1160. // background-color: #F0F2F3 !important;
  1161. }
  1162. .jieguo {
  1163. /deep/.uni-textarea-textarea {
  1164. border: none !important
  1165. }
  1166. }
  1167. /deep/ .uni-textarea-placeholder {
  1168. color: #a4a8ab;
  1169. margin-top: 20rpx;
  1170. margin-left: 30rpx;
  1171. }
  1172. .detail {
  1173. // width: 72px;
  1174. // height: 60rpx;
  1175. float: right;
  1176. border-radius: 30px;
  1177. background-color: #F7C41E;
  1178. margin-right: 20rpx;
  1179. text-align: center;
  1180. // line-height: 60rpx;
  1181. padding: 3rpx 15rpx;
  1182. }
  1183. .an-niu {
  1184. display: flex;
  1185. justify-content: space-between;
  1186. }
  1187. /deep/.u-input {
  1188. padding: 4px !important;
  1189. }
  1190. /deep/.canvasBox {
  1191. .box {
  1192. width: 600rpx;
  1193. /* 设置扫码容器宽度 */
  1194. height: 600rpx;
  1195. /* 设置扫码容器高度 */
  1196. }
  1197. }
  1198. .manual {
  1199. font-size: 16px;
  1200. padding: 25rpx 0;
  1201. }
  1202. .manual:last-child{
  1203. font-size: 25px;
  1204. padding: 60rpx 0;
  1205. background-color: red;
  1206. }
  1207. .manual-hand {
  1208. margin-left: 30rpx;
  1209. display: flex;
  1210. font-size: 18px;
  1211. color: #30746b;
  1212. margin: 20rpx;
  1213. }
  1214. .manual-hand-item {
  1215. display: flex;
  1216. width: 90%;
  1217. justify-content: space-between;
  1218. margin-left: 3%;
  1219. /deep/.u-input {
  1220. border: 1px solid #726f74 !important;
  1221. }
  1222. }
  1223. //隐患弹框
  1224. /deep/.u-popup__content {
  1225. overflow-y: auto;
  1226. }
  1227. .text-xl {
  1228. font-size: 18px;
  1229. font-weight: 600;
  1230. }
  1231. .person-forward {
  1232. padding-top: 40rpx;
  1233. display: flex;
  1234. flex-direction: column;
  1235. flex-wrap: wrap;
  1236. overflow-y: auto;
  1237. margin-bottom: 100rpx;
  1238. }
  1239. .example {
  1240. overflow-y: auto;
  1241. }
  1242. /deep/.u-action-sheet {
  1243. height: 80vh;
  1244. background-color: #fff;
  1245. overflow-y: auto;
  1246. }
  1247. </style>vh