check_inspection.vue 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308
  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: absolute;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. choiceDanger: getDictDatas(DICT_TYPE.DANGER_TYPE),
  330. checkedPopupDanger: [], //
  331. // ----扫码选择隐患
  332. manualValue: '', //手动输入的设施编号
  333. manualPopup: false,
  334. scan: `${baseUrlImg}/checkActive/scan.png`,
  335. // 是否开启扫描
  336. qrScanShow: false,
  337. Group: `${baseUrlImg}/checkActive/Group2.png`,
  338. erWeiMaShu: '', //二维码内容对象
  339. tableData: [],
  340. loading: false,
  341. saveImplement: {
  342. attUrl: [],
  343. dangerDescribe: "", //隐患描述
  344. fpdId: "",
  345. fpdResultCreateReqVOList: [], //传的当前事件
  346. hisResultCreateReqVOList: [], //手动检查
  347. handleMethod: "", //处理方式
  348. handleResult: "", //处理结果描述
  349. handleTime: '',
  350. inspectTime: '',
  351. imgUrl1: "",
  352. imgUrl2: "",
  353. imgUrl3: "",
  354. orgId: 0,
  355. taskId: 0,
  356. broadId: 0,
  357. remark: "", //附加描述
  358. isdenger: 0,
  359. },
  360. maShow: false, //扫码后弹框是否展示
  361. manualCheck: false, //手动检查弹框是否显示
  362. actionsManual: [], //手动检查弹框数据
  363. ManualData: [], //手动检查弹框完整数据
  364. checkManualData: [], //手动检查选中的一条检查项数据
  365. showManual: false, //手动检查是否显示描述
  366. showMCheck: false,
  367. insTypeData: '', //扫二维码后出现的消防列表数据内容
  368. moren: `${baseUrlImg}/checkActive/moren.png`, //默认图片
  369. zhengchang: `${baseUrlImg}/checkActive/zhengchang.png`,
  370. show5: false,
  371. remark: '',
  372. photograph: `${baseUrlImg}/checkActive/photograph.png`,
  373. show2: false,
  374. handleResult: '',
  375. dangerDescribe: '',
  376. showOrg: false,
  377. actions: [],
  378. // 每页数据量
  379. pageSize: 10,
  380. // 当前页
  381. pageNo: 1,
  382. // 数据总量
  383. total: 0,
  384. formData: {
  385. orgName: '',
  386. orgId: ''
  387. },
  388. getqrcode: false,
  389. qrcodeShow: false, //h5端扫码是否显示
  390. }
  391. },
  392. watch: {
  393. loading: {
  394. handler(newLength, oldLength) {
  395. this.$modal.isLoadingModel(this.loading)
  396. },
  397. immediate: true
  398. }
  399. },
  400. onShow() {
  401. this.choiceDanger.map(i => {
  402. i.name = i.label;
  403. i.id = i.value;
  404. });
  405. this.tableData = []
  406. this.actions = []
  407. that = this;
  408. getOrgId({
  409. pageNo: this.pageNo,
  410. pageSize: this.pageSize,
  411. userId: this.$store.state.user.id
  412. }).then(response => {
  413. // 取到用户对应的单位名称与id
  414. response.data.map(v => {
  415. this.actions.push({
  416. id: v.dwid,
  417. name: v.orgName
  418. });
  419. });
  420. this.formData.orgName = response.data.length > 0 ? response.data[0].orgName : '' //默认
  421. this.formData.orgId = response.data.length > 0 ? response.data[0].dwid : ''
  422. });
  423. this.getData(1)
  424. this.getInspect()
  425. },
  426. methods: {
  427. // ----扫码选择隐患
  428. popupChoiceDangerFpd(type) {
  429. this.checkedPopupDanger = this.dangerDescribe.split(',')
  430. if (this.checkedPopupDanger.includes('其他')) {
  431. this.showPopupDanger = false
  432. } else {
  433. this.showPopupDanger = true
  434. this.$forceUpdate()
  435. }
  436. this.choiceDanger.map((i, indexs) => { //选中的回显
  437. i.checkedListDanger = []
  438. this.checkedPopupDanger.map(v => {
  439. if (i.name == v) {
  440. this.choiceDanger[indexs].checkedListDanger.push(v)
  441. }
  442. })
  443. })
  444. },
  445. checkboxConfirm3(index) {
  446. this.dangerDescribe = this.checkedPopupDanger.toString()
  447. if (this.dangerDescribe.startsWith(',')) {
  448. this.dangerDescribe =this.dangerDescribe.slice(1);
  449. }
  450. this.showPopupDanger = false
  451. this.$forceUpdate()
  452. },
  453. checkboxCancel3(index) {
  454. this.showPopupDanger = false
  455. this.checkedPopupDanger = []
  456. this.$forceUpdate()
  457. },
  458. checkboxChange3(i, n) { //勾选的事件
  459. if (i && n.length != 0) {
  460. this.checkedPopupDanger.push(i)
  461. } else if (i && n.length == 0) {
  462. this.checkedPopupDanger = this.checkedPopupDanger.filter(item => item != i)
  463. }
  464. },
  465. // ----扫码选择隐患
  466. qrScanOpen() {},
  467. async getInspect() {
  468. const res = await getInspectInfo({
  469. pageNo: 1,
  470. pageSize: 100
  471. })
  472. this.ManualData = res.data.list
  473. this.actionsManual = res.data.list.filter(obj => obj.inspType !== 'fpd').map(obj => {
  474. return {
  475. id: obj.id,
  476. name: obj.inspName
  477. };
  478. })
  479. },
  480. closeImage(item, val, k) { //删除图片---5.25新加--未验证
  481. if (this.manualPopup) { //手动检查
  482. this.checkManualData[0].attUrl.splice(val, 1)
  483. } else { //扫码添加
  484. console.log(item, 'iii');
  485. if (item.fpdType) {
  486. this.insTypeData[k].attUrl.splice(val, 1)
  487. }
  488. // this.tableData[k].attUrl.splice(val, 1)
  489. }
  490. that.$forceUpdate();
  491. },
  492. sexSelect(e) { //单位
  493. this.formData.orgId = e.id;
  494. this.formData.orgName = e.name;
  495. this.tableData = []
  496. this.getData(1)
  497. },
  498. manualHandConfirm() { //手动输入编号确认
  499. console.log(this.manualValue, 'manualValue');
  500. var that = this
  501. getFpd({
  502. fpdCode: this.manualValue
  503. }).then(res => {
  504. if (res.data.list.length > 0) {
  505. inspTypeList({
  506. id: res.data.list[0].id,
  507. fpdCode: this.manualValue
  508. }).then(reponse => {
  509. that.showMCheck = false
  510. that.maShow = true
  511. that.show2 = false
  512. this.manualValue = ''
  513. that.insTypeData = reponse.data.records
  514. that.insTypeData.map(i => i.attUrl = [])
  515. })
  516. } else {
  517. this.$modal.msg('不存在该设备编码,请确认是否输入正确')
  518. }
  519. })
  520. },
  521. SelectMCheck(e) { //手动选择
  522. this.reselt()
  523. this.loading = false
  524. this.checkManualData = this.ManualData.filter(ManualDataItem => {
  525. return ManualDataItem.id == e.id
  526. })
  527. this.showMCheck = false
  528. this.manualPopup = true
  529. this.checkManualData.map(i => {
  530. i.inspectSubDOList.map(v => {
  531. v.isdenger = 0
  532. })
  533. i.isdenger = i.isdenger
  534. i.remark = ''
  535. i.attUrl = []
  536. i.handleMethod = ''
  537. i.handleResult = ''
  538. i.handleTime = ''
  539. i.inspectTime = ''
  540. })
  541. this.remark = ''
  542. console.log(this.checkManualData, 'checkManualData=========', this.ManualData);
  543. },
  544. checkPopupManual(items, indexs, index) { //手动选择
  545. this.checkManualData[0].inspectSubDOList.map(i => {
  546. console.log(i, 'itemtiiejteioti', items);
  547. if (i.id == items.id) {
  548. i.isdenger = i.isdenger === 1 ? 0 : 1;
  549. this.showManual = i.isdenger === 1 ? true : false;
  550. } else {
  551. i.isdenger = 0
  552. this.showManual = false
  553. }
  554. })
  555. this.$forceUpdate()
  556. console.log(this.checkManualData, '1111111111', this.showManual);
  557. },
  558. descript(index) { //隐患描述点击确认
  559. // this.show2 = false
  560. },
  561. getData(pageNo) {
  562. this.loading = true
  563. const id = this.$store.state.user.id
  564. getInspect({
  565. pageNo: pageNo,
  566. pageSize: this.pageSize,
  567. userId: id,
  568. orgId: this.formData.orgId
  569. }).then(response => {
  570. this.loading = false
  571. this.tableData = [...this.tableData, ...response.data.list]
  572. // this.tableData = response.data.list
  573. this.total = response.data.total
  574. })
  575. },
  576. //小程序端扫码
  577. erWeiMa() {
  578. // #ifdef H5
  579. this.qrScanShow = true
  580. // #endif
  581. // #ifdef MP-WEIXIN
  582. var that = this
  583. this.remark = ''
  584. // 只允许从相机扫码
  585. uni.scanCode({
  586. onlyFromCamera: true, //只允许从相机扫码
  587. success: function(res) {
  588. if (res.errMsg == "scanCode:ok") {
  589. console.log('条码内容:' + res.result, JSON.parse(res.result));
  590. let result = JSON.parse(res.result)
  591. console.log('条码内容:', JSON.parse(res.result));
  592. inspTypeList(JSON.parse(res.result)).then(reponse => {
  593. console.log(reponse, 'reponsesssssssssssssss');
  594. if (reponse.code == 0) {
  595. that.maShow = true
  596. that.show2 = false
  597. that.insTypeData = reponse.data.records
  598. that.insTypeData.map(i => {
  599. i.remark = ''
  600. i.attUrl = []
  601. i.handleMethod = ''
  602. i.handleResult = ''
  603. i.handleTime = ''
  604. i.inspectTime = ''
  605. })
  606. }
  607. })
  608. setTimeout(() => {
  609. that.$modal.msgSuccess('扫码成功')
  610. }, 200)
  611. }
  612. },
  613. fail: () => {
  614. that.$modal.msgError('未识别到二维码,请重新尝试!')
  615. }
  616. })
  617. // #endif
  618. },
  619. // #ifdef H5
  620. // 扫码成功后执行函数
  621. onDecode(qrcodeVal) {
  622. this.$modal.msgSuccess('扫码成功', qrcodeVal)
  623. this.qrcodeResault = qrcodeVal
  624. this.qrScanShow = false
  625. let result = JSON.parse(qrcodeVal)
  626. var that = this
  627. inspTypeList(JSON.parse(qrcodeVal)).then(reponse => {
  628. console.log(reponse, 'qrcodeVal');
  629. if (reponse.code == 0) {
  630. that.maShow = true
  631. that.show2 = false
  632. that.insTypeData = reponse.data.records
  633. that.insTypeData.map(i => i.attUrl = [])
  634. }
  635. })
  636. setTimeout(() => {
  637. that.$modal.msgSuccess('扫码成功')
  638. }, 200)
  639. },
  640. // 点击关闭按钮
  641. qrScanClose() {
  642. this.qrScanShow = false
  643. },
  644. onInit(promise) { //未使用
  645. promise
  646. .then(console.log)
  647. .catch(console.error)
  648. },
  649. // #endif
  650. descriptFpd() { //隐患描述点击确认
  651. this.show5 = false
  652. this.handleResult = this.handleResult
  653. if (this.manualPopup) {
  654. this.checkManualData[0].handleResult = this.handleResult
  655. }
  656. this.checkPopupConfirm()
  657. // this.maShow=false
  658. },
  659. checkPopupConfirmNow() {
  660. this.show5 = true
  661. this.handleMethod = "立即处理" //立即整改
  662. console.log(this.checkManualData, 'this.checkManualData');
  663. if (this.manualPopup) {
  664. this.checkManualData[0].handleMethod = "立即处理"
  665. }
  666. },
  667. checkPopupYinHuan() {
  668. this.handleMethod = "生成隐患" //生成隐患
  669. this.handleResult = "不正常"
  670. console.log(this.checkManualData, 'this.checkManualData[this.checkManualData[');
  671. if (this.manualPopup) { //手动检查
  672. this.checkManualData[0].handleMethod = "生成隐患"
  673. this.checkManualData[0].handleResult = "不正常"
  674. }
  675. this.checkPopupConfirm()
  676. },
  677. photoUpload(val) {
  678. let pictures = [];
  679. let that = this;
  680. uni.chooseImage({
  681. sourceType: ['camera'], //实现拍照
  682. count: 3,
  683. sizeType: ['original', 'compressed'],
  684. // sourceType: ['album','camera'], //打开系统相册
  685. success(res) {
  686. that.loading = true
  687. if (Array.isArray(res.tempFilePaths)) { //从相册选择有三张的情况
  688. res.tempFilePaths.forEach(item => {
  689. loadImage(
  690. item,
  691. function(canvas) {
  692. canvas.toBlob(function(blob) {
  693. // 压缩后的 Blob 对象
  694. const compressedFile = blob;
  695. // 将压缩后的文件 `compressedFile` 转换为临时URL
  696. const fileUrl = URL.createObjectURL(
  697. compressedFile);
  698. uni.uploadFile({
  699. url: baseUrl +
  700. '/admin-api/infra/file/upload', //后端用于处理图片并返回图片地址的接口
  701. filePath: item,
  702. name: 'file',
  703. header: {
  704. "Authorization": 'Bearer ' +
  705. getAccessToken(),
  706. }, //请求token
  707. success: (res) => {
  708. let imgUrl = JSON.parse(res
  709. .data)
  710. that.loading = false
  711. //消防设备外(扫一扫下方)展示的图片
  712. //弹出层的消防设备展示的图片
  713. if (that.manualPopup) { //手动检查
  714. that.checkManualData.map(
  715. i => {
  716. i.attUrl.push(
  717. imgUrl
  718. .data)
  719. })
  720. } else { //扫码添加
  721. that.insTypeData.map((i,
  722. index) => {
  723. if (val.id == i
  724. .id) {
  725. i.attUrl
  726. .push(
  727. imgUrl
  728. .data
  729. )
  730. }
  731. })
  732. }
  733. that.$forceUpdate();
  734. // // 返回的url
  735. },
  736. fail: () => {
  737. that.loading = false
  738. console.log("err");
  739. }
  740. })
  741. // 上传完毕后,释放临时URL
  742. URL.revokeObjectURL(fileUrl);
  743. }, 'image/jpeg', 0.6); // 设置压缩后的图片格式为 JPEG,压缩质量为 0.6
  744. }, {
  745. canvas: true,
  746. maxWidth: 800
  747. } // 设置最大宽度为 800px
  748. );
  749. })
  750. }
  751. }
  752. })
  753. },
  754. // 消防设备扫码
  755. normalPopup(items, indexs, index) {
  756. // this.insTypeData.map(k => {
  757. // k.attUrl = []
  758. // })
  759. this.insTypeData[index].inspectResultList.map(k => {
  760. if (k.isNormal == 1) this.nnorNormalValue = k.id
  761. if (this.insTypeData[index].inspectResultList[indexs].isNormal != 1 && this
  762. .insTypeData[index]
  763. .inspectResultList[indexs].subValue != 1) {
  764. // this.show5 = true
  765. this.show2 = true
  766. }
  767. })
  768. let tableItem = this.insTypeData[index].inspectResultList[indexs]
  769. let ALLinspectResultList = this.insTypeData[index].inspectResultList
  770. let YesinspectResultList = []
  771. let NorinspectResultList = []
  772. var Y = ALLinspectResultList.filter(i => i.id == this.nnorNormalValue)
  773. var N = ALLinspectResultList.filter(i => i.id != this.nnorNormalValue)
  774. N.map(n => {
  775. NorinspectResultList.push(n.subValue)
  776. })
  777. Y.map(y => {
  778. YesinspectResultList.push(y.subValue)
  779. })
  780. // items.isdenger = 0 ? 1 : 0
  781. if (NorinspectResultList.includes(1)) { //如果互斥的数组存在true normal!=1的数组
  782. if (tableItem.id == this.nnorNormalValue) {
  783. this.insTypeData[index].inspectResultList.map((i, kindex) => {
  784. if (i.id != this.nnorNormalValue) {
  785. i.subValue = 0
  786. this.show2 = false
  787. } else {
  788. i.subValue = 1
  789. }
  790. })
  791. } else {
  792. items.subValue = items.subValue == 0 ? 1 : 0
  793. this.show2 = false
  794. }
  795. } else {
  796. if (tableItem.id == this.nnorNormalValue) {
  797. items.subValue = items.subValue == 0 ? 1 : 0
  798. } else {
  799. // if (YesinspectResultList.includes(true)) { //是否存在第一份
  800. this.insTypeData[index].inspectResultList.map((i, kindex) => {
  801. if (i.id == this.nnorNormalValue) {
  802. i.subValue = 0
  803. }
  804. })
  805. // }
  806. items.subValue = items.subValue == 0 ? 1 : 0
  807. }
  808. }
  809. },
  810. checkPopupConfirm() { //弹出得到的那一条数据insTypeData的id 弹出保存
  811. if (this.manualPopup) { //手动检查
  812. this.saveImplement = this.checkManualData[0]
  813. this.saveImplement.hisResultCreateReqVOList = this.checkManualData[0].inspectSubDOList
  814. this.saveImplement.dangerDescribe = this.dangerDescribe
  815. this.saveImplement.handleTime = shijianc(new Date().getTime())
  816. this.saveImplement.inspectTime = shijianc(new Date().getTime())
  817. this.saveImplement.remark = this.remark
  818. this.saveImplement.imgUrl1 = this.checkManualData[0].attUrl[0] ? this.checkManualData[0].attUrl[0] :
  819. "";
  820. this.saveImplement.imgUrl2 = this.checkManualData[0].attUrl[1] ? this.checkManualData[0].attUrl[1] :
  821. "";
  822. this.saveImplement.imgUrl3 = this.checkManualData[0].attUrl[2] ? this.checkManualData[0].attUrl[2] :
  823. "";
  824. console.log(this.saveImplement, this.checkManualData, 'this.saveImplement===');
  825. this.saveImplement.hisResultCreateReqVOList.map(z => {
  826. z.resLable = z.subLable
  827. z.resValue = z.isdenger
  828. })
  829. this.saveImplement.inspId = this.saveImplement.id
  830. this.saveImplement.inspectSubDOList.map(i => {
  831. if (i.isdenger == 1 && i.isNormal == 0) { //必传参数,只有该检查项正常为0,那么isdenger==1
  832. this.saveImplement.isdenger = 1
  833. } else {
  834. this.saveImplement.isdenger = 0
  835. }
  836. })
  837. this.saveImplement.orgId = this.formData.orgId
  838. if (!this.saveImplement.dangerDescribe && this.saveImplement.isdenger == 1) return that.$modal
  839. .msgError('请填写隐患描述');
  840. console.log(this.saveImplement, 'this.saveImplement===');
  841. this.baocun(this.saveImplement)
  842. } else { //设施扫码
  843. //this.insTypeData[0]扫二维码后点击出现的一条消防列表数据内容 this.newInsTypeData的多条数据列表
  844. let arr = []
  845. console.log('aaaaaaaaaaaaaa', this.insTypeData);
  846. let normalArr = 0
  847. this.insTypeData[0].inspectResultList.map((i, index) => {
  848. arr.push(i.subValue)
  849. if (i.isNormal == 1) {
  850. normalArr = index //找到正常的所在的index
  851. }
  852. })
  853. if (arr.includes(1)) { //包含了证明勾选了
  854. this.insTypeData.map(i => {
  855. })
  856. this.saveImplement = this.insTypeData
  857. this.saveImplement.map(i => {
  858. i.handleTime = shijianc(new Date().getTime())
  859. i.inspectTime = shijianc(new Date().getTime())
  860. i.orgId = this.formData.orgId
  861. i.dangerDescribe = this.dangerDescribe
  862. i.handleMethod = this.handleMethod
  863. i.remark = this.remark
  864. i.handleResult = this.handleResult
  865. i.fpdId = i.id
  866. i.inspType = "fpd"
  867. i.imgUrl1 = i.attUrl[0] ? i.attUrl[0] : ""
  868. i.imgUrl2 = i.attUrl[1] ? i.attUrl[1] : ""
  869. i.imgUrl3 = i.attUrl[2] ? i.attUrl[2] : ""
  870. i.inspName = i.fpdName
  871. i.inspCode = i.fpdCode
  872. i.inspId = i.id
  873. i.fpdResultCreateReqVOList = i.inspectResultList
  874. i.fpdResultCreateReqVOList.map(z => {
  875. z.broadId = 0
  876. z.fpdId = z.id
  877. z.resLable = z.subLable
  878. z.resValue = z.subValue
  879. z.status = 0
  880. if (z.subValue == 1 && z.isNormal ==
  881. 0) { //必传参数,只有该检查项正常为0,那么isdenger==1
  882. i.isdenger = 1
  883. } else {
  884. i.isdenger = 0
  885. }
  886. })
  887. })
  888. console.log(this.saveImplement, 'this.saveImplement[0]this.saveImplement[0]');
  889. if (!this.saveImplement[0].dangerDescribe && this.saveImplement[0].isdenger == 1) return that
  890. .$modal.msgError('请填写隐患描述');
  891. this.baocun(this.saveImplement[0])
  892. // ----扫码选择隐患
  893. this.description2 = ''
  894. this.show2 = false
  895. } else {
  896. that.$modal.alert('请勾选检查结果')
  897. }
  898. }
  899. },
  900. baocun(val) {
  901. createInspect(JSON.stringify(val)).then(response => {
  902. if (response.data) {
  903. uni.showToast({
  904. title: '提交成功',
  905. icon: 'none',
  906. duration: 2000
  907. })
  908. this.tableData = []
  909. this.getData(1)
  910. this.reselt()
  911. console.log(this.checkManualData, '===================');
  912. this.$forceUpdate()
  913. } else {
  914. this.$modal.msgError('提交失败')
  915. }
  916. })
  917. this.maShow = false
  918. this.manualPopup = false
  919. },
  920. reselt() {
  921. this.dangerDescribe = ''
  922. this.handleResult = ''
  923. this.saveImplement = { //重置
  924. attUrl: [],
  925. dangerDescribe: "", //隐患描述
  926. fpdId: "",
  927. fpdResultCreateReqVOList: [], //传的当前事件
  928. hisResultCreateReqVOList: [],
  929. handleMethod: "", //处理方式
  930. handleResult: "", //处理结果描述
  931. handleTime: "",
  932. inspectTime: "",
  933. imgUrl1: "",
  934. imgUrl2: "",
  935. imgUrl3: "",
  936. orgId: 0,
  937. taskId: 0,
  938. broadId: 0,
  939. remark: "", //附加描述
  940. isdenger: 0,
  941. }
  942. this.checkManualData = [{ //重置
  943. attUrl: [],
  944. dangerDescribe: "", //隐患描述
  945. fpdId: "",
  946. fpdResultCreateReqVOList: [], //传的当前事件
  947. hisResultCreateReqVOList: [],
  948. handleMethod: "", //处理方式
  949. handleResult: "", //处理结果描述
  950. handleTime: "",
  951. inspectTime: "",
  952. imgUrl1: "",
  953. imgUrl2: "",
  954. imgUrl3: "",
  955. orgId: 0,
  956. taskId: 0,
  957. broadId: 0,
  958. remark: "", //附加描述
  959. isdenger: 0,
  960. }]
  961. },
  962. checkPopupCancel() {
  963. this.maShow = false
  964. this.showManual = false
  965. this.manualPopup = false
  966. },
  967. // 隐藏键盘
  968. hideKeyboard() {
  969. uni.hideKeyboard();
  970. },
  971. addClick() {
  972. this.manualCheck = true
  973. },
  974. addClickDetail(val) {
  975. uni.navigateTo({
  976. url: `/pagesA/fire/check_inspection/inspect_detail/inspect_detail?id=${val}`,
  977. success: function(res) {
  978. res.eventChannel.emit('acceptDataFromOpenerPage', val);
  979. }
  980. })
  981. },
  982. },
  983. // 触底的事件
  984. onReachBottom() {
  985. // 判断是否还有下一页数据
  986. if (this.pageNo * this.pageSize >= this.total) return uni.showToast({
  987. title: `数据加载完毕`
  988. })
  989. // 判断是否正在请求其它数据,如果是,则不发起额外的请求
  990. if (this.loading) return
  991. this.pageNo += 1
  992. this.getData(this.pageNo)
  993. },
  994. }
  995. </script>
  996. <style>
  997. page {
  998. background-color: #F5F7F9;
  999. }
  1000. </style>
  1001. <style lang="scss" scoped>
  1002. page {
  1003. background-color: #F5F7F9 !important;
  1004. }
  1005. .tops {
  1006. display: flex;
  1007. justify-content: space-between;
  1008. width: 80%;
  1009. margin: 50rpx 10%;
  1010. // 二维码扫描相关样式
  1011. .qr-scan-containner {
  1012. max-width: 600rpx;
  1013. display: flex;
  1014. flex-direction: column;
  1015. justify-content: center;
  1016. align-items: center;
  1017. align-content: center;
  1018. background-color: transparent;
  1019. .qr-scan-middle {
  1020. .qr-scan-title {
  1021. font-size: 30rpx;
  1022. text-align: center;
  1023. padding: 20rpx 0;
  1024. }
  1025. max-width: 100%;
  1026. }
  1027. }
  1028. }
  1029. .tupian {
  1030. width: 95rpx;
  1031. height: 95rpx;
  1032. }
  1033. .tupians {
  1034. width: 45rpx;
  1035. height: 45rpx;
  1036. }
  1037. .tiantupian {
  1038. width: 95rpx;
  1039. height: 95rpx;
  1040. }
  1041. .cont {
  1042. font-size: 16px;
  1043. color: #4CB2B6;
  1044. margin-bottom: 30rpx;
  1045. }
  1046. .text {
  1047. text-align: center;
  1048. color: #000;
  1049. font-size: 26rpx;
  1050. margin-left: 20rpx;
  1051. }
  1052. .text2 {
  1053. text-align: center;
  1054. color: #000;
  1055. font-size: 22rpx;
  1056. margin-top: 10rpx;
  1057. }
  1058. ::v-deep .u-icon__icon {
  1059. margin-right: 0px !important;
  1060. }
  1061. .child {
  1062. margin: 20rpx 0 0 20rpx;
  1063. border-radius: 10rpx;
  1064. .child-new {
  1065. display: flex;
  1066. .child-new-item {
  1067. width: 30%;
  1068. margin-top: 25%;
  1069. transform: translateY(-50px);
  1070. }
  1071. .child-result {
  1072. /deep/.data-v-525ecd67 {
  1073. // width: 130rpx;
  1074. height: 100rpx;
  1075. }
  1076. }
  1077. }
  1078. }
  1079. .titles {
  1080. padding: 20rpx 0;
  1081. color: #383838;
  1082. }
  1083. .grid-item-box {
  1084. display: flex;
  1085. align-items: center;
  1086. justify-content: center;
  1087. padding: 15px 0;
  1088. }
  1089. /deep/ .uni-grid-item {
  1090. height: 140rpx !important;
  1091. }
  1092. /deep/.uni-textarea-textarea {
  1093. border: 1px solid #4CB2B6;
  1094. border-radius: 16rpx;
  1095. }
  1096. .btnList {
  1097. display: flex
  1098. }
  1099. .main-content {
  1100. /deep/.u-icon--right[data-v-172979f2],
  1101. /deep/.u-icon--right.data-v-172979f2,
  1102. .u-icon--right {
  1103. // background-color: #f8f8f8;
  1104. border-radius: 5rpx;
  1105. position: absolute;
  1106. top: -14rpx;
  1107. right: 14rpx;
  1108. }
  1109. }
  1110. /deep/.danwei.u-icon--right[data-v-172979f2],
  1111. /deep/.danwei.u-icon--right.data-v-172979f2,
  1112. .danwei.u-icon--right {
  1113. top: 58rpx !important;
  1114. right: 58rpx !important;
  1115. }
  1116. .uni-grid-wraps {
  1117. margin-left: 60rpx;
  1118. margin-bottom: 480rpx !important;
  1119. // margin-bottom: 200rpx;
  1120. }
  1121. /deep/.u-slide-up-enter-active[data-v-39e33bf2],
  1122. /deep/.u-slide-up-enter-active.data-v-39e33bf2,
  1123. .u-slide-up-enter-active {
  1124. height: 90% !important;
  1125. overflow-y: auto;
  1126. }
  1127. .springFarm {
  1128. margin-left: 40rpx;
  1129. }
  1130. .show-title {
  1131. font-size: 32rpx;
  1132. color: #383838;
  1133. margin: 40rpx 0;
  1134. }
  1135. /deep/.u-modal {
  1136. border: 1px solid #4CB2B6 !important;
  1137. }
  1138. .slot-contents {
  1139. // margin-left: 40rpx;
  1140. margin-bottom: 20rpx;
  1141. border-radius: 1px solid #E5E5E5 !important;
  1142. // background-color: #F0F2F3 !important;
  1143. }
  1144. /deep/ .slot-contents .uni-textarea-textarea {
  1145. border: 1px solid #4CB2B6 !important;
  1146. // background-color: #F0F2F3 !important;
  1147. }
  1148. .jieguo {
  1149. /deep/.uni-textarea-textarea {
  1150. border: none !important
  1151. }
  1152. }
  1153. /deep/ .uni-textarea-placeholder {
  1154. color: #a4a8ab;
  1155. margin-top: 20rpx;
  1156. margin-left: 30rpx;
  1157. }
  1158. .detail {
  1159. // width: 72px;
  1160. // height: 60rpx;
  1161. float: right;
  1162. border-radius: 30px;
  1163. background-color: #F7C41E;
  1164. margin-right: 20rpx;
  1165. text-align: center;
  1166. // line-height: 60rpx;
  1167. padding: 3rpx 15rpx;
  1168. }
  1169. .an-niu {
  1170. display: flex;
  1171. justify-content: space-between;
  1172. }
  1173. /deep/.u-input {
  1174. padding: 4px !important;
  1175. }
  1176. /deep/.canvasBox {
  1177. .box {
  1178. width: 600rpx;
  1179. /* 设置扫码容器宽度 */
  1180. height: 600rpx;
  1181. /* 设置扫码容器高度 */
  1182. }
  1183. }
  1184. .manual {
  1185. font-size: 16px;
  1186. padding: 25rpx 0;
  1187. }
  1188. .manual:last-child{
  1189. font-size: 25px;
  1190. padding: 60rpx 0;
  1191. background-color: red;
  1192. }
  1193. .manual-hand {
  1194. margin-left: 30rpx;
  1195. display: flex;
  1196. font-size: 18px;
  1197. color: #30746b;
  1198. margin: 20rpx;
  1199. }
  1200. .manual-hand-item {
  1201. display: flex;
  1202. width: 90%;
  1203. justify-content: space-between;
  1204. margin-left: 3%;
  1205. /deep/.u-input {
  1206. border: 1px solid #726f74 !important;
  1207. }
  1208. }
  1209. //隐患弹框
  1210. /deep/.u-popup__content {
  1211. overflow-y: auto;
  1212. }
  1213. .text-xl {
  1214. font-size: 18px;
  1215. font-weight: 600;
  1216. }
  1217. .person-forward {
  1218. padding-top: 40rpx;
  1219. display: flex;
  1220. flex-direction: column;
  1221. flex-wrap: wrap;
  1222. overflow-y: auto;
  1223. margin-bottom: 100rpx;
  1224. }
  1225. .example {
  1226. overflow-y: auto;
  1227. }
  1228. /deep/.u-action-sheet {
  1229. height: 80vh;
  1230. background-color: #fff;
  1231. overflow-y: auto;
  1232. }
  1233. </style>vh