巡检表单优化

pages/tabBar/sdPage/dfReport.vue

@@ -75,9 +75,7 @@
       
   </view>
   <!-- 提交按钮 -->
-  <view class="submit-btn-wrap">
-    <u-button class="u-button--primary " type="primary" shape="circle" @click="onSubmit">提交</u-button>
-  </view>
+  <view class="u-button--primary">提交</view>
   </view>
 </template>
 
@@ -299,12 +297,18 @@ display: flex;
 }
 
 .u-button--primary {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   background: linear-gradient(90deg, #0DC6C6  0%, #13C2C2 100%) !important;
   font-size: 36rpx;
   border-radius: 48rpx !important;
   border: none;
+  margin: auto;
+  margin-top: 40rpx;
   width: 80%;
   height: 88rpx;
+  color: rgba(255, 255, 255, 1);
 }
 </style>
 

pages/tabBar/sdPage/sfReport.vue

@@ -76,10 +76,7 @@
       
   </view>
   <!-- 提交按钮 -->
-  <view class="u-button--primary" @click="onSubmit">提交
-    
-    <!-- <u-button class="u-button--primary" type="primary" shape="circle" @click="onSubmit">提交</u-button> -->
-  </view>
+  <view class="u-button--primary" @click="onSubmit">提交</view>
   </view>
 </template>
 

pages/tabBar/xjPage/xj.vue

@@ -8,25 +8,25 @@
       <u-form labelPosition="left">
 
         <u-form-item labelAlign="right" labelWidth="100px" label="乐业社区" prop="sex" borderBottom
-          @click="lysqShow = true" ref="item1">
+          @click="lysqShow = true" required>
           <u--input v-model="form.apartmentName" disabled disabledColor="#ffffff" placeholder="请选择" border="none"></u--input>
           <u-icon slot="right" name="arrow-right"></u-icon>
         </u-form-item>
 
         <u-form-item labelAlign="right" labelWidth="100px" label="巡检问题类型" borderBottom
-          @click="wtlxShow = true" ref="item1">
+          @click="wtlxShow = true" required>
           <u--input v-model="form.questionName" disabled disabledColor="#ffffff" placeholder="请选择" border="none"></u--input>
           <u-icon slot="right" name="arrow-right"></u-icon>
         </u-form-item>
 
-        <u-form-item labelAlign="right" labelWidth="100px" label="标题内容" borderBottom ref="item1">
+        <u-form-item labelAlign="right" labelWidth="100px" label="标题内容" borderBottom required>
           <u--textarea v-model="form.title" placeholder="请输入内容" count maxlength="500"></u--textarea>
         </u-form-item>
 
-        <u-form-item labelAlign="right" labelWidth="100px" label="问题描述" borderBottom ref="item1">
+        <u-form-item labelAlign="right" labelWidth="100px" label="问题描述" borderBottom required>
           <u--textarea v-model="form.content" placeholder="请输入内容" count maxlength="500"></u--textarea>
         </u-form-item>
-        <u-form-item labelAlign="right" labelWidth="120px" label="上传图片/视频" borderBottom ref="item1">
+        <u-form-item labelAlign="right" labelWidth="120px" label="上传图片/视频" borderBottom>
           <u-upload
             v-model="fileList"
             :max-count="10"
@@ -55,10 +55,10 @@
 
     <view class="conItem" style="margin-top: 40rpx;">
       <u--form labelPosition="left">
-        <u-form-item labelAlign="right" labelWidth="100px" label="巡检人姓名" borderBottom ref="item1">
+        <u-form-item labelAlign="right" labelWidth="100px" label="巡检人姓名" borderBottom required>
           <u--input v-model="form.inspector" border="none"></u--input>
         </u-form-item>
-        <u-form-item labelAlign="right" labelWidth="100px" label="巡检人电话" borderBottom ref="item1">
+        <u-form-item labelAlign="right" labelWidth="100px" label="巡检人电话" borderBottom required>
           <u--input v-model="form.inspectorPhone" border="none"></u--input>
         </u-form-item>
       </u--form>
@@ -390,3 +390,9 @@ export default {
   margin-bottom: 16rpx;
 }
 </style>
+
+<style>
+.u-form-item__body__left__content__required{
+  font-size: 24rpx !important;
+}
+</style>