联调app

components/Cn-qianTree/Cn-qianTree.vue

@@ -20,10 +20,17 @@
                     class="uni-input"
                     radius="5"
                     placeholder="请输入关键字搜索"
-                    clearButton="auto"
-                    cancelButton="none"
+                   clearButton="none"
                     @input="input"
                 />
+
+                <!-- <uni-search-bar
+                    v-model="searchValue"
+                    clearButton="none"
+                    bgColor="#fff"
+                    placeholder="请输入关键词"
+                    @input="input"
+                ></uni-search-bar> -->
             </view>
 
             <view class="tki-tree-view">
@@ -59,7 +66,7 @@
                             >
                                 <view
                                     class="tki-tree-check-yes"
-                                    v-if="item.checked"
+                                    v-if="item.checked && (singleChoice ? item.rank == 3 : true)"
                                     :class="{ radio: !multiple }"
                                     :style="{ 'border-color': confirmColor }"
                                 >
@@ -70,7 +77,7 @@
                                 </view>
                                 <view
                                     class="tki-tree-check-no"
-                                    v-else
+                                    v-if="!item.checked && (singleChoice ? item.rank == 3 : true)"
                                     :class="{ radio: !multiple }"
                                     :style="{ 'border-color': confirmColor }"
                                 ></view>
@@ -101,6 +108,7 @@ export default {
             type: String,
             default: 'id',
         },
+        singleChoice: { type: Boolean, default: false },
         rangeKey: {
             type: String,
             default: 'name',
@@ -416,6 +424,10 @@ export default {
             })
         },
         _treeItemSelect(item, index) {
+            if (item.rank != 3) {
+                if (this.singleChoice) return
+            }
+            // if(this.singleChoice)
             this.treeList[index].checked = !this.treeList[index].checked
             // 选父级, 子级自动全选
             this.syncChecked(this.treeList, item.id, this.treeList[index].checked)

components/Cn-qianTree/style.css

@@ -21,7 +21,7 @@
     bottom: 0rpx;
     left: 0rpx;
     z-index: 9999;
-    top: 160rpx;
+    top: 40%;
     transition: all 0.3s ease;
     transform: translateY(100%);
 }