页面调整

pages/inspection/components/detailsCollapse.vue

@@ -1,7 +1,7 @@
 <template>
     <view>
         <u-collapse :accordion="false">
-            <u-collapse-item v-for="(item, index) in itemList" :key="index" >
+            <u-collapse-item v-for="(item, index) in itemList" :key="index">
                 <view slot="title">
                     <text class="collapse-title">实验室楼层：{{ item.title }}</text>
                 </view>
@@ -33,8 +33,9 @@
                             <view class="info_item">
                                 <text class="item_left_txt">使用人签字：</text>
                                 <text class="item_right_txt">
-                                    <image v-if="n.qianzi" :src="n.qianzi" style="width: 144px;height: 77rpx;" mode="widthFix" @click="toPop1(index,vindex,sindex,nindex)"></image>
+                                    <image v-if="n.qianzi" :src="n.qianzi" style="width: 144px;height: 77rpx;"
-                                    <view v-else class="btn" @click="toPop1(index,vindex,sindex,nindex)">签字</view>
+                                        mode="widthFix" @click="toPop1(index, vindex, sindex, nindex)"></image>
+                                    <view v-else class="btn" @click="toPop1(index, vindex, sindex, nindex)">签字</view>
                                 </text>
                             </view>
                             <view class="info_item">
@@ -48,17 +49,18 @@
                 </view>
             </u-collapse-item>
         </u-collapse>
-
+        <!-- 提交按钮 -->
+        
         <jp-signature-popup ref="signature1" popup v-model="image2" @change="signChange" />
     </view>
-
+    
 </template>
 <script>
 export default {
     data() {
         return {
-            image2:'',//签字路径
+            image2: '',//签字路径
-            signIndex:[],
+            signIndex: [],
             satisfactionList: [
                 {
                     text: '正常',
@@ -81,12 +83,12 @@ export default {
                                     {
                                         title1: '水量水压满足用水要求1',
                                         radioValue: null,
-                                        qianzi:'',//签字图片
+                                        qianzi: '',//签字图片
                                     },
                                     {
                                         title1: '水量水压满足用水要求2',
                                         radioValue: null,
-                                        qianzi:'',//签字图片
+                                        qianzi: '',//签字图片
                                     }
                                 ]
                             }]
@@ -133,18 +135,17 @@ export default {
                     ]
                 }
             ],
-            
+
         }
     },
-    methods:{
+    methods: {
-        toPop1(index,vindex,sindex,nindex){
+        toPop1(index, vindex, sindex, nindex) {
-           
+
-            this.signIndex=[index,vindex,sindex,nindex]
+            this.signIndex = [index, vindex, sindex, nindex]
             this.$refs.signature1.toPop()
 
         },
-        signChange(e){
+        signChange(e) {
-            console.log(11111,e)
             this.itemList[this.signIndex[0]].fangjian[this.signIndex[1]].neirong[this.signIndex[2]].detection[this.signIndex[3]].qianzi = e
         }
     }
@@ -249,4 +250,6 @@ export default {
         }
     }
 }
+
+
 </style>

pages/inspection/questDetails.vue

@@ -34,7 +34,10 @@
             <view class="info_title">巡检任务</view>
             <detailsCollapse></detailsCollapse>
         </view>
-
+        <view class="repair-btn" style="margin-right: 32rpx;width:100%">
+            <u-button size="medium">保存</u-button>
+            <u-button size="medium" type="primary">提交</u-button>
+        </view>
     </view>
 </template>
 <script>
@@ -50,7 +53,6 @@ export default {
     width: 100%;
     padding: 0;
     padding-top: 26rpx;
-    padding-bottom: 180rpx;
 
     .info {
         margin: 0 24rpx 20rpx;
@@ -95,5 +97,18 @@ export default {
             }
         }
     }
+    .repair-btn {
+    width: 100%;
+    height: 150rpx;
+    display: flex;
+    justify-content: space-between;
+    /* 水平均匀分布 */
+    margin-top: 32rpx;
+    padding: 0 32rpx;
+   
+    /deep/.u-btn {
+        width: 48%;
+    }
+}
 }
 </style>