hiddenDangerRectification.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868
  1. <!-- 检查项隐患项整改 -->
  2. <template>
  3. <view class="snapshotDetail">
  4. <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
  5. <view class="tip">整改期限{{optionData.checkPlanSetVoList.checkStartTime}}(逾期未完成整改关闭实验室)</view>
  6. <view class="items" v-if="newData.hazardCheckName!=''">
  7. <view class="items-t">
  8. <view class="items-t-r">{{newData.hazardCheckCode}} {{newData.hazardCheckName}}</view>
  9. </view>
  10. <view class="items-b">< {{newData.hazardCheckCode2}}
  11. {{newData.hazardCheckName2}} < {{newData.hazardCheckCode1}} {{newData.hazardCheckName1}}
  12. </view>
  13. </view>
  14. <view class="items-number" v-if="newData.hazardCheckName!=''" @click="hiddenDangerClick()">
  15. 此检查项在当前实验室累计出现<text>{{hazardCheckNum}}</text>次隐患</view>
  16. <view class="list">
  17. <view class="list-li" v-if="newData.hazardCheckName!=''" @click="inspectDot()">
  18. <view>检查要点</view>
  19. <view>
  20. <img v-if="!newData.inspectDot" src="@/pages_safetyCheck/images/icon_06.png">
  21. <img v-if="newData.inspectDot" src="@/pages_safetyCheck/images/icon_06_1.png">
  22. </view>
  23. </view>
  24. <view v-if="newData.hazardCheckName!='' && newData.inspectDot" class="hidden-content">{{newData.hazardCheckPoint}}
  25. </view>
  26. <view class="list-li" @click="checkCollapse()">
  27. <view>检查隐患</view>
  28. <view :id="newData.checkFlag?'fontColor-B':'fontColor-A'">
  29. {{newData.checkFlag?'符合':'不符合 '}}
  30. <img v-if="!newData.checkCollapse" src="@/pages_safetyCheck/images/icon_06.png">
  31. <img v-if="newData.checkCollapse" src="@/pages_safetyCheck/images/icon_06_1.png">
  32. </view>
  33. </view>
  34. <view v-if="newData.checkCollapse">
  35. <view class="hidden-content" v-if="!newData.checkFlag">{{newData.hazardDescribe}}
  36. </view>
  37. <view class="photo">
  38. <img v-for="(item,index) in newData.yhDtoList" :src="baseUrl+item.fileUrl">
  39. </view>
  40. <view class="list-li">
  41. <view>姓名:</view>
  42. <view>{{newData.checkUserName}}</view>
  43. </view>
  44. <view class="list-li">
  45. <view>检查时间</view>
  46. <view>{{newData.checkTime}}</view>
  47. </view>
  48. </view>
  49. <view v-if="pageType==1 || pageType==2" v-for="(item,index) in newData.checkRectifyVoList" :key="index">
  50. <view class="list-li" v-if="item.rectifyTime" @click="rectifyCollapse(item)">
  51. <view>隐患整改</view>
  52. <view :id="item.rectifyResult?'fontColor-B':(item.rectifyResult?'fontColor-C':'')">
  53. {{item.rectifyResult?'已整改':(item.rectifyResult?'暂无法整改':'')}}
  54. <img v-if="!item.rectifyCollapse" src="@/pages_safetyCheck/images/icon_06.png">
  55. <img v-if="item.rectifyCollapse" src="@/pages_safetyCheck/images/icon_06_1.png">
  56. </view>
  57. </view>
  58. <view v-if="item.rectifyCollapse && item.rectifyTime">
  59. <view class="hidden-content">{{item.rectifyMeasure}}
  60. </view>
  61. <view class="photo" @click="lockImg(item.rectifyUploadList)">
  62. <img v-for="(item2,index2) in item.rectifyUploadList" :src="baseUrl+item2.fileUrl">
  63. </view>
  64. <view class="list-li">
  65. <view>姓名:</view>
  66. <view>{{item.rectifyName}}</view>
  67. </view>
  68. <view class="list-li">
  69. <view>整改时间</view>
  70. <view>{{item.rectifyTime}}</view>
  71. </view>
  72. </view>
  73. <view class="list-li" v-if="item.reviewTime" @click="reviewCollapse(item)">
  74. <view>复查验证</view>
  75. <view :id="item.examineResult?'fontColor-B':'fontColor-C'">
  76. {{item.examineResult?'复查完毕':'退回整改'}}
  77. <img v-if="!item.reviewCollapse" src="@/pages_safetyCheck/images/icon_06.png">
  78. <img v-if="item.reviewCollapse" src="@/pages_safetyCheck/images/icon_06_1.png">
  79. </view>
  80. </view>
  81. <view v-if="item.reviewCollapse && item.reviewTime">
  82. <view class="hidden-content" >{{item.examineOpinion}}
  83. </view>
  84. <view class="photo" @click="lockImg(item.examineUploadList)">
  85. <img v-for="(item3,index3) in item.examineUploadList" :src="baseUrl+item3.fileUrl">
  86. </view>
  87. <view class="list-li">
  88. <view>姓名:</view>
  89. <view>{{item.reviewName}}</view>
  90. </view>
  91. <view class="list-li">
  92. <view>复查时间</view>
  93. <view>{{item.reviewTime}}</view>
  94. </view>
  95. </view>
  96. </view>
  97. <view class="list-li">
  98. <view v-if="pageType==1">复查验证</view>
  99. <view v-if="pageType==2">隐患整改({{fontNum}}/500)</view>
  100. <view>
  101. <img src="@/pages_safetyCheck/images/icon_06.png">
  102. </view>
  103. </view>
  104. <textarea v-if="pageType==1" class="describe" type="text" v-model="form.examineOpinion" maxlength="500"
  105. placeholder="请填写隐患描述"
  106. placeholder-style="font-size:24rpx;color:#999;"></textarea>
  107. <textarea v-if="pageType==2" class="describe" type="text" v-model="form.rectifyMeasure" maxlength="500"
  108. @input="sumfontnum" placeholder="立整立改的请填写相关文字及整改前后照片对比等,不能立整立改的请说明原因并附整改计划、措施等"
  109. placeholder-style="font-size:24rpx;color:#999;"></textarea>
  110. <view class="check-for-img-max-box">
  111. <view class="left-title-p"></view>
  112. <view class="right-img-box">
  113. <view class="img-box" v-for="(imgUrl,imgIndex) in form.imgDtoList" :key="imgIndex">
  114. <img class="img-data" :src="baseUrl+imgUrl.fileUrl">
  115. <img class="position-img" src="@/pages_safetyCheck/images/icon_ssp_closure.png"
  116. @click="delImg(imgIndex)">
  117. </view>
  118. <img class="add-button" src="@/pages_safetyCheck/images/img_ssp_pz@1x.png"
  119. @click="selectImage()" v-if="form.imgDtoList.length<6">
  120. </view>
  121. </view>
  122. <!-- <view class="list-li-tow">
  123. <view>整改方案(上传文件)</view>
  124. <view @click="selectFile()">
  125. <img src="@/pages_safetyCheck/images/icon_aqjc_sc.png">
  126. </view>
  127. </view>
  128. <view class="file-li" v-if="form.rectifyProjectName">
  129. <img src="@/pages_safetyCheck/images/icon_djc_wj.png">
  130. <view>{{form.rectifyProjectName}}</view>
  131. <img src="@/pages_safetyCheck/images/icon_yybz_sc.png">
  132. </view> -->
  133. </view>
  134. </scroll-view>
  135. <view class="sub-btn">
  136. <view @click="submitForm(2)">{{pageType==1?'退回整改':'暂无法整改'}}</view>
  137. <view @click="submitForm(1)">{{pageType==1?'复查完毕':'完成整改'}}</view>
  138. </view>
  139. </view>
  140. </template>
  141. <script>
  142. import {
  143. parseTime
  144. } from '@/component/public.js'
  145. import {
  146. config
  147. } from '@/api/request/config.js'
  148. import {
  149. securityAppCheckPhotoUpdate,
  150. securityAppCheckDangerGetCheckProDetail,
  151. securityAppCheckDangerCheckRectify,
  152. securityAppCheckDangerApprove,
  153. securityAppCheckPhotoGetCheckNumBySub,
  154. } from '@/pages_safetyCheck/api/index.js'
  155. export default {
  156. name: "snapshotDetail",
  157. components: {
  158. },
  159. data() {
  160. return {
  161. baseUrl: config.base_url,
  162. inspectionItems: 0, //0有检查项 1无检查项
  163. pageType:null,
  164. form: {
  165. imgDtoList: [],
  166. rectifyProjectName: '',
  167. rectifyProjectUrl: '',
  168. },
  169. hazardCheckNum: 0,
  170. newData: {},
  171. optionData: null,
  172. fontNum:0,
  173. rectifyId:null,
  174. editStatus:null,
  175. }
  176. },
  177. onLoad(option) {
  178. let optionData = JSON.parse(decodeURIComponent(option.infoData));
  179. this.$set(this, 'pageType', optionData.pageType);
  180. this.$set(this, 'optionData', optionData);
  181. this.$set(this, 'editStatus', optionData.editStatus);
  182. },
  183. onShow() {
  184. },
  185. mounted() {
  186. this.securityAppCheckDangerGetCheckProDetail();
  187. this.securityAppCheckPhotoGetCheckNumBySub();
  188. },
  189. methods: {
  190. //详情
  191. async securityAppCheckDangerGetCheckProDetail() {
  192. let self=this;
  193. let obj = {
  194. planId: this.optionData.checkPlanSetVoList.planId,
  195. planSetId: this.optionData.checkPlanSetVoList.planSetId,
  196. checkCategory: this.optionData.checkCategory,
  197. hazardCheckPro: this.optionData.hazardCheckPro,
  198. subId: this.optionData.subId,
  199. }
  200. const {
  201. data
  202. } = await securityAppCheckDangerGetCheckProDetail(obj);
  203. if (data.code == 200) {
  204. uni.setNavigationBarTitle({
  205. title: data.data.subName + '(' + data.data.roomNum + ')'
  206. })
  207. data.data.checkCollapse=false;
  208. data.data.inspectDot=false;
  209. data.data.checkTime= parseTime(data.data.checkTime, "{y}-{m}-{d}");
  210. if(data.data.checkRectifyVoList[0]){
  211. data.data.checkRectifyVoList.forEach(function(item,index){
  212. item.rectifyTime= parseTime(item.rectifyTime, "{y}-{m}-{d}");
  213. item.reviewTime= parseTime(item.reviewTime, "{y}-{m}-{d}");
  214. item.rectifyCollapse=false;
  215. item.reviewCollapse=false;
  216. if(index==data.data.checkRectifyVoList.length-1){
  217. self.$set(self, 'rectifyId', item.rectifyId);
  218. //编辑数据的时候数据回填
  219. if(self.pageType==1 && self.editStatus){
  220. item.rectifyCollapse=true;
  221. item.reviewTime=null;
  222. self.$set(self.form, 'examineOpinion', item.examineOpinion?item.examineOpinion:'');
  223. self.$set(self.form, 'imgDtoList', item.examineUploadList?item.examineUploadList:[]);
  224. }else if(self.pageType==2 && self.editStatus){
  225. item.reviewCollapse=true;
  226. item.rectifyTime=null;
  227. self.$set(self.form, 'rectifyMeasure', item.rectifyMeasure?item.rectifyMeasure:'');
  228. self.$set(self.form, 'imgDtoList', item.rectifyUploadList?item.rectifyUploadList:[]);
  229. }
  230. }
  231. })
  232. }
  233. this.$set(this, 'newData', data.data);
  234. }
  235. },
  236. // 限制文本框字数
  237. sumfontnum(e) {
  238. this.fontNum = e.detail.value.length
  239. },
  240. //获取检查项在当前实验室出现的次数
  241. async securityAppCheckPhotoGetCheckNumBySub() {
  242. let obj = {
  243. subId: this.optionData.subId,
  244. hazardCheckPro: this.optionData.hazardCheckPro,
  245. }
  246. const {
  247. data
  248. } = await securityAppCheckPhotoGetCheckNumBySub(obj);
  249. if (data.code == 200) {
  250. this.$set(this, 'hazardCheckNum', data.data);
  251. }
  252. },
  253. hiddenDangerClick(row) {
  254. let infoData = this.optionData;
  255. infoData.subName=this.newData.subName;
  256. infoData.roomNum=this.newData.roomNum;
  257. infoData.hiddenDangerRecordStatus = true;//判断是否跳转隐患列表
  258. uni.redirectTo({
  259. url: '/pages_safetyCheck/views/inspectManage/hiddenDangerRecord?infoData=' +
  260. encodeURIComponent(JSON.stringify(infoData))
  261. });
  262. },
  263. //滚动事件
  264. scrollGet() {},
  265. /******文件上传******/
  266. selectFile() {
  267. let self = this;
  268. wx.chooseMessageFile({
  269. count: 1,
  270. type: 'file',
  271. success(res) {
  272. console.log(res)
  273. // tempFilePath可以作为img标签的src属性显示图片
  274. const tempFilePaths = res.tempFiles[0].path
  275. self.form.rectifyProjectName = res.tempFiles[0].name
  276. self.uploadFile(tempFilePaths);
  277. }
  278. })
  279. },
  280. async uploadFile(tempFilePaths) {
  281. var self = this;
  282. uni.showLoading({
  283. title: '上传中',
  284. mask: true
  285. });
  286. uni.uploadFile({
  287. url: config.base_url + '/system/file/upload', //仅为示例,非真实的接口地址
  288. header: {
  289. 'Authorization': uni.getStorageSync('token')
  290. },
  291. filePath: tempFilePaths,
  292. name: 'file',
  293. formData: {
  294. 'user': 'test'
  295. },
  296. success: (uploadFileRes) => {
  297. let res = JSON.parse(uploadFileRes.data);
  298. console.log(res)
  299. if (res.code == 200) {
  300. self.form.rectifyProjectUrl = res.data.url;
  301. } else {
  302. uni.showToast({
  303. title: res.msg,
  304. icon: "none",
  305. mask: true,
  306. duration: 2000
  307. });
  308. }
  309. },
  310. fail: err => {},
  311. complete: () => {
  312. uni.hideLoading()
  313. }
  314. });
  315. },
  316. /******图片上传******/
  317. selectImage() {
  318. let self = this;
  319. if (this.form.imgDtoList.length > 4) {
  320. uni.showToast({
  321. title: '最多上传5张图片',
  322. icon: "none",
  323. mask: true,
  324. duration: 2000
  325. });
  326. return
  327. }
  328. wx.chooseImage({
  329. count: 1,
  330. sizeType: ["original", "compressed"],
  331. sourceType: ["album", "camera"],
  332. success: function(res) {
  333. let tempFilePaths = res.tempFilePaths[0];
  334. console.log(tempFilePaths)
  335. self.uploadImg(tempFilePaths);
  336. }
  337. });
  338. },
  339. async uploadImg(tempFilePaths) {
  340. var self = this;
  341. uni.showLoading({
  342. title: '上传中',
  343. mask: true
  344. });
  345. uni.uploadFile({
  346. url: config.base_url + '/system/file/upload', //仅为示例,非真实的接口地址
  347. header: {
  348. 'Authorization': uni.getStorageSync('token')
  349. },
  350. filePath: tempFilePaths,
  351. name: 'file',
  352. formData: {
  353. 'user': 'test'
  354. },
  355. success: (uploadFileRes) => {
  356. let res = JSON.parse(uploadFileRes.data);
  357. if (res.code == 200) {
  358. this.form.imgDtoList.push({
  359. 'fileUrl': res.data.url,
  360. 'fileName': res.data.name,
  361. 'fileType': 2,
  362. });
  363. console.log(res.data.url)
  364. } else {
  365. uni.showToast({
  366. title: res.msg,
  367. icon: "none",
  368. mask: true,
  369. duration: 2000
  370. });
  371. }
  372. },
  373. fail: err => {},
  374. complete: () => {
  375. uni.hideLoading()
  376. }
  377. });
  378. },
  379. //删除图片
  380. delImg(minIndex) {
  381. this.form.imgDtoList.splice(minIndex, 1);
  382. this.$forceUpdate();
  383. },
  384. //折叠展开
  385. inspectDot(){
  386. this.newData.inspectDot=!this.newData.inspectDot
  387. },
  388. checkCollapse(row){
  389. this.newData.checkCollapse=!this.newData.checkCollapse
  390. },
  391. rectifyCollapse(row){
  392. row.rectifyCollapse=!row.rectifyCollapse
  393. },
  394. reviewCollapse(row){
  395. row.reviewCollapse=!row.reviewCollapse
  396. },
  397. //提交
  398. async submitForm(status) {
  399. let self = this;
  400. if(self.pageType==1){
  401. if(!this.form.examineOpinion){
  402. uni.showToast({
  403. title: '请填写复查验证描述!',
  404. icon: "none",
  405. mask: true,
  406. duration: 2000
  407. });
  408. return
  409. }
  410. if(!this.form.imgDtoList[0]){
  411. uni.showToast({
  412. title: '请选择现场照片!',
  413. icon: "none",
  414. mask: true,
  415. duration: 2000
  416. });
  417. return
  418. }
  419. //复查
  420. let obj = {
  421. rectifyId: this.rectifyId,
  422. examineOpinion: this.form.examineOpinion,
  423. examineResult: status == 1 ? 1 : 0, //1是通过,0是驳回
  424. examineUploadList: this.form.imgDtoList,
  425. }
  426. const {
  427. data
  428. } = await securityAppCheckDangerApprove(obj);
  429. if (data.code == 200) {
  430. uni.showToast({
  431. title: '提交成功',
  432. icon: "none",
  433. mask: true,
  434. duration: 2000
  435. });
  436. let infoData = this.optionData;
  437. uni.redirectTo({
  438. url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
  439. encodeURIComponent(JSON.stringify(infoData))
  440. });
  441. }
  442. }else if(self.pageType==2){
  443. if(!this.form.rectifyMeasure){
  444. uni.showToast({
  445. title: '请填写隐患整改描述!',
  446. icon: "none",
  447. mask: true,
  448. duration: 2000
  449. });
  450. return
  451. }
  452. if(!this.form.imgDtoList[0]){
  453. uni.showToast({
  454. title: '请选择现场照片!',
  455. icon: "none",
  456. mask: true,
  457. duration: 2000
  458. });
  459. return
  460. }
  461. //整改
  462. let obj = {
  463. checkCategory: this.optionData.checkCategory,
  464. dangerId: this.newData.dangerId,
  465. rectifyMaterialName: '', //待定字段
  466. rectifyMaterialUrl: '', //待定字段
  467. rectifyMeasure: this.form.rectifyMeasure,
  468. rectifyResult: status == 1 ? true : false, //true已整改false暂无法整改
  469. rectifyUploadList: this.form.imgDtoList,
  470. }
  471. const {
  472. data
  473. } = await securityAppCheckDangerCheckRectify(obj);
  474. if (data.code == 200) {
  475. uni.showToast({
  476. title: '提交成功',
  477. icon: "none",
  478. mask: true,
  479. duration: 2000
  480. });
  481. let infoData = this.optionData;
  482. uni.redirectTo({
  483. url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
  484. encodeURIComponent(JSON.stringify(infoData))
  485. });
  486. }
  487. }
  488. },
  489. }
  490. }
  491. </script>
  492. <style lang="stylus" scoped>
  493. .snapshotDetail {
  494. height: 100%;
  495. display flex;
  496. box-sizing: border-box;
  497. padding-bottom: 160rpx;
  498. box-sizing: border-box;
  499. #bgColor-A {
  500. color: #FFD400;
  501. }
  502. #bgColor-B {
  503. color: #FF8C00;
  504. }
  505. #bgColor-C {
  506. color: #E11608;
  507. }
  508. #fontColor-A {
  509. color: #FF8C00;
  510. }
  511. #fontColor-B {
  512. color: #16B531;
  513. }
  514. .tip {
  515. width: 750rpx;
  516. height: 80rpx;
  517. background: rgba(255, 140, 0, 0.2);
  518. font-weight: normal;
  519. font-size: 28rpx;
  520. color: #FF8C00;
  521. line-height: 80rpx;
  522. text-align: center;
  523. }
  524. .items {
  525. width: 690rpx;
  526. min-height: 165rpx;
  527. background: #FFFFFF;
  528. border-radius: 20rpx 20rpx 20rpx 20rpx;
  529. margin: 20rpx 0 0 30rpx;
  530. .items-li {
  531. display: flex;
  532. justify-content: space-between;
  533. align-items: center;
  534. padding: 0 30rpx;
  535. box-sizing: border-box;
  536. border-bottom: 1rpx solid #E0E0E0;
  537. >view:nth-of-type(1) {
  538. font-size: 30rpx;
  539. color: #333333;
  540. line-height: 80rpx;
  541. text-align: left;
  542. }
  543. >view:nth-of-type(2) {
  544. font-size: 28rpx;
  545. color: #666666;
  546. line-height: 80rpx;
  547. text-align: left;
  548. display: flex;
  549. justify-content: space-between;
  550. align-items: center;
  551. }
  552. }
  553. .items-t {
  554. border-bottom: 1rpx solid #E0E0E0;
  555. height: 80rpx;
  556. display: flex;
  557. justify-content: flex-start;
  558. align-items: center;
  559. padding: 0 30rpx;
  560. box-sizing: border-box;
  561. .items-t-l {
  562. width: 175rpx;
  563. height: 50rpx;
  564. background: #E11608;
  565. border-radius: 50rpx 50rpx 50rpx 50rpx;
  566. font-size: 30rpx;
  567. color: #FFFFFF;
  568. line-height: 50rpx;
  569. text-align: center;
  570. margin-right: 14rpx;
  571. }
  572. .items-t-r {
  573. font-size: 30rpx;
  574. color: #333333;
  575. line-height: 42rpx;
  576. text-align: left;
  577. }
  578. }
  579. .items-b {
  580. padding: 0 30rpx;
  581. box-sizing: border-box;
  582. height: 80rpx;
  583. font-size: 28rpx;
  584. color: #666666;
  585. line-height: 80rpx;
  586. text-align: left;
  587. }
  588. }
  589. .items-number {
  590. font-size: 24rpx;
  591. color: #3D3D3D;
  592. line-height: 34rpx;
  593. text-align: right;
  594. margin: 20rpx 60rpx 0 0;
  595. >text {
  596. font-size: 24rpx;
  597. color: #FF0000;
  598. line-height: 34rpx;
  599. text-align: right;
  600. }
  601. }
  602. .list {
  603. width: 690rpx;
  604. margin: 20rpx 30rpx 0;
  605. background: #FFFFFF;
  606. border-radius: 20rpx 20rpx 20rpx 20rpx;
  607. .list-li {
  608. display: flex;
  609. justify-content: space-between;
  610. align-items: center;
  611. padding: 0 30rpx;
  612. box-sizing: border-box;
  613. border-bottom: 1rpx solid #E0E0E0;
  614. >view:nth-of-type(1) {
  615. font-size: 30rpx;
  616. color: #333333;
  617. line-height: 80rpx;
  618. text-align: left;
  619. }
  620. >view:nth-of-type(2) {
  621. font-size: 28rpx;
  622. color: #666666;
  623. line-height: 80rpx;
  624. text-align: left;
  625. display: flex;
  626. justify-content: space-between;
  627. align-items: center;
  628. >img {
  629. width: 24rpx;
  630. height: 12rpx;
  631. margin-left: 10rpx;
  632. }
  633. }
  634. }
  635. .list-li-tow {
  636. display: flex;
  637. justify-content: space-between;
  638. align-items: center;
  639. padding: 0 30rpx;
  640. box-sizing: border-box;
  641. border-top: 1rpx solid #E0E0E0;
  642. border-bottom: 1rpx solid #E0E0E0;
  643. >view:nth-of-type(1) {
  644. font-size: 30rpx;
  645. color: #333333;
  646. line-height: 80rpx;
  647. text-align: left;
  648. }
  649. >view:nth-of-type(2) {
  650. font-size: 28rpx;
  651. color: #666666;
  652. line-height: 80rpx;
  653. text-align: left;
  654. display: flex;
  655. justify-content: space-between;
  656. align-items: center;
  657. >img {
  658. width: 30rpx;
  659. height: 28rpx;
  660. margin-left: 10rpx;
  661. }
  662. }
  663. }
  664. .file-li {
  665. display: flex;
  666. justify-content: space-between;
  667. align-items: center;
  668. padding: 0 30rpx;
  669. box-sizing: border-box;
  670. >img:nth-of-type(1) {
  671. width: 30rpx;
  672. height: 30rpx;
  673. }
  674. >view {
  675. flex: 1;
  676. font-size: 28rpx;
  677. color: #333333;
  678. line-height: 80rpx;
  679. text-align: left;
  680. margin: 0 92rpx 0 16rpx;
  681. overflow: hidden;
  682. text-overflow: ellipsis;
  683. white-space: nowrap;
  684. }
  685. >img:nth-of-type(2) {
  686. width: 30rpx;
  687. height: 30rpx;
  688. }
  689. }
  690. .hidden-content {
  691. width: 630rpx;
  692. min-height: 200rpx;
  693. background: #F5F5F5;
  694. border-radius: 20rpx 20rpx 20rpx 20rpx;
  695. margin: 20rpx 30rpx 0;
  696. padding: 20rpx;
  697. box-sizing: border-box;
  698. font-size: 28rpx;
  699. color: #666666;
  700. line-height: 39rpx;
  701. text-align: left;
  702. }
  703. .photo {
  704. display: flex;
  705. justify-content: flex-start;
  706. flex-wrap: wrap;
  707. margin-top: 20rpx;
  708. padding: 0 30rpx;
  709. box-sizing: border-box;
  710. >img {
  711. width: 150rpx;
  712. height: 150rpx;
  713. border-radius: 10rpx 10rpx 10rpx 10rpx;
  714. margin: 0 10rpx 10rpx 0;
  715. }
  716. }
  717. .describe {
  718. width: 636rpx;
  719. height: 120rpx;
  720. border-radius: 10rpx 10rpx 10rpx 10rpx;
  721. border: 1rpx solid #E0E0E0;
  722. margin: 20rpx 0 0 28rpx;
  723. padding: 12rpx 16rpx;
  724. box-sizing: border-box;
  725. }
  726. .check-for-img-max-box {
  727. margin: 20px 28rpx;
  728. .left-title-p {
  729. width: 100%;
  730. text-align: left;
  731. font-size: 30rpx;
  732. font-family: PingFang SC-Medium, PingFang SC;
  733. font-weight: 400;
  734. color: #333333;
  735. line-height: 80rpx;
  736. }
  737. .right-img-box {
  738. .img-box {
  739. display inline-block;
  740. height: 150rpx;
  741. width: 150rpx;
  742. position relative;
  743. margin: 0 14rpx 20rpx 0;
  744. border-radius 10rpx;
  745. overflow hidden;
  746. .img-data {
  747. height: 150rpx;
  748. width: 150rpx;
  749. }
  750. .position-img {
  751. position absolute;
  752. right: 0;
  753. top: 0;
  754. width: 36rpx;
  755. height: 36rpx;
  756. }
  757. }
  758. .img-box:nth-of-type(3n+3) {
  759. margin-right: 0rpx;
  760. }
  761. .add-button {
  762. margin: 0 0rpx 20rpx 0;
  763. border-radius 10rpx;
  764. overflow hidden;
  765. display inline-block;
  766. height: 150rpx;
  767. width: 150rpx;
  768. }
  769. }
  770. }
  771. /* .list-li:last-of-type {
  772. border: none;
  773. } */
  774. }
  775. }
  776. .sub-btn {
  777. display: flex;
  778. justify-content: center;
  779. position: fixed;
  780. left: 30rpx;
  781. bottom: 30rpx;
  782. >view:nth-of-type(1) {
  783. width: 345rpx;
  784. height: 100rpx;
  785. background: #FF8C00;
  786. border-radius: 50rpx 0rpx 0rpx 50rpx;
  787. font-size: 30rpx;
  788. color: #FFFFFF;
  789. line-height: 100rpx;
  790. text-align: center;
  791. }
  792. >view:nth-of-type(2) {
  793. width: 345rpx;
  794. height: 100rpx;
  795. background: #0183FA;
  796. border-radius: 0rpx 50rpx 50rpx 0rpx;
  797. font-size: 30rpx;
  798. color: #FFFFFF;
  799. line-height: 100rpx;
  800. text-align: center;
  801. }
  802. }
  803. </style>