elink-star
/
epmet-work-mp
19
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式问题123

data-page-V4.3.1
是小王呀\24601 1 year ago
parent
085884f05d
commit
5359027698
4 changed files with 135 additions and 74 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 34
      subpages/InspectionReport/pages/InspectionReport/InspectionReport.wxml
  2. 54
      subpages/InspectionReport/pages/InspectionReport/InspectionReport.wxss
  3. 30
      subpages/safetyinspection/pages/safetyinspection/safetyinspection.wxml
  4. 65
      subpages/safetyinspection/pages/safetyinspection/safetyinspection.wxss

34
subpages/InspectionReport/pages/InspectionReport/InspectionReport.wxml
View File

@ -13,8 +13,9 @@
</view>
<view class="from">
<view class="prosecutors">
<view class="conclusion">
<text class="prosecutors_req">*</text>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">企业名称</text>
<picker class="prosecutors_name" bindchange="pickerChange2" range-key="name" value="{{index}}" range="{{companyList}}">
<view class="{{gridNName?'':'gray'}}">
@ -24,23 +25,25 @@
</view>
<view class="conclusion_right">
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view>
</view>
</view></view>
</view>
<view class="prosecutors" bind:tap="showPopup">
<view class="conclusion">
<text class="prosecutors_req">*</text>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">检查人员</text>
<text class="prosecutors_name">{{ selectedNames }}</text>
</view>
<view>
<view class="conclusion_right">
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view>
</view></view>
</view>
<view class="pitfall">
<view class="prosecutors">
<view class="conclusion">
<text class="prosecutors_req" wx:if="{{checkResultFlag == 0}}">*</text>
<view class="conclusion1">
<text class="prosecutors_pre">隐患明细</text>
</view>
</view>
@ -75,10 +78,10 @@
</view>
</view>
<view class="prosecutors">
<view class="conclusion">
<text class="prosecutors_req">*</text>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">检查结论</text>
<picker class="prosecutors_name" bindchange="pickerChange" value="{{index}}" range="{{array}}">
<view class="{{checkResultName?'':'gray'}}">
@ -90,22 +93,25 @@
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view>
</view>
</view>
<view class="prosecutors">
<view class="prosecutors_data">
<text class="prosecutors_req" wx:if="{{checkResultFlag == 0}}">*</text>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">拟复查时间</text>
<view>
<picker mode="date" class="prosecutors_name" bindchange="pickerChange1" value="{{data}}">
<view class="{{getData?'':'gray'}}">
{{getData?getData:'请选择'}}
</view>
</picker>
</view>
</view>
<view>
<view class="conclusion_right">
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view>
</view>
</view>
<view class="attachment">
<view class="image-box">
<view class="{{ uploadImageList.length < 4 ? 'image-list' : uploadImageList.length > 3 && uploadImageList.length < 7 ? 'image-list image-list-2' : uploadImageList.length > 6 && uploadImageList.length < 10 ? 'image-list image-list-3' : 'image-list image-list-4' }}">
@ -125,7 +131,7 @@
<image wx:if="{{uploadImageList.length < 3}}" src="../../../../images/ig_tianjiatupian@2x.png" bindtap="chooseImage" />
</view>
</view>
<text class="text1">备注</text>
<text class="text_27">备注</text>
<view class="textarea1">
<textarea placeholder-style="color: #C1C1C1;" bindinput="bindRemarkInput" maxlength="100" placeholder-class="gray" placeholder="请输入" />
</view>

54
subpages/InspectionReport/pages/InspectionReport/InspectionReport.wxss
View File

@ -15,6 +15,15 @@ page {
margin: 30rpx;
}
.prosecutors{
display: flex;
flex-direction:row;
align-items: center;
margin: 20rpx;
height: 80rpx;
}
.nes{
width: 630rpx;
display: flex;
flex-direction:row;
align-items: center;
@ -27,9 +36,14 @@ page {
display: flex;
flex-direction: row;
}
.conclusion1{
display: flex;
flex-direction: row;
margin-left: 20rpx;
}
.prosecutors_req{
color: red;
margin: 5rpx
margin: 5rpx;
}
.prosecutors_pre{
width: 124rpx;
@ -58,7 +72,6 @@ page {
.prosecutors_img{
width: 40rpx;
height: 30rpx;
margin-right: 30rpx;
}
.prosecutors_top{
display: flex;
@ -97,6 +110,7 @@ page {
display: flex;
flex-direction: column;
margin: 20rpx;
padding-left: 40rpx;
}
.image1{
margin-top: 20rpx;
@ -108,6 +122,18 @@ page {
position: absolute;
top: 35rpx;
}
.field-text{
width: 61rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 32rpx;
font-family: PingFang-SC-Regular;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
}
.text1{
width: 62rpx;
height: 30rpx;
@ -124,8 +150,9 @@ page {
.textarea1{
margin-top: 20rpx;
background-color:#f7f7f7 ;
width: 100%;
width: 650rpx;
height: 200rpx;
margin-left: 40rpx;
}
/* .text2{
width: 133rpx;
@ -330,9 +357,8 @@ margin-bottom: 20rpx;
height: auto;
border-radius: 16rpx;
background: #fff;
margin-top: 20rpx;
box-sizing: border-box;
padding: 34rpx 24rpx;
padding: 34rpx 40rpx;
position: relative;
display: flex;
/* display: flex;
@ -345,7 +371,7 @@ margin-bottom: 20rpx;
grid-template-rows: 214rpx;
grid-gap: 17rpx;
height: 188rpx;
margin-top:80rpx ;
margin-top:50rpx ;
}
.image-list-2 {
height: 428rpx !important;
@ -452,7 +478,7 @@ margin-bottom: 20rpx;
line-height: 42rpx;
}
.requirement{
padding-left:20rpx ;
padding-left:40rpx ;
}
.popup-content{
margin: 20rpx;
@ -462,3 +488,17 @@ margin-bottom: 20rpx;
.checkbox{
margin: 40rpx;
}
.text_27 {
margin-left: 40rpx;
margin-bottom: 30rpx;
width: 62rpx;
height: 30rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
font-size: 32rpx;
font-family: PingFang-SC-Regular;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
}

30
subpages/safetyinspection/pages/safetyinspection/safetyinspection.wxml
View File

@ -3,18 +3,22 @@
<view class="prosecutors" bind:tap="showPopup">
<text class="prosecutors_req">*</text>
<view>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">检查人员</text>
</view>
<text class="prosecutors_name">{{ selectedNames }}</text>
</view>
<view class="conclusion_right">
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view></view>
</view>
<view class="pitfall">
<view class="prosecutors" style="border-bottom: none;">
<view>
<text class="prosecutors_req" wx:if="{{checkResultFlag == 0}}">*</text>
<text class="prosecutors_pre">未整改隐患</text>
<text class="prosecutors_pre1">未整改隐患</text>
</view>
</view>
<view class="checkbox1">
@ -36,8 +40,9 @@
</view>
</view>
<view class="prosecutors" >
<view class="conclusion">
<text class="prosecutors_req">*</text>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">检查结论</text>
<picker class="prosecutors_name" bindchange="pickerChange" value="{{checkResultFlag}}" range="{{array}}">
<view class="{{checkResultFlagName?'':'gray'}}">
@ -47,23 +52,24 @@
</view>
<view class="conclusion_right">
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view>
</view></view>
</view>
<view class="prosecutors" >
<view class="prosecutors_data">
<text class="prosecutors_req" wx:if="{{checkResultFlag == 0}}">*</text>
<view class="nes">
<view class="conclusion">
<text class="prosecutors_pre">拟复查时间</text>
<view>
<picker mode="date" class="prosecutors_name" bindchange="pickerChange1" value="{{reviewTime}}">
<view class="{{reviewTime?'':'gray'}}">
{{reviewTime?reviewTime:'请选择'}}
</view>
</picker>
</view>
</view>
<view>
<view class="conclusion_right">
<image src="../../../../images/right.png" class="prosecutors_img"></image>
</view>
</view></view>
</view>
<view class="image-box">
<view class="{{ uploadImageList.length < 4 ? 'image-list' : uploadImageList.length > 3 && uploadImageList.length < 7 ? 'image-list image-list-2' : uploadImageList.length > 6 && uploadImageList.length < 10 ? 'image-list image-list-3' : 'image-list image-list-4' }}">
@ -84,12 +90,10 @@
</view>
</view>
<view class="attachment">
<text class="text1">备注</text>
<view class="textarea1">
<textarea placeholder-style="color: #C1C1C1;" bindinput="bindRemarkInput" maxlength="100" placeholder-class="gray" placeholder="请输入" />
</view>
</view>
</view>
<view class="form_record">
@ -139,7 +143,7 @@
</view>
<view wx:if="{{index}}" >
<text class="logs-content-title">巡查定位：</text>
<text class="logs-content-txt">{{item.address}}</text>
<text class="logs-content-txt">{{item.reviewAddress}}</text>
</view>
</view>
</view>

65
subpages/safetyinspection/pages/safetyinspection/safetyinspection.wxss
View File

@ -30,46 +30,68 @@ page {
margin-top:20rpx ;
}
.prosecutors{
width: 650rpx;
display: flex;
flex-direction:row;
align-items: center;
height: 100rpx;
justify-content: space-between;
border-bottom: 1px solid #EAEAEA;
margin: 20rpx;
height: 80rpx;
}
.conclusion{
display: flex;
flex-direction: row;
}
.nes{
width: 630rpx;
display: flex;
flex-direction:row;
align-items: center;
margin: 20rpx;
justify-content: space-between;
height: 80rpx;
border-bottom: 1px solid #EAEAEA;
}
.prosecutors_req{
color: red;
margin: 5rpx
}
.prosecutors_pre{
/* width: 125rpx; */
height: 50rpx;
width: 124rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(102,102,102,1);
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Regular;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 50rpx;
margin-left: 6rpx;
line-height: 42rpx;
}
.prosecutors_pre1{
width: 124rpx;
height: 31rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-family: PingFang-SC-Regular;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 42rpx;
margin-left: 20rpx;
}
.prosecutors_name{
width: 400rpx;
height: 50rpx;
text-emphasis: none;
overflow: hidden;
width: 150px;
height: 30rpx;
overflow-wrap: break-word;
color: rgba(51,51,51,1);
font-size: 32rpx;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 50rpx;
margin-left: 30rpx;
line-height: 42rpx;
margin-left: 60rpx;
}
.prosecutors_img{
width: 40rpx;
@ -339,24 +361,13 @@ margin-bottom: 20rpx;
background: #fff;
margin-top: 20rpx;
box-sizing: border-box;
padding: 34rpx 24rpx;
padding: 34rpx 60rpx;
position: relative;
}
.group{
margin-bottom: 20rpx;
}
.image-box {
width: 100%;
height: auto;
border-radius: 16rpx;
background: #fff;
margin-top: 20rpx;
box-sizing: border-box;
padding: 34rpx 24rpx;
position: relative;
/* display: flex;
align-items: center; */
}
.image-box .image-list-label {
position: absolute;
top: 35rpx;

Write Preview
Loading…
Cancel
Save