|
@@ -3,17 +3,48 @@
|
|
<view class="inspectAdd">
|
|
<view class="inspectAdd">
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
|
|
<!-- <view class="tip">{{optionData.checkPlanSetVoList.checkName}}</view> -->
|
|
<!-- <view class="tip">{{optionData.checkPlanSetVoList.checkName}}</view> -->
|
|
- <view class="items">
|
|
|
|
|
|
+ <!-- <view class="items">
|
|
<view class="items-t" @click="checkItemModuleButton('open')">
|
|
<view class="items-t" @click="checkItemModuleButton('open')">
|
|
<view class="items-t-r">{{newData.hazardCheckCode}} {{newData.hazardCheckName}}</view>
|
|
<view class="items-t-r">{{newData.hazardCheckCode}} {{newData.hazardCheckName}}</view>
|
|
<img class="items-t-img" src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
|
|
<img class="items-t-img" src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
|
|
</view>
|
|
</view>
|
|
<view class="items-b">< {{newData.hazardCheckCode2}} {{newData.hazardCheckName2}}
|
|
<view class="items-b">< {{newData.hazardCheckCode2}} {{newData.hazardCheckName2}}
|
|
<{{newData.hazardCheckCode1}} {{newData.hazardCheckName1}}</view>
|
|
<{{newData.hazardCheckCode1}} {{newData.hazardCheckName1}}</view>
|
|
- </view>
|
|
|
|
- <view class="items-number">此检查项在当前实验室累计出现<text>{{hazardCheckNum}}</text>次隐患</view>
|
|
|
|
|
|
+ </view> -->
|
|
<view class="list">
|
|
<view class="list">
|
|
- <view class="list-li" v-if="newData.hazardCheckName!=''" @click="inspectDot()">
|
|
|
|
|
|
+ <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" style="margin-bottom: 20rpx;border:none;">
|
|
|
|
+ <view>
|
|
|
|
+ {{newData.roomNum?newData.roomNum:''}}房间&{{newData.buildName?newData.buildName:'楼栋'}}&{{newData.deptName?newData.deptName:'学院单位'}}
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <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">
|
|
|
|
+ <img class="img-data" :src="baseUrl+imgUrl.fileUrl">
|
|
|
|
+ <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"> -->
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-li" @click="checkItemModuleButton('open')">
|
|
|
|
+ <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="list-li" v-if="newData.hazardCheckName!=''" @click="inspectDot()">
|
|
<view>检查要点</view>
|
|
<view>检查要点</view>
|
|
<view>
|
|
<view>
|
|
<img v-if="!newData.inspectDot" src="@/pages_safetyCheck/images/icon_06.png">
|
|
<img v-if="!newData.inspectDot" src="@/pages_safetyCheck/images/icon_06.png">
|
|
@@ -22,42 +53,30 @@
|
|
</view>
|
|
</view>
|
|
<view class="hidden-content" v-if="newData.hazardCheckName!='' && newData.inspectDot">
|
|
<view class="hidden-content" v-if="newData.hazardCheckName!='' && newData.inspectDot">
|
|
{{newData.hazardCheckPoint}}
|
|
{{newData.hazardCheckPoint}}
|
|
- </view>
|
|
|
|
- <view class="radio_group" v-if="newData.inspectDot">
|
|
|
|
|
|
+ </view> -->
|
|
|
|
+ <!-- <view class="radio_group" v-if="newData.inspectDot">
|
|
<view class="radio" v-for="(item,index) in radioList" :key="index" @click="radioClick(item)">
|
|
<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_5.png">
|
|
<img v-if="item.checked" src="@/pages_safetyCheck/images/icon_aqjc_6.png">
|
|
<img v-if="item.checked" src="@/pages_safetyCheck/images/icon_aqjc_6.png">
|
|
<text>{{item.name}}</text>
|
|
<text>{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
<view class="list-li" v-if="!form.checkFlag">
|
|
<view class="list-li" v-if="!form.checkFlag">
|
|
- <view>检查隐患</view>
|
|
|
|
|
|
+ <view>隐患描述</view>
|
|
<view>
|
|
<view>
|
|
<!-- <img src="@/pages_safetyCheck/images/icon_06.png"> -->
|
|
<!-- <img src="@/pages_safetyCheck/images/icon_06.png"> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <textarea v-if="!form.checkFlag && !checkItemModuleType" class="describe" type="text"
|
|
|
|
- v-model="form.hazardDescribe" maxlength="200" placeholder="请填写隐患描述"
|
|
|
|
- placeholder-style="font-size:24rpx;color:#999;"></textarea>
|
|
|
|
- <view class="list-li">
|
|
|
|
- <view>现场照片</view>
|
|
|
|
- </view>
|
|
|
|
- <view v-if="!form.checkFlag" 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">
|
|
|
|
- <img class="img-data" :src="baseUrl+imgUrl.fileUrl">
|
|
|
|
- <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"> -->
|
|
|
|
- </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>
|
|
</view>
|
|
<view class="voice">
|
|
<view class="voice">
|
|
<view class="voice_t">
|
|
<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 class="voice_t_b" v-if="form.voiceList[0]">语音备注:({{form.voiceList.length}})</view>
|
|
</view>
|
|
</view>
|
|
<view class="voice_b" v-if="form.voiceList[0]" v-for="(voiceItem,voiceIndex) in form.voiceList"
|
|
<view class="voice_b" v-if="form.voiceList[0]" v-for="(voiceItem,voiceIndex) in form.voiceList"
|
|
@@ -94,6 +113,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ const myaudio = uni.createInnerAudioContext();
|
|
import {
|
|
import {
|
|
config
|
|
config
|
|
} from '@/api/request/config.js'
|
|
} from '@/api/request/config.js'
|
|
@@ -101,7 +121,6 @@
|
|
securityAppCheckPlanCheckInfo,
|
|
securityAppCheckPlanCheckInfo,
|
|
securityAppCheckSetOptionCheckCommit,
|
|
securityAppCheckSetOptionCheckCommit,
|
|
securityDraftFindBySetOptionId,
|
|
securityDraftFindBySetOptionId,
|
|
- securityAppCheckPhotoGetCheckNumBySub,
|
|
|
|
} from '@/pages_safetyCheck/api/index.js'
|
|
} from '@/pages_safetyCheck/api/index.js'
|
|
import {
|
|
import {
|
|
checkItemModule
|
|
checkItemModule
|
|
@@ -137,7 +156,6 @@
|
|
manageId: '', //检查管理id
|
|
manageId: '', //检查管理id
|
|
subId: '',
|
|
subId: '',
|
|
hazardCheckPro: '',
|
|
hazardCheckPro: '',
|
|
- hazardCheckNum: 0,
|
|
|
|
sendLock: true, //发送锁,当为true时上锁,false时解锁发送
|
|
sendLock: true, //发送锁,当为true时上锁,false时解锁发送
|
|
recorderManager: wx.getRecorderManager(),
|
|
recorderManager: wx.getRecorderManager(),
|
|
optionData: null,
|
|
optionData: null,
|
|
@@ -148,6 +166,7 @@
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
let optionData = JSON.parse(decodeURIComponent(option.infoData));
|
|
let optionData = JSON.parse(decodeURIComponent(option.infoData));
|
|
|
|
+ console.log('开展检查',optionData)
|
|
uni.setNavigationBarTitle({
|
|
uni.setNavigationBarTitle({
|
|
title: optionData.subName + '(' + (optionData.pageType == 0 ? (optionData.roomNum ? optionData
|
|
title: optionData.subName + '(' + (optionData.pageType == 0 ? (optionData.roomNum ? optionData
|
|
.roomNum : '-') : (optionData
|
|
.roomNum : '-') : (optionData
|
|
@@ -168,18 +187,19 @@
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
if (this.pageType == 0) {
|
|
if (this.pageType == 0) {
|
|
- //检查
|
|
|
|
- if (this.itemsStatus == 0 || this.itemsStatus == 1) {
|
|
|
|
|
|
+ if(this.optionData.checkDraftVo){//检查中,已检查
|
|
|
|
+ if(this.optionData.checkDraftVo.checkStatus==2){//检查中
|
|
|
|
+ //保存草稿详情
|
|
|
|
+ this.securityDraftFindBySetOptionId();
|
|
|
|
+ }else{
|
|
|
|
+ //开始检查-提交的详情
|
|
|
|
+ this.securityAppCheckPlanCheckInfo();
|
|
|
|
+ }
|
|
|
|
+ }else{//待见擦汗
|
|
//开始检查-提交的详情
|
|
//开始检查-提交的详情
|
|
this.securityAppCheckPlanCheckInfo();
|
|
this.securityAppCheckPlanCheckInfo();
|
|
- } else if (this.itemsStatus == 2) {
|
|
|
|
- //保存草稿详情
|
|
|
|
- this.securityDraftFindBySetOptionId();
|
|
|
|
-
|
|
|
|
-
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- this.securityAppCheckPhotoGetCheckNumBySub();
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
//折叠展开
|
|
//折叠展开
|
|
@@ -203,7 +223,13 @@
|
|
console.log(data.data.hazardCheckPoin)
|
|
console.log(data.data.hazardCheckPoin)
|
|
//编辑的时候
|
|
//编辑的时候
|
|
this.$set(this.form, 'checkFlag', data.data.checkFlag ? data.data.checkFlag : false);
|
|
this.$set(this.form, 'checkFlag', data.data.checkFlag ? data.data.checkFlag : false);
|
|
- this.$set(this.form, 'hazardDescribe', data.data.hazardDescribe ? data.data.hazardDescribe:data.data.hazardCheckPoint);
|
|
|
|
|
|
+ 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, 'photoList', data.data.photoList ? data.data.photoList : []);
|
|
this.$set(this.form, 'voiceList', data.data.voiceList ? data.data.voiceList : []);
|
|
this.$set(this.form, 'voiceList', data.data.voiceList ? data.data.voiceList : []);
|
|
|
|
|
|
@@ -221,28 +247,21 @@
|
|
//编辑的时候
|
|
//编辑的时候
|
|
data.data.inspectDot = true;
|
|
data.data.inspectDot = true;
|
|
this.$set(this, 'newData', data.data);
|
|
this.$set(this, 'newData', data.data);
|
|
- this.$set(this.form, 'hazardDescribe', data.data.hazardDescribe ? data.data.hazardDescribe:data.data.hazardCheckPoint);
|
|
|
|
|
|
+ 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.newData, 'checkPlanSetVoList', this.optionData.checkPlanSetVoList);
|
|
this.$set(this.newData, 'checkPlanSetVoList', this.optionData.checkPlanSetVoList);
|
|
this.$set(this.form, 'checkFlag', data.data.checkFlag ? data.data.checkFlag : false);
|
|
this.$set(this.form, 'checkFlag', data.data.checkFlag ? data.data.checkFlag : false);
|
|
this.$set(this.form, 'photoList', data.data.photoList ? data.data.photoList : []);
|
|
this.$set(this.form, 'photoList', data.data.photoList ? data.data.photoList : []);
|
|
this.$set(this.form, 'voiceList', data.data.voiceList ? data.data.voiceList : []);
|
|
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);
|
|
|
|
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- checkItemModuleButton(type, item) {
|
|
|
|
|
|
+ checkItemModuleButton(type, item,keyPoint) {
|
|
if (type == 'open') {
|
|
if (type == 'open') {
|
|
let obj = {
|
|
let obj = {
|
|
infoType: this.pageType,
|
|
infoType: this.pageType,
|
|
@@ -264,10 +283,9 @@
|
|
this.$set(this.newData, 'hazardCheckCode2', item.hazardCheckCode2);
|
|
this.$set(this.newData, 'hazardCheckCode2', item.hazardCheckCode2);
|
|
this.$set(this.newData, 'hazardCheckName2', item.hazardCheckName2);
|
|
this.$set(this.newData, 'hazardCheckName2', item.hazardCheckName2);
|
|
this.$set(this.newData, 'hazardCheckPoint', item.hazardCheckPoint);
|
|
this.$set(this.newData, 'hazardCheckPoint', item.hazardCheckPoint);
|
|
- this.$set(this.form, 'hazardDescribe', item.hazardCheckPoint);
|
|
|
|
|
|
+ this.$set(this.form, 'hazardDescribe', keyPoint);
|
|
this.$set(this, 'setOptionId', item.setOptionId);
|
|
this.$set(this, 'setOptionId', item.setOptionId);
|
|
this.$set(this, 'hazardCheckPro', item.hazardCheckPro);
|
|
this.$set(this, 'hazardCheckPro', item.hazardCheckPro);
|
|
- this.securityAppCheckPhotoGetCheckNumBySub();
|
|
|
|
this.$set(this, 'checkItemModuleType', false);
|
|
this.$set(this, 'checkItemModuleType', false);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -320,18 +338,8 @@
|
|
duration: 2000
|
|
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,
|
|
|
|
- };
|
|
|
|
|
|
+ let infoData = this.optionData;
|
|
|
|
+ infoData.itemsStatus = status == 1 ? 2 : 0;
|
|
uni.redirectTo({
|
|
uni.redirectTo({
|
|
url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
|
|
url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
|
|
encodeURIComponent(JSON
|
|
encodeURIComponent(JSON
|
|
@@ -361,7 +369,7 @@
|
|
},
|
|
},
|
|
/******图片上传******/
|
|
/******图片上传******/
|
|
selectImage() {
|
|
selectImage() {
|
|
- let self=this;
|
|
|
|
|
|
+ let self = this;
|
|
let photoMaxNun = 0;
|
|
let photoMaxNun = 0;
|
|
if (this.form.photoList.length > 5) {
|
|
if (this.form.photoList.length > 5) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
@@ -716,9 +724,8 @@
|
|
}
|
|
}
|
|
|
|
|
|
.list {
|
|
.list {
|
|
- width: 690rpx;
|
|
|
|
- margin: 20rpx 30rpx 0;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
|
+ width: 750rpx;
|
|
|
|
+ margin: 20rpx 0rpx 0;
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
|
|
@@ -729,12 +736,16 @@
|
|
padding: 0 30rpx;
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-bottom: 1rpx solid #E0E0E0;
|
|
border-bottom: 1rpx solid #E0E0E0;
|
|
|
|
+ background: #fff;
|
|
|
|
|
|
>view:nth-of-type(1) {
|
|
>view:nth-of-type(1) {
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
color: #333333;
|
|
color: #333333;
|
|
line-height: 80rpx;
|
|
line-height: 80rpx;
|
|
text-align: left;
|
|
text-align: left;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
|
|
>view:nth-of-type(2) {
|
|
>view:nth-of-type(2) {
|
|
@@ -747,8 +758,8 @@
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
|
|
>img {
|
|
>img {
|
|
- width: 24rpx;
|
|
|
|
- height: 12rpx;
|
|
|
|
|
|
+ width: 30rpx;
|
|
|
|
+ height: 30rpx;
|
|
margin-left: 10rpx;
|
|
margin-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -790,19 +801,26 @@
|
|
}
|
|
}
|
|
|
|
|
|
.describe {
|
|
.describe {
|
|
- width: 636rpx;
|
|
|
|
- height: 180rpx;
|
|
|
|
- border-radius: 10rpx 10rpx 10rpx 10rpx;
|
|
|
|
- border: 1rpx solid #E0E0E0;
|
|
|
|
- margin: 20rpx 0 20rpx 28rpx;
|
|
|
|
- padding: 12rpx 16rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- font-size: 24rpx;
|
|
|
|
- color: #333333;
|
|
|
|
|
|
+ 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 {
|
|
.check-for-img-max-box {
|
|
- margin: 20px 28rpx;
|
|
|
|
|
|
+ padding: 20px 28rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background: #fff;
|
|
|
|
|
|
.left-title-p {
|
|
.left-title-p {
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -889,15 +907,32 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .srearch {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ .srearch-l {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ color: #333333;
|
|
|
|
+ line-height: 100rpx;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .srearch-r {
|
|
|
|
+ width: 30rpx;
|
|
|
|
+ height: 30rpx;
|
|
|
|
+ margin-right: 0rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
/* 语音备注 */
|
|
/* 语音备注 */
|
|
.voice {
|
|
.voice {
|
|
- width: 690rpx;
|
|
|
|
|
|
+ width: 750rpx;
|
|
min-height: 100rpx;
|
|
min-height: 100rpx;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
- margin: 0rpx 30rpx;
|
|
|
|
- padding: 0 30rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
|
+
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
|
|
.voice_t {
|
|
.voice_t {
|
|
@@ -905,15 +940,23 @@
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
|
|
+ padding: 0 30rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ border-top: 2rpx solid #E0E0E0;
|
|
.voice_t_t {
|
|
.voice_t_t {
|
|
width: 100%;
|
|
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 {
|
|
.voice_t_b {
|
|
@@ -932,7 +975,8 @@
|
|
justify-content flex-start;
|
|
justify-content flex-start;
|
|
align-items center;
|
|
align-items center;
|
|
margin-bottom: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
-
|
|
|
|
|
|
+ padding: 0 30rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
.voice_b_l {
|
|
.voice_b_l {
|
|
width: 400rpx;
|
|
width: 400rpx;
|
|
height: 40rpx;
|
|
height: 40rpx;
|