check_implement.vue 41 KB

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