|
@@ -2,40 +2,20 @@
|
|
|
<template>
|
|
|
<view class="inspectAdd">
|
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
|
- <view class="tip">{{optionData.checkPlanSetVoList.checkName}}</view>
|
|
|
- <view class="items">
|
|
|
- <view class="items-t" @click="checkItemModuleButton('open')">
|
|
|
- <view class="items-t-r">{{newData.hazardCheckCode}} {{newData.hazardCheckName}}</view>
|
|
|
- <img class="items-t-img" src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
|
|
|
- </view>
|
|
|
- <view class="items-b">< {{newData.hazardCheckCode2}} {{newData.hazardCheckName2}} <</view>
|
|
|
- </view>
|
|
|
- <view class="items-number">此检查项在当前实验室累计出现<text>{{hazardCheckNum}}</text>次隐患</view>
|
|
|
<view class="list">
|
|
|
- <view class="list-li">
|
|
|
- <view>检查要点</view>
|
|
|
- <view>
|
|
|
- <img src="@/pages_safetyCheck/images/icon_06.png">
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="hidden-content">{{newData.hazardCheckPoint}}
|
|
|
- </view>
|
|
|
- <view class="radio_group">
|
|
|
- <view class="radio" v-for="(item,index) in radioList" :key="index" @click="radioClick(item)">
|
|
|
- <img v-if="!item.checked" src="@/pages_safetyCheck/images/icon_aqjc_5.png">
|
|
|
- <img v-if="item.checked" src="@/pages_safetyCheck/images/icon_aqjc_6.png">
|
|
|
- <text>{{item.name}}</text>
|
|
|
- </view>
|
|
|
+ <view class="list-li srearch">
|
|
|
+ <view class="srearch-l">{{newData.subName?newData.subName:'实验室名称'}}</view>
|
|
|
+ <!-- <img class="srearch-r" src="@/pages_safetyCheck/images/icon_wd_gd@1x.png"> -->
|
|
|
</view>
|
|
|
- <view class="list-li" v-if="!form.checkFlag">
|
|
|
- <view>检查隐患</view>
|
|
|
+ <view class="list-li" style="margin-bottom: 20rpx;border:none;">
|
|
|
<view>
|
|
|
- <img src="@/pages_safetyCheck/images/icon_06.png">
|
|
|
+ {{newData.roomNum?newData.roomNum:''}}房间&{{newData.buildName?newData.buildName:'楼栋'}}&{{newData.deptName?newData.deptName:'学院单位'}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <textarea v-if="!form.checkFlag" class="describe" type="text" v-model="form.hazardDescribe"
|
|
|
- maxlength="200" placeholder="请填写隐患描述" placeholder-style="font-size:24rpx;color:#999;"></textarea>
|
|
|
- <view v-if="!form.checkFlag" class="check-for-img-max-box">
|
|
|
+ <view class="list-li">
|
|
|
+ <view>现场照片</view>
|
|
|
+ </view>
|
|
|
+ <view v-if="form.photoList[0]" class="check-for-img-max-box">
|
|
|
<view class="left-title-p"></view>
|
|
|
<view class="right-img-box">
|
|
|
<view class="img-box" v-for="(imgUrl,imgIndex) in form.photoList" :key="imgIndex">
|
|
@@ -43,14 +23,36 @@
|
|
|
<img class="position-img" src="@/pages_safetyCheck/images/icon_ssp_closure.png"
|
|
|
@click="delImg(imgIndex)">
|
|
|
</view>
|
|
|
- <img class="add-button" src="@/pages_safetyCheck/images/img_ssp_pz@1x.png"
|
|
|
- @click="selectImage()" v-if="form.photoList.length<6">
|
|
|
+ <!-- <img class="add-button" src="@/pages_safetyCheck/images/img_ssp_pz@1x.png"
|
|
|
+ @click="selectImage()" v-if="form.photoList.length<6"> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-li" @click="checkItemModuleButton('open')" style="border-bottom: none;">
|
|
|
+ <view> {{newData.hazardCheckCode?newData.hazardCheckCode:''}}
|
|
|
+ {{newData.hazardCheckName?newData.hazardCheckName:'检查项'}}
|
|
|
+ </view>
|
|
|
+ <view style="color: #0183FA;">
|
|
|
+ <img src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="hazardCheckNum" @click="hiddenDangerClick()">
|
|
|
+ <img class="hazardCheckNum-l" src="@/pages_safetyCheck/images/icon_aqjc_yinhuan.png">
|
|
|
+ <view class="hazardCheckNum-r">{{'已连续出现'+hazardCheckNum+'次隐患'}} </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-li" v-if="!form.checkFlag">
|
|
|
+ <view>隐患描述</view>
|
|
|
+ <view></view>
|
|
|
+ </view>
|
|
|
+ <view class="describe">
|
|
|
+ <textarea v-if="!form.checkFlag && !checkItemModuleType" cursor-spacing="40" class="describe-n" type="text"
|
|
|
+ v-model="form.hazardDescribe" maxlength="200" placeholder="请填写隐患描述"
|
|
|
+ placeholder-style="font-size:24rpx;color:#999;"></textarea>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
<view class="voice">
|
|
|
<view class="voice_t">
|
|
|
- <view class="voice_t_t" v-if="!form.voiceList[0]">语音备注:(选填)</view>
|
|
|
+ <view class="voice_t_t" v-if="!form.voiceList[0]"><text>语音备注:</text><text>按住话筒录音</text></view>
|
|
|
<view class="voice_t_b" v-if="form.voiceList[0]">语音备注:({{form.voiceList.length}})</view>
|
|
|
</view>
|
|
|
<view class="voice_b" v-if="form.voiceList[0]" v-for="(voiceItem,voiceIndex) in form.voiceList"
|
|
@@ -62,31 +64,38 @@
|
|
|
<img class="voice_b_r" src="@/pages_safetyCheck/images/icon_yybz_sc.png"
|
|
|
@tap="voiceDele('',voiceIndex)" />
|
|
|
</view>
|
|
|
- <view class="voice-btn">
|
|
|
+ <!-- <view class="voice-btn">
|
|
|
<img class="voice_t_r" src="@/pages_safetyCheck/images/icon_sskz_azsh.png"
|
|
|
@longpress.stop="recordButton(item,$event)" @touchmove.stop="cancelButton"
|
|
|
@touchend.stop="sendButton(item,$event)" />
|
|
|
<text>按住说话</text>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
<checkItemModule :propsData="propsData" v-if="checkItemModuleType"></checkItemModule>
|
|
|
- <view class="sub-btn">
|
|
|
+ <!-- <view class="sub-btn">
|
|
|
<view @click="submitForm(1)">保存草稿</view>
|
|
|
<view @click="submitForm(2)">提交</view>
|
|
|
+ </view> -->
|
|
|
+ <view class="sub-btn" v-if="!checkItemModuleType">
|
|
|
+ <img @longpress.stop="recordButton(item,$event)" @touchmove.stop="cancelButton"
|
|
|
+ @touchend.stop="sendButton(item,$event)" src="@/pages_safetyCheck/images/icon_aqjc_luyin.png" />
|
|
|
+ <img @click="selectImage()" src="@/pages_safetyCheck/images/icon_aqjc_paizhao.png" />
|
|
|
+ <img @click="submitForm(2)" src="@/pages_safetyCheck/images/icon_aqjc_tijiao.png" />
|
|
|
</view>
|
|
|
+ <view v-if="!checkItemModuleType" class="inspectRecord" @click="inspectRecordClick()">检查记录</view>
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ const myaudio = uni.createInnerAudioContext();
|
|
|
import {
|
|
|
config
|
|
|
} from '@/api/request/config.js'
|
|
|
import {
|
|
|
securityAppCheckPlanCheckInfo,
|
|
|
securityAppCheckSetOptionCheckCommit,
|
|
|
- securityDraftFindBySetOptionId,
|
|
|
securityAppCheckPhotoGetCheckNumBySub,
|
|
|
} from '@/pages_safetyCheck/api/index.js'
|
|
|
import {
|
|
@@ -118,32 +127,25 @@
|
|
|
},
|
|
|
],
|
|
|
pageType: '',
|
|
|
- itemsStatus: '',
|
|
|
- setOptionId: '', //检查项id
|
|
|
- manageId: '', //检查管理id
|
|
|
- subId: '',
|
|
|
- hazardCheckPro: '',
|
|
|
- hazardCheckNum: 0,
|
|
|
sendLock: true, //发送锁,当为true时上锁,false时解锁发送
|
|
|
recorderManager: wx.getRecorderManager(),
|
|
|
optionData: null,
|
|
|
//检查项组件数据
|
|
|
checkItemModuleType: false,
|
|
|
propsData: {},
|
|
|
+ hazardCheckNum:0,
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
let optionData = JSON.parse(decodeURIComponent(option.infoData));
|
|
|
+ console.log('开展检查',optionData)
|
|
|
uni.setNavigationBarTitle({
|
|
|
- title: optionData.subName + '(' + (optionData.pageType == 0 ? optionData.roomNum : optionData
|
|
|
- .subRoom) + ')'
|
|
|
+ title: optionData.subName + '(' + (optionData.pageType == 0 ? (optionData.roomNum ? optionData
|
|
|
+ .roomNum : '-') : (optionData
|
|
|
+ .subRoom ? optionData
|
|
|
+ .subRoom : '-')) + ')'
|
|
|
})
|
|
|
this.$set(this, 'pageType', optionData.pageType);
|
|
|
- this.$set(this, 'itemsStatus', optionData.itemsStatus);
|
|
|
- this.$set(this, 'setOptionId', optionData.setOptionId);
|
|
|
- this.$set(this, 'manageId', optionData.manageId);
|
|
|
- this.$set(this, 'subId', optionData.subId);
|
|
|
- this.$set(this, 'hazardCheckPro', optionData.hazardCheckPro);
|
|
|
this.$set(this, 'optionData', optionData);
|
|
|
|
|
|
},
|
|
@@ -152,76 +154,83 @@
|
|
|
},
|
|
|
mounted() {
|
|
|
if (this.pageType == 0) {
|
|
|
- //检查
|
|
|
- if (this.itemsStatus == 0 || this.itemsStatus == 1) {
|
|
|
- //开始检查-提交的详情
|
|
|
- this.securityAppCheckPlanCheckInfo();
|
|
|
- } else if (this.itemsStatus == 2) {
|
|
|
- //保存草稿详情
|
|
|
- this.securityDraftFindBySetOptionId();
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
+ this.securityAppCheckPlanCheckInfo();
|
|
|
+ this.securityAppCheckPhotoGetCheckNumBySub();
|
|
|
}
|
|
|
- this.securityAppCheckPhotoGetCheckNumBySub();
|
|
|
},
|
|
|
methods: {
|
|
|
+ //折叠展开
|
|
|
+ inspectDot() {
|
|
|
+
|
|
|
+ this.newData.inspectDot = !this.newData.inspectDot
|
|
|
+ },
|
|
|
+ //检查记录
|
|
|
+ inspectRecordClick(){
|
|
|
+ let infoData = this.optionData;
|
|
|
+ infoData.curTabTow=1;//已检查
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItems?infoData=' +
|
|
|
+ encodeURIComponent(JSON
|
|
|
+ .stringify(infoData))
|
|
|
+ });
|
|
|
+ },
|
|
|
//获取提交详情
|
|
|
async securityAppCheckPlanCheckInfo() {
|
|
|
let obj = {
|
|
|
- setOptionId: this.setOptionId,
|
|
|
- manageId: this.manageId,
|
|
|
+ setOptionId: this.optionData.setOptionId,
|
|
|
+ manageId: this.optionData.manageId,
|
|
|
}
|
|
|
const {
|
|
|
data
|
|
|
} = await securityAppCheckPlanCheckInfo(obj);
|
|
|
if (data.code == 200) {
|
|
|
+ data.data.inspectDot = true;
|
|
|
this.$set(this, 'newData', data.data);
|
|
|
//编辑的时候
|
|
|
this.$set(this.form, 'checkFlag', data.data.checkFlag ? data.data.checkFlag : false);
|
|
|
- this.$set(this.form, 'hazardDescribe', data.data.hazardDescribe ? data.data.hazardDescribe : '');
|
|
|
+ if(data.data.hazardDescribe){
|
|
|
+ this.$set(this.form, 'hazardDescribe', data.data.hazardDescribe);
|
|
|
+ }else{
|
|
|
+ let list=[];
|
|
|
+ list=data.data.hazardCheckPoint.split('#');
|
|
|
+ this.$set(this.form, 'hazardDescribe', list[0]);
|
|
|
+ }
|
|
|
this.$set(this.form, 'photoList', data.data.photoList ? data.data.photoList : []);
|
|
|
this.$set(this.form, 'voiceList', data.data.voiceList ? data.data.voiceList : []);
|
|
|
|
|
|
}
|
|
|
},
|
|
|
- //获取草稿详情
|
|
|
- async securityDraftFindBySetOptionId() {
|
|
|
- let obj = {
|
|
|
- setOptionId: this.setOptionId,
|
|
|
- }
|
|
|
- const {
|
|
|
- data
|
|
|
- } = await securityDraftFindBySetOptionId(obj);
|
|
|
- if (data.code == 200) {
|
|
|
- //编辑的时候
|
|
|
- this.$set(this, 'newData', data.data);
|
|
|
- this.$set(this.newData, 'checkPlanSetVoList', this.optionData.checkPlanSetVoList);
|
|
|
- this.$set(this.form, 'checkFlag', data.data.checkFlag ? data.data.checkFlag : false);
|
|
|
- this.$set(this.form, 'hazardDescribe', data.data.hazardDescribe ? data.data.hazardDescribe : '');
|
|
|
- this.$set(this.form, 'photoList', data.data.photoList ? data.data.photoList : []);
|
|
|
- this.$set(this.form, 'voiceList', data.data.voiceList ? data.data.voiceList : []);
|
|
|
- }
|
|
|
- },
|
|
|
- //获取检查项在当前实验室出现的次数
|
|
|
- async securityAppCheckPhotoGetCheckNumBySub() {
|
|
|
- let obj = {
|
|
|
- subId: this.subId,
|
|
|
- hazardCheckPro: this.hazardCheckPro,
|
|
|
- }
|
|
|
- const {
|
|
|
- data
|
|
|
- } = await securityAppCheckPhotoGetCheckNumBySub(obj);
|
|
|
- if (data.code == 200) {
|
|
|
- this.$set(this, 'hazardCheckNum', data.data);
|
|
|
-
|
|
|
+ hiddenDangerClick(row) {
|
|
|
+ if(!this.hiddenDangerRecordStatus){
|
|
|
+ let infoData = this.optionData;
|
|
|
+ infoData.subName=this.newData.subName;
|
|
|
+ infoData.roomNum=this.newData.roomNum;
|
|
|
+ infoData.hiddenDangerRecordStatus = true;//判断是否跳转隐患列表
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages_safetyCheck/views/inspectManage/hiddenDangerRecord?infoData=' +
|
|
|
+ encodeURIComponent(JSON.stringify(infoData))
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
- checkItemModuleButton(type, item) {
|
|
|
+ checkItemModuleButton(type, item,keyPoint) {
|
|
|
if (type == 'open') {
|
|
|
let obj = {
|
|
|
infoType: this.pageType,
|
|
|
checkType: 0,
|
|
|
+ editStatus:this.optionData.editStatus,
|
|
|
+ editItem:{
|
|
|
+ hazardCheckName:this.newData.hazardCheckName,
|
|
|
+ hazardCheckName1:this.newData.hazardCheckName1,
|
|
|
+ hazardCheckName2:this.newData.hazardCheckName2,
|
|
|
+ hazardCheckCode:this.newData.hazardCheckCode,
|
|
|
+ hazardCheckCode1:this.newData.hazardCheckCode1,
|
|
|
+ hazardCheckCode2:this.newData.hazardCheckCode2,
|
|
|
+ hazardCheckPoint:this.newData.hazardCheckPoint,
|
|
|
+ hazardCheckPro:this.newData.hazardCheckPro,
|
|
|
+ hazardCheckPro1:this.newData.hazardCheckPro1,
|
|
|
+ hazardCheckPro2:this.newData.hazardCheckPro2,
|
|
|
+ setOptionId:this.newData.setOptionId,
|
|
|
+ }
|
|
|
}
|
|
|
if (this.pageType == 0) {
|
|
|
//检查
|
|
@@ -239,9 +248,19 @@
|
|
|
this.$set(this.newData, 'hazardCheckCode2', item.hazardCheckCode2);
|
|
|
this.$set(this.newData, 'hazardCheckName2', item.hazardCheckName2);
|
|
|
this.$set(this.newData, 'hazardCheckPoint', item.hazardCheckPoint);
|
|
|
- this.$set(this, 'hazardCheckPro', item.hazardCheckPro);
|
|
|
- this.securityAppCheckPhotoGetCheckNumBySub();
|
|
|
+ this.$set(this.form, 'hazardDescribe', keyPoint);
|
|
|
+ this.$set(this.optionData, 'setOptionId', item.setOptionId);
|
|
|
+ this.$set(this.optionData, 'hazardCheckPro', item.hazardCheckPro);
|
|
|
this.$set(this, 'checkItemModuleType', false);
|
|
|
+ this.securityAppCheckPhotoGetCheckNumBySub();
|
|
|
+ //编辑的时候
|
|
|
+ if(this.optionData.editStatus){
|
|
|
+ if(this.optionData.setOptionId!=this.newData.setOptionId){
|
|
|
+ this.$set(this.form, 'photoList', []);
|
|
|
+ this.$set(this.form, 'voiceList', []);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
//提交
|
|
@@ -268,43 +287,29 @@
|
|
|
}
|
|
|
let obj = {
|
|
|
checkFlag: this.form.checkFlag,
|
|
|
- checkStatus: status == 1 ? 2 : 1,
|
|
|
+ checkStatus: 1,
|
|
|
hazardDescribe: this.form.hazardDescribe,
|
|
|
- setOptionId: this.setOptionId,
|
|
|
+ setOptionId: this.optionData.setOptionId,
|
|
|
photoList: this.form.photoList,
|
|
|
voiceList: this.form.voiceList,
|
|
|
}
|
|
|
+ if(this.optionData.editStatus){
|
|
|
+ if(this.optionData.setOptionId!=this.newData.setOptionId){
|
|
|
+ obj.delSetOptionId=this.newData.setOptionId;
|
|
|
+ }
|
|
|
+ }
|
|
|
const {
|
|
|
data
|
|
|
} = await securityAppCheckSetOptionCheckCommit(obj);
|
|
|
if (data.code == 200) {
|
|
|
- if (status == 1) {
|
|
|
- uni.showToast({
|
|
|
- title: '保存成功!',
|
|
|
- icon: "none",
|
|
|
- mask: true,
|
|
|
- duration: 2000
|
|
|
- });
|
|
|
- } else if (status == 2) {
|
|
|
- uni.showToast({
|
|
|
- title: '提交成功!',
|
|
|
- icon: "none",
|
|
|
- mask: true,
|
|
|
- duration: 2000
|
|
|
- });
|
|
|
- }
|
|
|
- let infoData = {
|
|
|
- setOptionId: this.setOptionId,
|
|
|
- manageId: this.manageId,
|
|
|
- subId: this.subId,
|
|
|
- hazardCheckPro: this.hazardCheckPro,
|
|
|
- pageType: this.pageType,
|
|
|
- itemsStatus: status == 1 ? 2 : 0,
|
|
|
- checkPlanSetVoList: this.optionData.checkPlanSetVoList,
|
|
|
- subName: this.optionData.subName,
|
|
|
- roomNum: this.optionData.roomNum,
|
|
|
- subRoom: this.optionData.subRoom,
|
|
|
- };
|
|
|
+ uni.showToast({
|
|
|
+ title: '提交成功!',
|
|
|
+ icon: "none",
|
|
|
+ mask: true,
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
+
|
|
|
+ let infoData = this.optionData;
|
|
|
uni.redirectTo({
|
|
|
url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
|
|
|
encodeURIComponent(JSON
|
|
@@ -312,6 +317,20 @@
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
+ //获取检查项在当前实验室出现的次数
|
|
|
+ async securityAppCheckPhotoGetCheckNumBySub() {
|
|
|
+ let obj = {
|
|
|
+ subId: this.optionData.subId,
|
|
|
+ hazardCheckPro: this.optionData.hazardCheckPro,
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ data
|
|
|
+ } = await securityAppCheckPhotoGetCheckNumBySub(obj);
|
|
|
+ if (data.code == 200) {
|
|
|
+ this.$set(this, 'hazardCheckNum', data.data);
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
//滚动事件
|
|
|
scrollGet() {},
|
|
|
//单选按钮
|
|
@@ -335,6 +354,7 @@
|
|
|
/******图片上传******/
|
|
|
selectImage() {
|
|
|
let self = this;
|
|
|
+ let photoMaxNun = 0;
|
|
|
if (this.form.photoList.length > 5) {
|
|
|
uni.showToast({
|
|
|
title: '最多上传6张图片',
|
|
@@ -344,8 +364,9 @@
|
|
|
});
|
|
|
return
|
|
|
}
|
|
|
+ photoMaxNun = 6 - this.form.photoList.length;
|
|
|
wx.chooseImage({
|
|
|
- count: 6,
|
|
|
+ count: photoMaxNun,
|
|
|
sizeType: ["original", "compressed"],
|
|
|
sourceType: ["album", "camera"],
|
|
|
success: function(res) {
|
|
@@ -560,21 +581,8 @@
|
|
|
height: 100%;
|
|
|
display flex;
|
|
|
box-sizing: border-box;
|
|
|
- padding-bottom: 160rpx;
|
|
|
+ padding-bottom: 230rpx;
|
|
|
box-sizing: border-box;
|
|
|
-
|
|
|
- #bgColor-A {
|
|
|
- color: #FFD400;
|
|
|
- }
|
|
|
-
|
|
|
- #bgColor-B {
|
|
|
- color: #FF8C00;
|
|
|
- }
|
|
|
-
|
|
|
- #bgColor-C {
|
|
|
- color: #E11608;
|
|
|
- }
|
|
|
-
|
|
|
.tip {
|
|
|
width: 750rpx;
|
|
|
height: 80rpx;
|
|
@@ -585,140 +593,44 @@
|
|
|
line-height: 80rpx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- .items {
|
|
|
- width: 690rpx;
|
|
|
- min-height: 165rpx;
|
|
|
- background: #FFFFFF;
|
|
|
+
|
|
|
+ .list {
|
|
|
+ width: 750rpx;
|
|
|
+ margin: 20rpx 0rpx 0;
|
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
- margin: 20rpx 0 0 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
- .items-li {
|
|
|
+ .list-li {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: 1rpx solid #E0E0E0;
|
|
|
+ background: #fff;
|
|
|
|
|
|
>view:nth-of-type(1) {
|
|
|
font-size: 30rpx;
|
|
|
color: #333333;
|
|
|
- line-height: 80rpx;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
-
|
|
|
- >view:nth-of-type(2) {
|
|
|
- font-size: 28rpx;
|
|
|
- color: #666666;
|
|
|
- line-height: 80rpx;
|
|
|
- text-align: left;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .items-t {
|
|
|
- border-bottom: 1rpx solid #E0E0E0;
|
|
|
- height: 80rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- padding: 0 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .items-t-l {
|
|
|
- width: 175rpx;
|
|
|
- height: 50rpx;
|
|
|
- background: #E11608;
|
|
|
- border-radius: 50rpx 50rpx 50rpx 50rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 50rpx;
|
|
|
- text-align: center;
|
|
|
- margin-right: 14rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .items-t-r {
|
|
|
- font-size: 30rpx;
|
|
|
- color: #333333;
|
|
|
- line-height: 42rpx;
|
|
|
+ line-height: 100rpx;
|
|
|
text-align: left;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .items-t-img {
|
|
|
- width: 24rpx;
|
|
|
- height: 24rpx;
|
|
|
- margin-left: 76rpx;
|
|
|
- margin-right: 34rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .items-b {
|
|
|
- padding: 0 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- height: 80rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #666666;
|
|
|
- line-height: 80rpx;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .items-number {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #3D3D3D;
|
|
|
- line-height: 34rpx;
|
|
|
- text-align: right;
|
|
|
- margin: 20rpx 60rpx 0 0;
|
|
|
-
|
|
|
- >text {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #FF0000;
|
|
|
- line-height: 34rpx;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .list {
|
|
|
- width: 690rpx;
|
|
|
- margin: 20rpx 30rpx 0;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
-
|
|
|
- .list-li {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding: 0 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1rpx solid #E0E0E0;
|
|
|
-
|
|
|
- >view:nth-of-type(1) {
|
|
|
- font-size: 30rpx;
|
|
|
- color: #333333;
|
|
|
- line-height: 80rpx;
|
|
|
- text-align: left;
|
|
|
}
|
|
|
|
|
|
>view:nth-of-type(2) {
|
|
|
font-size: 28rpx;
|
|
|
color: #666666;
|
|
|
- line-height: 80rpx;
|
|
|
+ line-height: 100rpx;
|
|
|
text-align: left;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
|
|
|
>img {
|
|
|
- width: 24rpx;
|
|
|
- height: 12rpx;
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
margin-left: 10rpx;
|
|
|
}
|
|
|
}
|
|
@@ -760,18 +672,27 @@
|
|
|
}
|
|
|
|
|
|
.describe {
|
|
|
- width: 636rpx;
|
|
|
- height: 120rpx;
|
|
|
- border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
- border: 1rpx solid #E0E0E0;
|
|
|
- margin: 20rpx 0 0 28rpx;
|
|
|
- padding: 12rpx 16rpx;
|
|
|
- box-sizing: border-box;
|
|
|
+ width: 750rpx;
|
|
|
+ background: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ .describe-n {
|
|
|
+ width: 690rpx;
|
|
|
+ min-height: 180rpx;
|
|
|
+ border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
+ border: 1rpx solid #E0E0E0;
|
|
|
+ margin: 40rpx;
|
|
|
+ padding: 22rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #F5F5F5;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.check-for-img-max-box {
|
|
|
- margin: 20px 28rpx;
|
|
|
-
|
|
|
+ padding: 20px 28rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ border-bottom: 2rpx solid #E0E0E0;
|
|
|
.left-title-p {
|
|
|
width: 100%;
|
|
|
text-align: left;
|
|
@@ -824,48 +745,55 @@
|
|
|
.list-li:last-of-type {
|
|
|
border: none;
|
|
|
}
|
|
|
-
|
|
|
- .radio_group {
|
|
|
+ .hazardCheckNum{
|
|
|
+ border-bottom: 2rpx solid #E0E0E0;
|
|
|
+ padding: 30rpx 40rpx 34rpx 40rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
- padding: 32rpx 30rpx 22rpx 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1rpx solid #E0E0E0;
|
|
|
-
|
|
|
- .radio {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ .hazardCheckNum-l{
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ margin-right: 18rpx;
|
|
|
+ }
|
|
|
+ .hazardCheckNum-r{
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FF5900;
|
|
|
+ line-height: 40rpx;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- >img {
|
|
|
- width: 30rpx;
|
|
|
- height: 30rpx;
|
|
|
- margin-right: 34rpx;
|
|
|
- }
|
|
|
+ .srearch {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
|
|
|
- >text {
|
|
|
- font-size: 30rpx;
|
|
|
- color: #333333;
|
|
|
- line-height: 42rpx;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- }
|
|
|
+ .srearch-l {
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 100rpx;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
|
|
|
- .radio:nth-of-type(1) {
|
|
|
- margin-right: 54rpx;
|
|
|
- }
|
|
|
+ .srearch-r {
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ margin-right: 0rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/* 语音备注 */
|
|
|
.voice {
|
|
|
- width: 690rpx;
|
|
|
+ width: 750rpx;
|
|
|
min-height: 100rpx;
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
- margin: 0rpx 30rpx;
|
|
|
- padding: 0 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
+
|
|
|
overflow: hidden;
|
|
|
|
|
|
.voice_t {
|
|
@@ -873,15 +801,23 @@
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
-
|
|
|
+ padding: 0 30rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-top: 2rpx solid #E0E0E0;
|
|
|
.voice_t_t {
|
|
|
width: 100%;
|
|
|
- font-size: 30rpx;
|
|
|
- font-family: PingFang SC-Medium, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #333333;
|
|
|
- line-height: 100rpx;
|
|
|
- text-align: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ >text:nth-of-type(1) {
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 100rpx;
|
|
|
+ }
|
|
|
+ >text:nth-of-type(2) {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 100rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.voice_t_b {
|
|
@@ -900,7 +836,8 @@
|
|
|
justify-content flex-start;
|
|
|
align-items center;
|
|
|
margin-bottom: 20rpx;
|
|
|
-
|
|
|
+ padding: 0 30rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
.voice_b_l {
|
|
|
width: 400rpx;
|
|
|
height: 40rpx;
|
|
@@ -958,31 +895,30 @@
|
|
|
|
|
|
.sub-btn {
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
+ justify-content: space-between;
|
|
|
position: fixed;
|
|
|
- left: 30rpx;
|
|
|
bottom: 30rpx;
|
|
|
+ width: 750rpx;
|
|
|
+ padding: 0 46rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
- >view:nth-of-type(1) {
|
|
|
- width: 345rpx;
|
|
|
- height: 100rpx;
|
|
|
- background: #FF8C00;
|
|
|
- border-radius: 50rpx 0rpx 0rpx 50rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 100rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- >view:nth-of-type(2) {
|
|
|
- width: 345rpx;
|
|
|
- height: 100rpx;
|
|
|
- background: #0183FA;
|
|
|
- border-radius: 0rpx 50rpx 50rpx 0rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 100rpx;
|
|
|
- text-align: center;
|
|
|
+ >img {
|
|
|
+ width: 160rpx;
|
|
|
+ height: 160rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .inspectRecord{
|
|
|
+ position: fixed;
|
|
|
+ top: 118rpx;
|
|
|
+ right: 0;
|
|
|
+ z-index: 200;
|
|
|
+ width: 160rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ background: #0183FA;
|
|
|
+ border-radius: 50rpx 0rpx 0rpx 50rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 60rpx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
</style>
|