examineAddTow.vue 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909
  1. <!-- 开始检查 -->
  2. <template>
  3. <view id="startChecking">
  4. <scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
  5. <viwe class="list">
  6. <view class="title">不符合项</view>
  7. <view class="check-for-big-box" v-for="(item,index) in form.checkHazardDtoList" :key="index">
  8. <view class="grade">
  9. <view class="grade_l">隐患等级:</view>
  10. <picker @change="gradeChange(item,$event)" :value="gradeIndex" :range="gradeArray" class="scope_r">
  11. <view class="grade_r">
  12. <view>{{item.hazardLevel==2?'一般隐患':(item.hazardLevel==1?'重大隐患':(item.hazardLevel==3?'管理问题':''))}}</view>
  13. <img src="@/pages_safetyExamine/images/icon_06.png">
  14. </view>
  15. </picker>
  16. </view>
  17. <view class="project" v-if="checkOptionList.length>0">
  18. <view class="project_l">检查项目:</view>
  19. <!-- <uni-data-picker :ellipsis="false" :localdata="checkOptionList[index]" :map="{text:'name',value:'id'}"
  20. popup-title="请选择所属目录" @change="(e)=>onchange(e,index)" @nodeclick="onnodeclick()"
  21. ref="uniDataPicker" :addType="true" :addIndex="index">
  22. <view class="project_r">{{item.hazardCheckName?item.hazardCheckName:'请选择检查项'}}</view>
  23. </uni-data-picker> -->
  24. <uni-data-picker placeholder="请选择班级" popup-title="请选择所属目录" :localdata="checkOptionList" :map="{text:'name',value:'id'}"
  25. @change="(e)=>onchange(e,index)" @nodeclick="onnodeclick">
  26. <view class="project_r">{{item.hazardCheckName?item.hazardCheckName:'请选择检查项'}}</view>
  27. </uni-data-picker>
  28. </view>
  29. <view class="point">
  30. <view class="point_l">检查要点:</view>
  31. <textarea class="point_r" type="text" v-model="item.hazardCheckPoint" maxlength="50" placeholder="未查到此项检查要点,可在此输入添加" placeholder-style="font-size:28rpx;color:#999;"></textarea>
  32. </view>
  33. <view class="check-for-input-max-box">
  34. <view class="left-title-p">隐患描述:</view>
  35. <textarea type="text" v-model="item.hazardDescribe" maxlength="50" placeholder="请输入隐患描述" placeholder-style="font-size:28rpx;color:#999;"></textarea>
  36. </view>
  37. <view class="check-for-img-max-box">
  38. <view class="left-title-p">隐患照片(最多上传5张):</view>
  39. <view class="right-img-box">
  40. <view class="img-box" v-for="(imgItem,imgIndex) in item.uploadDtoList" :key="imgIndex">
  41. <img class="img-data" :src="configURL+imgItem.fileUrl">
  42. <img class="position-img" src="@/pages_manage/images/icon_ssp_closure.png" @click="delImg(index,imgIndex)">
  43. </view>
  44. <img class="add-button" src="@/pages_manage/images/icon_07.png" @click="selectImage(item)" v-if="item.uploadDtoList.length<5">
  45. </view>
  46. </view>
  47. <view class="voice">
  48. <view class="voice_t">
  49. <view class="voice_t_l">语音备注:</view>
  50. <img class="voice_t_r" src="@/pages_safetyExamine/images/icon_ksjc_yysr.png" @longpress.stop="recordButton(item,$event)" @touchmove.stop="cancelButton" @touchend.stop="sendButton(item,$event)">
  51. </view>
  52. <view class="voice_b" v-for="(voiceItem,voiceIndex) in item.voiceRemark" :key="voiceIndex">
  53. <view class="voice_b_l" @tap="voicePlay(voiceItem.url)"><img class="add-button" src="@/pages_manage/images/icon_yyt.png"/>{{voiceItem.times}}″</view>
  54. <img class="voice_b_r" src="@/pages_manage/images/Version2.3/icon_sczl_sc.png" @tap="voiceDele(index,voiceIndex)"/>
  55. </view>
  56. </view>
  57. <view class="check-for-big-box-position-img-box" v-if="form.checkHazardDtoList.length>1" @click="delDetailsList(index)">
  58. <img src="@/pages_manage/images/icon_ssp_closure.png">
  59. </view>
  60. </view>
  61. <view class="add-for-item-p" @click="addDanger()">+ 新增隐患项</view>
  62. </viwe>
  63. </scroll-view>
  64. <view class="bottom_btn">
  65. <view class="bottom_btn_li" @click="goMinButton(index)" v-for="(item,index) in bottomBtnList" :key="index">{{item}}</view>
  66. </view>
  67. </view>
  68. </template>
  69. <script>
  70. const myaudio = uni.createInnerAudioContext();
  71. import { config } from '@/api/request/config.js'
  72. import {checkOptionListNew,treeDepselect,checkManageUpdate,checkManageAdd} from '@/api/index.js'
  73. export default {
  74. name: "startChecking",
  75. data() {
  76. return {
  77. configURL:config.base_url,
  78. id:"",
  79. //页面子状态
  80. minPageType:1,
  81. //临时存储隐患信息ID
  82. hiddenDangerIdList:[],
  83. //数据
  84. form:{
  85. id:'',
  86. checkPlanId:'',
  87. manageStatus:'',//保存1 提交2
  88. subIds:'',//实验室
  89. subjectName:'',
  90. title:'',//计划标题
  91. deptId:'',//学院
  92. collegeName:'',
  93. buildId:'',//楼栋
  94. buildName:'',
  95. checkType:'',// 检查类型(1校院巡查 2实验室自查)
  96. checkResult:'1',// 检查结果 0不符合 1符合
  97. rectifyDeadline:'',//整改期限
  98. rectifyNotice:'1',//整改通知(1整改告知书 2整改通知书)
  99. roomNumber:'',//房间号
  100. checkHazardDtoList:[
  101. {
  102. voiceRemark:[],//语音备忘存储
  103. hazardLevel:2,//隐患等级
  104. hazardCheckCode:'', //检查项目code序号
  105. hazardCheckName:'', //检查项目名称
  106. hazardCheckPro:'', //最后一级的id
  107. hazardCheckPoint:'',// 检查要点
  108. hazardDescribe:'', //隐患描述
  109. uploadDtoList:[],//隐患照片
  110. }
  111. ],
  112. },
  113. inspectionUnit:"",
  114. inspectionUnitArray:[],
  115. inspectionUnitArrayData:[],
  116. //搜索回调列表
  117. searchList:[],
  118. searchNullType:true,
  119. //检查项
  120. checkOptionList:[],
  121. //新增检查项
  122. openIndex:"",
  123. open:false,
  124. jcxSstkMs:[],
  125. jcxSstkNum:'',
  126. //临时数据组
  127. temporaryIdList:[],
  128. //添加项 目录
  129. uniPicker:"请选择所属目录",
  130. //滑动记录
  131. startPoint:{},
  132. liveType:false,
  133. sendLock: true, //发送锁,当为true时上锁,false时解锁发送
  134. recorderManager : wx.getRecorderManager(),
  135. temporaryData:[],
  136. gradeIndex :0,
  137. gradeArray:['一般隐患','重大隐患','管理问题'],
  138. bottomBtnList:['上一步','保存','提交'],
  139. }
  140. },
  141. onLoad(option) {
  142. if(option.form){
  143. this.form=JSON.parse(decodeURIComponent(option.form));
  144. }
  145. },
  146. onShow() {
  147. this.getCheckOptionList();
  148. },
  149. methods: {
  150. //隐患等级
  151. gradeChange(item,e){
  152. console.log(item)
  153. console.log(e.target.value)
  154. if(e.target.value==0){
  155. item.hazardLevel=2
  156. }else if(e.target.value==1){
  157. item.hazardLevel=1
  158. }else if(e.target.value==2){
  159. item.hazardLevel=3
  160. }
  161. },
  162. //语音备忘播放
  163. async voicePlay(item){
  164. console.log(myaudio.src)
  165. myaudio.src = config.base_url+item;
  166. myaudio.play();
  167. },
  168. //语音备忘删除
  169. async voiceDele(index,voiceIndex){
  170. let self = this;
  171. uni.showModal({
  172. title: '',
  173. cancelColor:'#999999',
  174. confirmColor:'#FF6E6E',
  175. content: '确定删除此语音吗?',
  176. success (res) {
  177. if (res.confirm) {
  178. console.log('用户点击确定')
  179. self.form.checkHazardDtoList[index].voiceRemark.splice(voiceIndex,1);
  180. self.$forceUpdate();
  181. } else if (res.cancel) {
  182. console.log('用户点击取消')
  183. }
  184. }
  185. })
  186. },
  187. //录制
  188. recordButton(item,e){
  189. console.log("按下")
  190. let self = this;
  191. if(item.voiceRemark.length>=5){
  192. uni.showToast({
  193. title: '语音备忘最多只能上传5条',
  194. icon:"none",
  195. mask:true,
  196. duration: 2000
  197. });
  198. return
  199. }
  200. this.liveType=true;
  201. console.log('录制',e)
  202. this.startPoint = e.touches[0];//记录长按时开始点信息,后面用于计算上划取消时手指滑动的距离。
  203. const options = {
  204. duration: 60000,
  205. sampleRate: 16000,
  206. numberOfChannels: 1,
  207. encodeBitRate: 48000,
  208. format: 'mp3',
  209. frameSize: 50
  210. }
  211. this.recorderManager.start(options);//开始录音
  212. this.recorderManager.onStart(() => {
  213. console.log('recorder start')
  214. })
  215. this.recorderManager.onError((res) => {
  216. console.log(res);
  217. })
  218. wx.showToast({
  219. title: "正在录音,上划取消发送",
  220. icon: "none",
  221. duration: 60000//先定义个60秒,后面可以手动调用wx.hideToast()隐藏
  222. });
  223. this.sendLock = false;//长按时是不上锁的。
  224. },
  225. //取消
  226. cancelButton(e){
  227. console.log("移动")
  228. let self = this;
  229. this.liveType=false;
  230. console.log('取消',e)
  231. let moveLenght = e.touches[e.touches.length - 1].clientY - this.startPoint.clientY; //移动距离
  232. if (Math.abs(moveLenght) > 50) {
  233. wx.showToast({
  234. title: "松开手指,取消发送",
  235. icon: "none",
  236. duration: 60000
  237. });
  238. this.sendLock = true;//触发了上滑取消发送,上锁
  239. } else {
  240. wx.showToast({
  241. title: "正在录音,上划取消发送",
  242. icon: "none",
  243. duration: 60000
  244. });
  245. this.sendLock = false;//上划距离不足,依然可以发送,不上锁
  246. }
  247. },
  248. //发送
  249. sendButton(item,e){
  250. console.log("松开")
  251. let self = this;
  252. this.liveType=false;
  253. console.log('发送',e)
  254. wx.hideToast();//结束录音、隐藏Toast提示框
  255. this.recorderManager.stop();//结束录音
  256. this.recorderManager.onStop((res) => {
  257. if(!this.sendLock){
  258. this.uploadVoice(item,res.duration,res.tempFilePath);
  259. }
  260. console.log('停止录音', res.tempFilePath)
  261. console.log("sendLock",this.sendLock);
  262. })
  263. },
  264. //上传MP3
  265. async uploadVoice(item,times,tempFilePaths){
  266. var self = this;
  267. uni.uploadFile({
  268. url: config.base_url+'/base/file/upload', //仅为示例,非真实的接口地址
  269. header:{'Authorization':uni.getStorageSync('token')},
  270. filePath: tempFilePaths,
  271. name: 'file',
  272. formData: {
  273. 'user': 'test'
  274. },
  275. success: (uploadFileRes) => {
  276. let res = JSON.parse(uploadFileRes.data);
  277. if(res.code == 200){
  278. console.log("上传成功",res)
  279. console.log(item)
  280. let seconds = Math.round((parseInt(times) % (1000 * 60)) / 1000);
  281. item.voiceRemark.push({'times':seconds,'url':res.data.url})
  282. console.log(JSON.stringify(self.voice))
  283. //self.textParseUrlIps(res.data.url);
  284. // self.newData.imgList.push(res.data.url);
  285. }else{
  286. uni.showToast({
  287. title: res.msg,
  288. icon:"none",
  289. mask:true,
  290. duration: 2000
  291. });
  292. }
  293. },
  294. fail: err => {
  295. uni.hideLoading()
  296. },
  297. complete: () => {
  298. }
  299. });
  300. },
  301. /**************************检查项***************************/
  302. //获取检查项
  303. async getCheckOptionList() {
  304. const {data} = await checkOptionListNew();
  305. if(data.code == 200){
  306. let list = this.getTreeData(data.data);
  307. //this.checkOptionList.push(JSON.parse(JSON.stringify(list)));
  308. this.checkOptionList=JSON.parse(JSON.stringify(list));
  309. console.log(this.checkOptionList)
  310. }
  311. },
  312. getTreeData(data){
  313. for(var i=0;i<data.length>0;i++){
  314. if(data[i].children == null||data[i].children.length<=0){
  315. // children若为空数组,则将children设为undefined
  316. data[i].children = undefined;
  317. }else {
  318. // children若不为空数组,则继续 递归调用 本方法
  319. this.getTreeData(data[i].children);
  320. }
  321. }
  322. return data;
  323. },
  324. /**************************搜索项***************************/
  325. //搜索特定检查项
  326. async searchClick(text,index){
  327. console.log("搜索text",text);
  328. console.log("搜索index",index);
  329. const {data} = await checkOptionListNew({'searchValue':text});
  330. if(data.code == 200){
  331. if(data.data[0]){
  332. let list = JSON.parse(JSON.stringify(this.checkOptionList));
  333. list[index] = this.getTreeData(data.data);
  334. this.$set(this,'checkOptionList',JSON.parse(JSON.stringify(list)))
  335. console.log('this.$refs.uniDataPicker',this.$refs.uniDataPicker)
  336. this.$refs.uniDataPicker[index].show();
  337. }else{
  338. uni.showToast({
  339. title: '未找到相关检查项',
  340. icon:"none",
  341. mask:true,
  342. duration: 2000
  343. });
  344. }
  345. }
  346. },
  347. //重置检查项
  348. async resetClick(index){
  349. console.log("重置index",index);
  350. const {data} = await checkOptionListNew();
  351. if(data.code == 200){
  352. let list = JSON.parse(JSON.stringify(this.checkOptionList));
  353. list[index] = this.getTreeData(data.data);
  354. this.$set(this,'checkOptionList',JSON.parse(JSON.stringify(list)))
  355. this.$refs.uniDataPicker[index].show();
  356. }
  357. },
  358. //选中固有检查项(新)
  359. onchange(e,index) {
  360. let self = this;
  361. //hazardCheckCode:'', //检查项目code序号
  362. //hazardCheckName:'', //检查项目名称
  363. //hazardCheckPro:'', //最后一级的id
  364. if(this.getTreeName(this.checkOptionList,e.detail.value[e.detail.value.length-1].value).level==3){
  365. let jcxSstkNum=this.getTreeName(this.checkOptionList,e.detail.value[e.detail.value.length-1].value).code
  366. this.$set(this.form.checkHazardDtoList[index],'hazardCheckPro',e.detail.value[e.detail.value.length-1].value);
  367. this.$set(this.form.checkHazardDtoList[index],'hazardCheckCode',jcxSstkNum);
  368. this.$set(this.form.checkHazardDtoList[index],'hazardCheckName',e.detail.value[e.detail.value.length-1].text);
  369. }else{
  370. uni.showToast({
  371. title: '暂无数据',
  372. icon:"none",
  373. mask:true,
  374. duration: 2000
  375. });
  376. }
  377. },
  378. //根据id查找元素
  379. getTreeName(list,id){
  380. let _this=this
  381. for (let i = 0; i < list.length; i++) {
  382. let a=list[i]
  383. if(a.id===id){
  384. return a
  385. }else{
  386. if(a.children && a.children.length>0){
  387. let res=_this.getTreeName(a.children,id)
  388. if(res){
  389. return res
  390. }
  391. }
  392. }
  393. }
  394. },
  395. onnodeclick(node) {
  396. },
  397. // 图片上传
  398. selectImage(item) {
  399. let self = this;
  400. if(item.uploadDtoList.length>4){
  401. uni.showToast({
  402. title: '最多上传5张图片',
  403. icon:"none",
  404. mask:true,
  405. duration: 2000
  406. });
  407. return
  408. }
  409. wx.chooseImage({
  410. count: 1,
  411. sizeType: ["original", "compressed"],
  412. sourceType: ["album", "camera"],
  413. success: function(res) {
  414. let tempFilePaths = res.tempFilePaths[0];
  415. self.uploadImg(tempFilePaths,item);
  416. }
  417. });
  418. },
  419. async uploadImg(tempFilePaths,item){
  420. var self = this;
  421. uni.showLoading({
  422. title: '上传中',
  423. mask: true
  424. });
  425. uni.uploadFile({
  426. url: config.base_url+'/base/file/upload', //仅为示例,非真实的接口地址
  427. header:{'Authorization':uni.getStorageSync('token')},
  428. filePath: tempFilePaths,
  429. name: 'file',
  430. formData: {
  431. 'user': 'test'
  432. },
  433. success: (uploadFileRes) => {
  434. let res = JSON.parse(uploadFileRes.data);
  435. if(res.code == 200){
  436. item.uploadDtoList.push({'fileUrl':res.data.url,'fileName':res.data.name});
  437. console.log(res.data.url)
  438. }else{
  439. uni.showToast({
  440. title: res.msg,
  441. icon:"none",
  442. mask:true,
  443. duration: 2000
  444. });
  445. }
  446. },
  447. fail: err => {},
  448. complete: () => {
  449. uni.hideLoading()
  450. }
  451. });
  452. },
  453. //删除图片
  454. delImg(index,minIndex){
  455. this.form.checkHazardDtoList[index].uploadDtoList.splice(minIndex,1);
  456. this.$forceUpdate();
  457. },
  458. //添加隐患
  459. addDanger(){
  460. if(this.form.checkHazardDtoList.length>19){
  461. uni.showToast({
  462. title: '最多添加20个隐患',
  463. icon:"none",
  464. mask:true,
  465. duration: 2000
  466. });
  467. return
  468. }
  469. let obj = {
  470. voiceRemark:[],//语音备忘存储
  471. hazardLevel:2,//隐患等级
  472. hazardCheckCode:'', //检查项目code序号
  473. hazardCheckName:'', //检查项目名称
  474. hazardCheckPro:'', //最后一级的id
  475. hazardCheckPoint:'',// 检查要点
  476. hazardDescribe:'', //隐患描述
  477. uploadDtoList:[],//隐患照片
  478. }
  479. this.form.checkHazardDtoList.push(obj);
  480. this.getCheckOptionList();
  481. this.$forceUpdate();
  482. },
  483. //删除隐患
  484. delDetailsList(index){
  485. this.hiddenDangerIdList.push(this.form.checkHazardDtoList[index].id)
  486. this.form.checkHazardDtoList.splice(index,1);
  487. this.$forceUpdate();
  488. },
  489. //子页面切换
  490. goMinButton(index){
  491. let self = this;
  492. if(index == 0){
  493. uni.redirectTo({
  494. url: '/pages_safetyExamine/examineManage/examineAdd?form='+encodeURIComponent(JSON.stringify(this.form))
  495. });
  496. }else if(index == 1 || index == 2){
  497. this.form.manageStatus=index;//1保存 2提交
  498. for(let i=0;i<self.form.checkHazardDtoList.length;i++){
  499. let num = i+1;
  500. if(!self.form.checkHazardDtoList[i].hazardCheckName){
  501. uni.showToast({
  502. title: '第'+num+'未选择隐患项',
  503. icon:"none",
  504. mask:true,
  505. duration: 2000
  506. });
  507. return
  508. }else if(!self.form.checkHazardDtoList[i].hazardDescribe && self.form.checkHazardDtoList[i].voiceRemark.length<=0){
  509. uni.showToast({
  510. title: '请输入第'+num+'项隐患描述!',
  511. icon:"none",
  512. mask:true,
  513. duration: 2000
  514. });
  515. return
  516. }
  517. }
  518. this.submitForm();
  519. }
  520. },
  521. //提交
  522. async submitForm(){
  523. let self = this;
  524. let obj=self.form;
  525. //语音备注JSON对象转字符串
  526. for(let i=0;i<obj.checkHazardDtoList.length;i++){
  527. if(obj.checkHazardDtoList[i].voiceRemark){
  528. obj.checkHazardDtoList[i].voiceRemark=JSON.stringify(obj.checkHazardDtoList[i].voiceRemark)
  529. }
  530. }
  531. if(self.form.checkPlanId){
  532. const {data} = await checkManageUpdate(obj);
  533. if(data.code == 200){
  534. uni.showToast({
  535. title: '提交成功',
  536. icon:"none",
  537. mask:true,
  538. duration: 2000
  539. });
  540. uni.redirectTo({
  541. url: '/pages_safetyExamine/examineManage/examineList?pageType='+this.form.checkType
  542. });
  543. }
  544. }else{
  545. const {data} = await checkManageAdd(obj);
  546. if(data.code == 200){
  547. uni.showToast({
  548. title: '提交成功',
  549. icon:"none",
  550. mask:true,
  551. duration: 2000
  552. });
  553. uni.redirectTo({
  554. url: '/pages_safetyExamine/examineManage/examineList?pageType='+this.form.checkType
  555. });
  556. }
  557. }
  558. },
  559. }
  560. }
  561. </script>
  562. <style lang="stylus" scoped>
  563. #startChecking{
  564. height:100%;
  565. .info-max-box{
  566. flex: 1;
  567. overflow: scroll;
  568. padding: 20rpx 0rpx 128rpx;
  569. box-sizing: border-box;
  570. }
  571. .list{
  572. .title{
  573. width: 690rpx;
  574. height: 100rpx;
  575. background: #FFFFFF;
  576. border-radius: 20rpx;
  577. margin: 20rpx 30rpx;
  578. font-size: 30rpx;
  579. font-family: PingFang SC-Medium, PingFang SC;
  580. font-weight: 400;
  581. color: #333333;
  582. line-height: 100rpx;
  583. padding-left: 24rpx;
  584. box-sizing: border-box;
  585. }
  586. .check-for-big-box{
  587. width 690rpx;
  588. //padding-top:30rpx;
  589. margin:0 30rpx 20rpx;
  590. background #fff
  591. border-radius:20rpx;
  592. overflow hidden
  593. position relative;
  594. padding:30rpx;
  595. box-sizing border-box;
  596. /* 隐患等级 */
  597. .grade{
  598. display: flex;
  599. justify-content: flex-start;
  600. .grade_l{
  601. width: 158rpx;
  602. text-align: left;
  603. font-size: 30rpx;
  604. font-family: PingFang SC-Medium, PingFang SC;
  605. font-weight: 400;
  606. color: #333333;
  607. line-height: 80rpx;
  608. }
  609. .grade_r{
  610. width: 480rpx;
  611. height: 80rpx;
  612. border-radius: 10rpx;
  613. border: 1rpx solid #E0E0E0;
  614. display: flex;
  615. justify-content: flex-start;
  616. align-items: center;
  617. padding-left: 20rpx;
  618. box-sizing: border-box;
  619. >view{
  620. flex:1;
  621. line-height:80rpx;
  622. font-size: 30rpx;
  623. font-family: PingFang SC-Medium, PingFang SC;
  624. font-weight: 400;
  625. color: #333333;
  626. line-height: 80rpx;
  627. }
  628. >img{
  629. width: 14rpx;
  630. height: 8rpx;
  631. margin-right: 30rpx;
  632. }
  633. }
  634. }
  635. /* 检查项目 */
  636. .project{
  637. .project_l{
  638. width: 158rpx;
  639. text-align: left;
  640. font-size: 30rpx;
  641. font-family: PingFang SC-Medium, PingFang SC;
  642. font-weight: 400;
  643. color: #333333;
  644. line-height: 80rpx;
  645. margin-top: 24rpx;
  646. }
  647. .project_r{
  648. width: 630rpx;
  649. min-height: 80rpx;
  650. border-radius: 10rpx;
  651. border: 1rpx solid #E0E0E0;
  652. display: flex;
  653. justify-content: flex-start;
  654. align-items: center;
  655. padding-left: 20rpx;
  656. box-sizing: border-box;
  657. }
  658. }
  659. /* 检查要点 */
  660. .point{
  661. .point_l{
  662. width: 158rpx;
  663. text-align: left;
  664. font-size: 30rpx;
  665. font-family: PingFang SC-Medium, PingFang SC;
  666. font-weight: 400;
  667. color: #333333;
  668. line-height: 80rpx;
  669. }
  670. .point_r{
  671. width: 630rpx;
  672. height: 158rpx;
  673. border-radius: 20rpx 20rpx 20rpx 20rpx;
  674. opacity: 1;
  675. border: 1rpx solid #E0E0E0;
  676. padding: 20rpx 14rpx;
  677. box-sizing: border-box;
  678. font-size: 30rpx;
  679. font-family: PingFang SC-Medium, PingFang SC;
  680. font-weight: 400;
  681. color: #333333;
  682. line-height: 34rpx;
  683. }
  684. }
  685. /* 隐患描述 */
  686. .check-for-input-max-box{
  687. .left-title-p{
  688. width:150rpx;
  689. line-height:80rpx;
  690. text-align right
  691. font-size:30rpx;
  692. }
  693. textarea{
  694. width: 630rpx;
  695. height: 158rpx;
  696. border-radius: 20rpx 20rpx 20rpx 20rpx;
  697. border: 1rpx solid #E0E0E0;
  698. padding: 20rpx 14rpx;
  699. box-sizing: border-box;
  700. font-size: 30rpx;
  701. font-family: PingFang SC-Medium, PingFang SC;
  702. font-weight: 400;
  703. color: #333333;
  704. line-height: 34rpx;
  705. }
  706. }
  707. /* 隐患照片 */
  708. .check-for-img-max-box{
  709. .left-title-p{
  710. width: 100%;
  711. text-align: left;
  712. font-size: 30rpx;
  713. font-family: PingFang SC-Medium, PingFang SC;
  714. font-weight: 400;
  715. color: #333333;
  716. line-height: 80rpx;
  717. }
  718. .right-img-box{
  719. .img-box{
  720. display inline-block;
  721. height:200rpx;
  722. width:200rpx;
  723. position relative
  724. margin:0 14rpx 20rpx 0;
  725. border-radius 10rpx;
  726. overflow hidden;
  727. .img-data{
  728. height:200rpx;
  729. width:200rpx;
  730. }
  731. .position-img{
  732. position absolute
  733. right:0;
  734. top:0;
  735. width:36rpx;
  736. height:36rpx;
  737. }
  738. }
  739. .img-box:nth-of-type(3n+3){
  740. margin-right: 0rpx;
  741. }
  742. .add-button{
  743. margin:0 20rpx 20rpx 0;
  744. border-radius 10rpx;
  745. overflow hidden;
  746. display inline-block
  747. height:200rpx;
  748. width:200rpx;
  749. }
  750. }
  751. }
  752. /* 语音备注 */
  753. .voice{
  754. .voice_t{
  755. height: 80rpx;
  756. display: flex;
  757. justify-content: space-between;
  758. align-items: center;
  759. .voice_t_l{
  760. font-size: 30rpx;
  761. font-family: PingFang SC-Medium, PingFang SC;
  762. font-weight: 400;
  763. color: #333333;
  764. line-height: 80rpx;
  765. }
  766. .voice_t_r{
  767. width: 170rpx;
  768. height: 50rpx;
  769. }
  770. }
  771. .voice_b{
  772. display flex;
  773. justify-content flex-start;
  774. align-items center;
  775. margin-bottom :30rpx;
  776. .voice_b_l{
  777. width: 400rpx;
  778. height: 40rpx;
  779. background:rgba(88,175,255,0.3);
  780. border-radius: 10rpx;
  781. display flex;
  782. justify-content flex-start;
  783. align-items center;
  784. >img{
  785. width: 18rpx;
  786. height: 24rpx;
  787. margin-left:16rpx;
  788. margin-right :20rpx;
  789. }
  790. }
  791. .voice_b_r{
  792. width: 28rpx;
  793. height: 28rpx;
  794. margin-left:20rpx;
  795. }
  796. }
  797. }
  798. .check-for-button-max-box{
  799. display flex
  800. margin-top:30rpx;
  801. margin-bottom:20rpx;
  802. .left-title-p{
  803. width:150rpx;
  804. line-height:88rpx;
  805. text-align right
  806. font-size:30rpx;
  807. }
  808. .button-text-p{
  809. border:1rpx solid #E0E0E0;
  810. width:440rpx;
  811. height:80rpx;
  812. border-radius:10rpx;
  813. line-height :80rpx;
  814. color: #A2A2A2
  815. padding:0 20rpx;
  816. font-size:28rpx;
  817. display:block;
  818. overflow:hidden;
  819. text-overflow:ellipsis;
  820. white-space:nowrap;
  821. }
  822. }
  823. .check-for-big-box-position-img-box{
  824. position absolute
  825. top:0;
  826. right:0;
  827. width:60rpx;
  828. height:60rpx;
  829. img{
  830. width:36rpx;
  831. height:36rpx;
  832. margin:12rpx;
  833. }
  834. }
  835. }
  836. /* 添加隐患项 */
  837. .add-for-item-p{
  838. width:690rpx;
  839. height:100rpx;
  840. border:4rpx dashed #0183FA;
  841. font-size: 30rpx;
  842. font-family: PingFang SC-Medium, PingFang SC;
  843. font-weight: 400;
  844. color: #0183FA;
  845. line-height: 100rpx;
  846. text-align center;
  847. border-radius:20rpx;
  848. margin:40rpx auto 100rpx;
  849. }
  850. }
  851. .bottom_btn{
  852. width: 690rpx;
  853. height: 90rpx;
  854. background: #0183FA;
  855. border-radius: 10rpx 10rpx 10rpx 10rpx;
  856. display: flex;
  857. justify-content: flex-start;
  858. position: fixed;
  859. left: 30rpx;
  860. bottom: 20rpx;
  861. .bottom_btn_li{
  862. flex: 1;
  863. font-size: 30rpx;
  864. font-family: PingFang SC-Medium, PingFang SC;
  865. font-weight: 400;
  866. color: #FFFFFF;
  867. line-height: 90rpx;
  868. text-align: center;
  869. position: relative;
  870. }
  871. .bottom_btn_li::after{
  872. content:'';
  873. position: absolute;
  874. top: 20rpx;
  875. right:0rpx;
  876. width: 1rpx;
  877. height: 60rpx;
  878. background: #D8D8D8;
  879. }
  880. .bottom_btn_li:nth-of-type(3)::after{
  881. display: none;
  882. }
  883. }
  884. }
  885. </style>