Explorar o código

🎈 perf([drp-搜索组件]): 搜索组件取消change事件触发查询

特例:采购需求处理界面去掉查询条件没有点搜索建议不要加载查询(指物料编码)

20240507260
002390 hai 1 ano
pai
achega
a8ccd03c78

+ 8 - 8
src/components/super-search/index.vue

@@ -116,18 +116,18 @@ export default {
                   v-if="attr.is === 'el-input'"
                   v-bind="attr"
                   v-model="innerValue[item.key]"
-                  @keyup.enter.native="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @keyup.enter.native="$emit('submit')" -->
                 </component>
                 <component
                   v-if="attr.is === 'el-select'"
                   v-bind="attr"
                   v-model="innerValue[item.key]"
-                  @change="attr.multiple ? '' : $emit('submit')"
                   @clear="$emit('clear')"
                   style="width: 100%"
                 >
+                  <!-- @change="attr.multiple ? '' : $emit('submit')" -->
                   <template>
                     <el-option
                       v-for="item in dict.type[attr.dictName]"
@@ -142,9 +142,9 @@ export default {
                   v-if="attr.is === 'el-date-picker'"
                   v-bind="attr"
                   v-model="innerValue[item.key]"
-                  @change="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @change="$emit('submit')" -->
                 </component>
                 <component
                   v-if="attr.is === 'el-popover-select-v2'"
@@ -152,9 +152,9 @@ export default {
                   v-model="innerValue[item.key]"
                   :title="item.title"
                   :source.sync="innerValue"
-                  @change="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @change="$emit('submit')" -->
                 </component>
                 <component
                   v-if="attr.is === 'el-popover-multiple-select-v2'"
@@ -162,27 +162,27 @@ export default {
                   :title="item.title"
                   v-model="innerValue[item.key]"
                   :source.sync="innerValue"
-                  @change="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @change="$emit('submit')" -->
                 </component>
                 <component
                   v-if="attr.is === 'el-popover-tree-select'"
                   v-bind="attr"
                   v-model="innerValue[item.key]"
                   :source.sync="innerValue"
-                  @change="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @change="$emit('submit')" -->
                 </component>
                 <component
                   v-if="attr.is === 'el-popover-multiple-tree-select'"
                   v-bind="attr"
                   v-model="innerValue[item.key]"
                   :source.sync="innerValue"
-                  @change="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @change="$emit('submit')" -->
                 </component>
 
                 <component
@@ -190,9 +190,9 @@ export default {
                   v-bind="attr"
                   v-model="innerValue[item.key]"
                   :source.sync="innerValue"
-                  @change="$emit('submit')"
                   style="width: 100%"
                 >
+                  <!-- @change="$emit('submit')" -->
                 </component>
               </slot>
             </template>

+ 2 - 2
src/views/purchase/DemandSummary/index.vue

@@ -185,7 +185,7 @@ export default {
     },
     changeMaterial(val) {
       this.params.materialCodeList = val;
-      this.useQuery(this.params, this.page);
+      // this.useQuery(this.params, this.page);
     },
     openMaterial() {
       let { open } = this.$refs.materialPopoverSelect;
@@ -194,7 +194,7 @@ export default {
     // 物料参照
     materialReferenceChange(prop, { source }) {
       this.params.materialCodeList = prop.map((item) => item.code).join();
-      this.useQuery(this.params, this.page);
+      // this.useQuery(this.params, this.page);
     },
   },
   created() {