检查列表的检查状态可以多选

components/fjj-condition/fjj-condition.vue

@@ -1,7 +1,7 @@
 <template>
   <view>
     <uni-drawer :visible="visibleDrawer" mode="right" @close="closeDrawer()">
-      <scroll-view class="drawer-list" scroll-y :style="{'height': drawerHeight}">
+      <scroll-view class="drawer-list" scroll-y :style="{'height': '100%'}">
         <block v-for="(item, index) in menuList" :key="index">
           <!-- 单选、多选  isMutiple是否支持多选-->
           <view v-if="item.type == 'custom' && item.detailList.length">
@@ -141,19 +141,19 @@
             <view class="dateContent inspectState-content flex">
               <!-- https://ext.dcloud.net.cn/plugin?id=1873#detail -->
               <ld-select :multiple="true" :list="inspectStateList" label-key="label" value-key="value" placeholder="请选择"
-                v-model="result.inspectState" @change="inspectStateChange"></ld-select>
+                v-model="result.inspectState" @change="inspectStateChange" @parentCancel="parentCancel"></ld-select>
             </view>
           </view>
         </block>
-      </scroll-view>
-      <view class="filter-content-footer flex justify-center">
-        <view class="filter-content-footer-item" @tap="resetClick">
-          <text>重置</text>
-        </view>
-        <view class="filter-content-footer-item" :style="{color}" @tap="sureClick">
-          <text>确认</text>
+        <view class="filter-content-footer flex justify-center">
+          <view class="filter-content-footer-item" @tap="resetClick">
+            <text>重置</text>
+          </view>
+          <view class="filter-content-footer-item" :style="{color}" @tap="sureClick">
+            <text>确认</text>
+          </view>
         </view>
-      </view>
+      </scroll-view>
     </uni-drawer>
     <mx-date-picker :show="showPicker" :color="color" :type="dateType" :value="dateValue" :show-tips="true"
       :show-seconds="true" @confirm="onSelected" @cancel="onSelected" />
@@ -268,6 +268,15 @@
       };
     },
     methods: {
+      parentCancel(flag) {
+        if (flag == 1) {
+          document.querySelector('.uni-drawer__content').style.width = '100vw';
+          document.querySelector('.drawer-list').style.padding = '0';
+        } else {
+          document.querySelector('.uni-drawer__content').style.width = '200px';
+          document.querySelector('.drawer-list').style.padding = '0 ' + uni.upx2px(20) + "px";
+        }
+      },
       getSelectedObj() {
         return this.commonResultObj();
       },

components/ld-select/ld-select.vue

@@ -174,10 +174,12 @@
       showModal() { // 显示model
         if (!this.disabled) {
           this.isShowModal = true
+          this.$emit('parentCancel', 1)
         }
       },
       hideModal() { // 隐藏model
         this.isShowModal = false
+        this.$emit('parentCancel', 0)
       }
     }
   }
@@ -251,7 +253,7 @@
     height: 100vh;
     position: fixed;
     top: 0;
-    left: calc(220px - 100vw);
+    right: 0;
     z-index: 9999;
     opacity: 0;
     outline: 0;
@@ -261,7 +263,7 @@
     backface-visibility: hidden;
     perspective: 2000rpx;
     background: rgba(0, 0, 0, 0.6);
-    transition: all 0.3s ease-in-out 0s;
+    transition: all 0.1s ease-in-out 0s;
     pointer-events: none;
     margin-bottom: -1000rpx;
 
@@ -300,7 +302,7 @@
 
   .select-modal.show {
     opacity: 1;
-    transition-duration: 0.3s;
+    transition-duration: 0.1s;
     -ms-transform: scale(1);
     transform: scale(1);
     overflow-x: hidden;