lw-cdp-ui 1.3.22 → 1.3.23

package/dist/components/lwTableSelect/index.vue

@@ -27,7 +27,7 @@
                   :max-height="245"
                   :highlight-current-row="!multiple"
                   :reserve-selection="true"
-                  @row-click="click"
+                  @row-click="clickRow"
                   @select="select"
                   @select-all="selectAll">
           <el-table-column v-if="multiple"
@@ -36,8 +36,7 @@
           <el-table-column v-else
                            type="index"
                            width="45">
-            <template
-                      #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
+            <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
           </el-table-column>
           <slot></slot>
         </el-table>
@@ -56,27 +55,27 @@
 </template>
 
 <script>
-import config from "./tableSelect";
+import config from './tableSelect'
 
 export default {
   name: 'lwTableSelect',
   props: {
     modelValue: null,
-    apiObj: { type: [Object, Function], default: () => { } },
-    params: { type: Object, default: () => { } },
-    placeholder: { type: String, default: "请选择" },
-    size: { type: String, default: "default" },
-    clearable: { type: Boolean, default: false },
-    multiple: { type: Boolean, default: false },
-    filterable: { type: Boolean, default: false },
-    collapseTags: { type: Boolean, default: false },
-    collapseTagsTooltip: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    tableWidth: { type: Number, default: 400 },
-    mode: { type: String, default: "popover" },
-    valueKey: { type: String, default: "" },
+    apiObj: {type: [Object, Function], default: () => {}},
+    params: {type: Object, default: () => {}},
+    placeholder: {type: String, default: '请选择'},
+    size: {type: String, default: 'default'},
+    clearable: {type: Boolean, default: false},
+    multiple: {type: Boolean, default: false},
+    filterable: {type: Boolean, default: false},
+    collapseTags: {type: Boolean, default: false},
+    collapseTagsTooltip: {type: Boolean, default: false},
+    disabled: {type: Boolean, default: false},
+    tableWidth: {type: Number, default: 400},
+    mode: {type: String, default: 'popover'},
+    valueKey: {type: String, default: ''},
     // 定义什么参数就返回什么  value label 为 必须字段
-    props: { type: Object, default: () => { } }
+    props: {type: Object, default: () => {}}
   },
   data() {
     return {
@@ -100,9 +99,7 @@ export default {
       formData: {}
     }
   },
-  computed: {
-
-  },
+  computed: {},
   watch: {
     modelValue: {
       handler(val) {
@@ -115,7 +112,7 @@ export default {
     }
   },
   mounted() {
-    this.defaultProps = Object.assign(this.defaultProps, this.props);
+    this.defaultProps = Object.assign(this.defaultProps, this.props)
     this.defaultValue = this.modelValue
   },
   methods: {
@@ -130,7 +127,7 @@ export default {
     },
     //获取表格数据
     async getData(pageSize = this.pageSize) {
-      this.loading = true;
+      this.loading = true
       var reqData = {
         [this.defaultProps.page]: this.currentPage - 1,
         [this.defaultProps.pageSize]: pageSize,
@@ -148,16 +145,18 @@ export default {
       }
 
       if (this.idExpression) {
-        this.formData.expression = this.formData.expression ? `${this.formData.expression} AND ${this.idExpression}` : this.idExpression
+        this.formData.expression = this.formData.expression
+          ? `${this.formData.expression} AND ${this.idExpression}`
+          : this.idExpression
       }
 
       Object.assign(reqData, this.params, this.formData)
 
-      var res = await this.apiObj(reqData);
+      var res = await this.apiObj(reqData)
       var parseData = config.parseData(res)
-      this.tableData = parseData.rows;
-      this.total = parseData.total;
-      this.loading = false;
+      this.tableData = parseData.rows
+      this.total = parseData.total
+      this.loading = false
       //表格默认赋值 10000的时候是回显数据
       if (pageSize != 10000) {
         this.$nextTick(() => {
@@ -165,12 +164,12 @@ export default {
             this.defaultValue.forEach(row => {
               var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row['value'])
               if (setrow.length > 0) {
-                this.$refs.table.toggleRowSelection(setrow[0], true);
+                this.$refs.table.toggleRowSelection(setrow[0], true)
               }
             })
           } else {
             var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue?.value)
-            this.$refs.table.setCurrentRow(setrow[0]);
+            this.$refs.table.setCurrentRow(setrow[0])
           }
           this.$refs.table.setScrollTop(0)
         })
@@ -187,7 +186,6 @@ export default {
         }
         this.idExpression = ''
       }
-
     },
     //插糟表单提交
     formSubmit() {
@@ -201,24 +199,26 @@ export default {
     },
     // 处理选中值
     getCurVlaue(row) {
-      const filteredRow = {};
+      const filteredRow = {}
       // 遍历 this.defaultProps 中定义的字段并保留对应的值
       Object.entries(this.defaultProps).forEach(([key, propKey]) => {
-
         if (row[propKey]) {
           filteredRow[key] = row[propKey]
         }
-
-      });
+      })
       return filteredRow
     },
     //表格勾选事件
     select(rows, row) {
+      console.log(rows, row, this.defaultValue)
       var isSelect = rows.length && rows.indexOf(row) !== -1
       if (isSelect) {
         this.defaultValue.push(this.getCurVlaue(row))
       } else {
-        this.defaultValue.splice(this.defaultValue.findIndex(item => item['value'] == row[this.defaultProps.value]), 1)
+        this.defaultValue.splice(
+          this.defaultValue.findIndex(item => item['value'] == row[this.defaultProps.value]),
+          1
+        )
       }
       this.lock()
     },
@@ -231,14 +231,13 @@ export default {
           if (!isHas) {
             this.defaultValue.push(this.getCurVlaue(row))
           }
-
         })
       } else {
         this.defaultValue = []
       }
       this.lock()
     },
-    click(row) {
+    clickRow(row) {
       if (this.multiple) {
         //处理多选点击行
       } else {
@@ -250,7 +249,7 @@ export default {
     //tags删除后回调
     removeTag(tag) {
       var row = this.findRowByKey(tag.value)
-      this.$refs.table.toggleRowSelection(row, false);
+      this.$refs.table.toggleRowSelection(row, false)
       this.lock()
     },
     //清空后的回调
@@ -263,38 +262,38 @@ export default {
       setTimeout(() => {
         this.isLock = false
       }, 1000)
-      this.$emit('update:modelValue', { ...this.modelValue, ...this.defaultValue });
-      this.$emit('change', { ...this.modelValue, ...this.defaultValue });
+      this.$emit('update:modelValue', this.defaultValue)
+      this.$emit('change', this.defaultValue)
     },
     // 初始化回显
     initValue(val = this.modelValue) {
-      if (!val || this.isLock) return; // 直接返回，避免执行无意义的逻辑
+      if (!val || this.isLock) return // 直接返回，避免执行无意义的逻辑
 
-      this.defaultProps = { ...this.defaultProps, ...this.props }; // 使用展开运算符简化 Object.assign
+      this.defaultProps = {...this.defaultProps, ...this.props} // 使用展开运算符简化 Object.assign
 
-      let list = [];
+      let list = []
 
       if (typeof val === 'string' && val.trim()) {
-        list.push(val);
+        list.push(val)
       } else if (Array.isArray(val)) {
         list = val
           .map(item => {
-            if (typeof item === 'string' && item.trim()) return item;
-            if (typeof item === 'object' && item) return item[this.valueKey || this.defaultProps.value];
-            return null;
+            if (typeof item === 'string' && item.trim()) return item
+            if (typeof item === 'object' && item) return item[this.valueKey || this.defaultProps.value]
+            return null
           })
-          .filter(Boolean); // 过滤掉 null、undefined、空字符串
+          .filter(Boolean) // 过滤掉 null、undefined、空字符串
       } else if (typeof val === 'object' && val) {
-        const value = val[this.valueKey || this.defaultProps.value];
-        if (value) list.push(value);
+        const value = val[this.valueKey || this.defaultProps.value]
+        if (value) list.push(value)
       }
 
-      if (!list.length) return; // 如果最终 list 为空，则不进行后续操作
+      if (!list.length) return // 如果最终 list 为空，则不进行后续操作
 
-      this.listIds = list;
-      this.idExpression = this.$expression({ [`${this.defaultProps.value}_in`]: list });
+      this.listIds = list
+      this.idExpression = this.$expression({[`${this.defaultProps.value}_in`]: list})
 
-      this.getData(10000);
+      this.getData(10000)
     },
     // 关键值查询表格数据行
     findRowByKey(value) {
@@ -302,19 +301,19 @@ export default {
     },
     filterMethod(keyword) {
       if (!keyword) {
-        this.keyword = null;
-        return false;
+        this.keyword = null
+        return false
       }
-      this.keyword = keyword;
+      this.keyword = keyword
       this.getData()
     },
     // 触发select隐藏
     blur() {
-      this.$refs.select.blur();
+      this.$refs.select.blur()
     },
     // 触发select显示
     focus() {
-      this.$refs.select.focus();
+      this.$refs.select.focus()
     }
   }
 }