From f3c27222cd3c6f91b5a980e79584c6a32451f206 Mon Sep 17 00:00:00 2001
From: zhangli <2235006734@qq.com>
Date: Mon, 30 Oct 2023 11:41:51 +0800
Subject: [PATCH] 1

---
 src/components/SearchHigh/src/SearchHigh.vue | 55 +++++++++++---------
 1 file changed, 29 insertions(+), 26 deletions(-)

diff --git a/src/components/SearchHigh/src/SearchHigh.vue b/src/components/SearchHigh/src/SearchHigh.vue
index c56d4c149..95eeba3af 100644
--- a/src/components/SearchHigh/src/SearchHigh.vue
+++ b/src/components/SearchHigh/src/SearchHigh.vue
@@ -11,7 +11,7 @@
         </div>
         <!-- 第二列 条件-->
         <div class="rowInnerItem">
-          <el-select v-model="item.action" placeholder="请选择条件" :disabled="item.column == '' || item.hide ? true : false">
+          <el-select v-model="item.action" placeholder="请选择条件" :disabled="item.column == '' || item.hide ? true : false" @change="actionSelect(item)" >
             <el-option v-for="item in formatMoreListActions(item) " :key="item.value" :label="item.label"
               :value="item.value" />
           </el-select>
@@ -19,24 +19,24 @@
         <!-- 第三列 值 -->
         <div class="rowInnerItem1">
           <!-- 输入框 -->
-          <el-input v-if="getInputType(item.column) == 'input'" v-model="item.value" placeholder="请输入内容" clearable />
+          <el-input v-if="getInputType(item.column) == 'input'" v-model="item.value" placeholder="请输入内容" clearable :disabled="item.disabled"/>
           <!-- 数字输入框 -->
-          <el-input-number v-else-if="getInputType(item.column) == 'inputNumber'" v-model="item.value" :precision="6"  />
+          <el-input-number v-else-if="getInputType(item.column) == 'inputNumber'" v-model="item.value" :precision="6"  :disabled="item.disabled"/>
           <!-- 下拉框 -->
-          <el-select v-else-if="getInputType(item.column) == 'select'" v-model="item.value" placeholder="请选择内容" :filterable="true" clearable >
+          <el-select v-else-if="getInputType(item.column) == 'select'" v-model="item.value" placeholder="请选择内容" :filterable="true" clearable :disabled="item.disabled">
             <el-option v-for="dict in initSelectOptions(item.column)" :key="dict.value" :label="dict.label"
             :value="dict.value" />
             <!-- <el-option v-for="(op, index) in initSelectOptions(item.column)" :label="op[item.optionsLabel] || op.label"
               :value="op[item.optionsValue] || op.value" :key="index" /> -->
           </el-select>
           <!-- 时间 -->
-          <el-time-picker v-else-if="getInputType(item.column) == 'time'" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" v-model="item.time"  style="width: 340px;margin-right: 20px;"/>
+          <el-time-picker v-else-if="getInputType(item.column) == 'time'" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" v-model="item.time"  style="width: 340px;margin-right: 20px;" :disabled="item.disabled"/>
           <!-- 日期 -->
           <el-date-picker v-else-if="getInputType(item.column) == 'date'" v-model="item.time" type="daterange"
-           range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 340px;margin-right: 20px;" @change="changeDateTimePicker($event, item,'daterange')" value-format="YYYY-MM-DD"  format="YYYY/MM/DD"/>
+           range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 340px;margin-right: 20px;" @change="changeDateTimePicker($event, item,'daterange')" value-format="YYYY-MM-DD"  format="YYYY/MM/DD" :disabled="item.disabled"/>
           <!-- 日期时间 -->
           <el-date-picker v-else-if="getInputType(item.column) == 'datePicker'" v-model="item.time" type="datetimerange"
-            range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间"  style="width: 340px;" @change="changeDateTimePicker($event, item, 'datetimerange')" value-format="x"  format="YYYY/MM/DD HH:mm:ss"/>
+            range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间"  style="width: 340px;" @change="changeDateTimePicker($event, item, 'datetimerange')" value-format="x"  format="YYYY/MM/DD HH:mm:ss" :disabled="item.disabled"/>
         </div>
         <!-- 删除条件按钮 -->
         <el-button type="danger" :icon="Minus" circle size="small"
@@ -144,23 +144,11 @@ const moreListOptions = ref({
 // 根据数据内容约束条件选项 ==,!=,>,<,>=,<=,like,in,notIn,betweeen,isNull,isNotNull
 const formatMoreListActions = (val) => {
   if (val) {
-    // for(var i = 0; i < searchOption_high.value.length; i++) {
-    //   if (val == searchOption_high[i].prop) {
-    //     if (state.searchOption_high[i].filters) {
-    //       return state.moreListOptions.action.filter(item => item.value == '==' || item.value == '!=')
-    //     } else if (state.searchOption_high[i].type == 'dateTime') {
-    //       return state.moreListOptions.action.filter(item => 
-    //         item.value == '==' || 
-    //         item.value == '!=' ||
-    //         item.value == '>' ||
-    //         item.value == '<' ||
-    //         item.value == '>=' ||
-    //         item.value == '<=' )
-    //     } else {
-    //       return moreListOptions.value.action
-    //     }
-    //   }
-    // }
+    if(getInputType(val.column)=='datePicker'|| getInputType(val.column) == 'date'){
+       return moreListOptions.value.action.filter(item => item.value == 'betweeen')
+    }else{
+       return moreListOptions.value.action.filter(item => item.value != 'betweeen')
+    }
   }
   return moreListOptions.value.action
 }
@@ -189,8 +177,23 @@ const moreListPush = () => {
 
 // 筛选条件改变重置其他项
 const resetSelect = (val) => {
-  val.action = "=="
-  val.value = ""
+   if (getInputType(val.column) == 'datePicker' || getInputType(val.column) == 'date') {
+    val.action = 'betweeen'
+    val.value = ""
+    val.disabled = false
+  }else{
+    val.action = '=='
+    val.value = ""
+    val.disabled = false
+  }
+}
+// 范围改变
+const actionSelect = (val)=>{
+  if(val.action=='isNull'|| val.action == 'isNotNull'){
+    val.disabled = true
+  }else{
+    val.disabled = false
+  }
 }
 
 // 查询 重置按钮事件