eoss-mobiles 0.4.0 → 0.4.2

package/packages/picker/src/main.vue

@@ -1,604 +1,604 @@
-<template>
-  <div class="em-picker">
-    <em-input
-      v-if="!isCheck"
-      readonly
-      clickable
-      v-bind="$attrs"
-      :label="label"
-      :value="pickerValue"
-      :required="required"
-      :label-width="labelWidth"
-      :hideLabel="hideLabel"
-      :placeholder="
-        pickerValue
-          ? pickerValue
-          : (disabled || readonly) && placeholder == undefined
-          ? '暂无数据'
-          : placeholder != undefined
-          ? placeholder
-          : `请选择${label}`
-      "
-      @click="handlePicker"
-      :disabled="disabled || readonly"
-      :right-icon="disabled || readonly ? '' : 'arrow'"
-    >
-      <template v-for="(index, name) in $slots" :slot="name">
-        <slot :name="name" /> </template
-    ></em-input>
-    <em-input
-      v-else
-      readonly
-      clickable
-      v-bind="$attrs"
-      :label="label"
-      :required="required"
-      :disabled="disabled || readonly"
-      :label-width="labelWidth"
-      :hideLabel="hideLabel"
-      @click="handlePicker"
-      :right-icon="disabled || readonly ? '' : 'arrow'"
-    >
-      <template slot="input">
-        <div style="width: 100%">
-          <slot name="textTop"></slot>
-          <div v-if="pickerValue.length > 0">
-            <em-tag
-              v-for="(r, i) in pickerValue"
-              :closeable="!disabled && !readonly"
-              type="primary"
-              :key="i"
-              @click.stop="handleClick(r)"
-              @close="deleteList(i, r)"
-              >{{ r[labelKey] || r.name }}</em-tag
-            >
-          </div>
-          <div v-else style="color: #c8c9cc">
-            {{
-              (disabled || readonly) && placeholder == undefined
-                ? ' 暂无数据'
-                : placeholder == undefined
-                ? '请选择' + label
-                : placeholder
-            }}
-          </div>
-        </div>
-      </template>
-    </em-input>
-    <van-popup v-model="showPicker" @close="onConfirm" round position="bottom">
-      <van-picker
-        v-if="!isCheck"
-        show-toolbar
-        :loading="newLoading"
-        :columns="newColumns"
-        v-bind="$attrs"
-        v-on="$listeners"
-        :valueKey="labelKey"
-        :defaultIndex="newDefaultIndex"
-        @cancel="showPicker = false"
-        @confirm="onConfirm($event, true)"
-      >
-        <template slot="columns-top" v-if="isSearch">
-            <!-- @search="handleSearch" -->
-          <em-search
-            v-model="keyWord"
-            @input="handleSearch"
-            placeholder="请输入搜索关键词"
-          />
-        </template>
-        <template v-for="(index, name) in $slots" :slot="name">
-          <slot :name="name" />
-        </template>
-      </van-picker>
-      <van-picker
-        v-else
-        show-toolbar
-        class="check-picker"
-        :loading="newLoading"
-        :columns="newColumns"
-        v-bind="$attrs"
-        v-on="$listeners"
-        :valueKey="labelKey"
-        :defaultIndex="newDefaultIndex"
-        @cancel="onConfirm"
-        @confirm="onConfirm($event, true)"
-      >
-      <!-- @search="handleSearch" -->
-        <template slot="columns-top" v-if="isSearch">
-          <em-search
-            v-model="keyWord"
-            @input="handleSearch"
-            placeholder="请输入搜索关键词"
-          />
-        </template>
-        <template slot="columns-bottom">
-          <div class="em-picker__columns">
-            <em-list
-              v-model="listLoading"
-              :finished="listFinished"
-              :finished-text="sysAppCode || url ? '没有更多了' : ''"
-              @load="onLoad"
-              :offset="50"
-            >
-              <van-checkbox-group v-model="checkList">
-                <em-cell
-                  v-for="(item, index) in newColumns"
-                  clickable
-                  :key="item[valueKey]"
-                  :isGroup="false"
-                  :title="item[labelKey]"
-                  @click="toggle(index)"
-                >
-                  <template #right-icon>
-                    <van-checkbox :name="item[valueKey]" ref="checkboxes" />
-                  </template>
-                </em-cell>
-              </van-checkbox-group>
-            </em-list>
-          </div>
-        </template>
-      </van-picker>
-    </van-popup>
-  </div>
-</template>
-
-<script>
-import { findSysCode } from '../../../src/config/api';
-import request from '../../../src/utils/http.js';
-export default {
-  name: 'EmPicker',
-  inheritAttrs: false,
-  data() {
-    return {
-      showPicker: false,
-      newLoading: false,
-      keyWord: '',
-      newLabelKey: '',
-      newValueKey: '',
-      listLoading: false,
-      listFinished: false,
-      newColumns: [],
-      checkList: [],
-      timer:null,
-      newDefaultIndex: 0,
-      pageIndex: 1,
-      total: -1
-    };
-  },
-  props: {
-    // 绑定值
-    value: {
-      type: [String, Array, Object],
-      default: ''
-    },
-    isSearch: {
-      type: Boolean,
-      default: false
-    },
-    hideLabel: {
-      type: Boolean,
-      default: false
-    },
-    isCheck: {
-      type: Boolean,
-      default: false
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    linkTag: {
-      type: Boolean,
-      default: false
-    },
-    // 展示标题
-    label: {
-      type: String,
-      default: '城市'
-    },
-    // 输入框占位提示文字
-    placeholder: {
-      type: String,
-      default: undefined
-    },
-    // 多级选择展示拼接字符
-    joinStr: {
-      type: String,
-      default: '/'
-    },
-    beforResponse: {
-      type: [Function, String],
-      default: ''
-    },
-    valueKey: {
-      type: String,
-      default: 'value'
-    },
-    searchKey: {
-      type: String,
-      default: 'keyWord'
-    },
-    labelKey: {
-      type: String,
-      default: 'name'
-    },
-    objectType: {
-      type: Boolean,
-      default: true
-    },
-    sysAppCode: {
-      type: String,
-      default: ''
-    },
-    resultsName: {
-      type: String,
-      default: ''
-    },
-    method: {
-      type: String,
-      default: 'get'
-    },
-    url: {
-      type: String
-    },
-    param: {
-      type: Object,
-      default: () => {}
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    defaultIndex: {
-      type: [Number, String]
-    },
-    labelWidth: {
-      type: [Number, String],
-      default: '4em'
-    },
-    isTable: {
-      type: Boolean,
-      default: false
-    },
-    baseUrl: String
-  },
-  computed: {
-    pickerValue: {
-      get() {
-        return this.getValue();
-      },
-      set(val) {
-        if (!this.objectType && val.length === undefined) {
-          this.$emit(
-            'input',
-            val[this.sysAppCode ? 'cciValue' : this.valueKey]
-          );
-        } else if (!this.objectType && val.length != undefined) {
-          val.map((x) => {
-            if (typeof x === 'object') {
-              x = x[this.sysAppCode ? 'cciValue' : this.valueKey];
-            }
-          });
-          this.$emit('input', val);
-        } else {
-          this.$emit('input', val);
-        }
-      }
-    }
-  },
-  watch: {
-    events: {
-      type: Object,
-      default: () => {}
-    },
-    labelKey: {
-      handler(val) {
-        this.newLabelKey = val;
-      },
-      deep: true,
-      immediate: true
-    },
-    valueKey: {
-      handler(val) {
-        this.newValueKey = val;
-      },
-      deep: true,
-      immediate: true
-    },
-    columns: {
-      handler(val) {
-        if (this.sysAppCode) return;
-        this.newColumns = val;
-      },
-      deep: true,
-      immediate: true
-    },
-    defaultIndex: {
-      handler(val) {
-        this.newDefaultIndex = val;
-      },
-      deep: true,
-      immediate: true
-    },
-    loading: {
-      handler(val) {
-        this.newLoading = val;
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  mounted() {
-    if (
-      (this.sysAppCode || this.url) &&
-      this.newColumns.length == 0 &&
-      !this.isCheck
-    ) {
-      this.getSysCode();
-    }
-    if (this.defaultIndex != undefined) {
-      let data = this.columns[this.defaultIndex];
-      if (typeof data === 'string' && data) {
-        this.pickerValue = data;
-      } else if (typeof data === 'object') {
-        this.pickerValue = data[this.newValueKey];
-      }
-    } else if (this.isCheck) {
-      let data = this.value;
-      data.map((item) => {
-        this.checkList.push(item[this.valueKey] || item.value || item);
-      });
-    }
-  },
-  methods: {
-    handleSearch() {
-
-      if (this.timer != null) {
-        clearTimeout(this.timer);
-      }
-      this.timer = setTimeout( () => {
-        
-      this.$emit('search', this.keyWord);
-
-      if (this.columns.length > 0) {
-        this.newColumns = this.columns.filter(
-          (x) => x[this.labelKey].indexOf(this.keyWord) != -1
-        );
-        if (!this.keyWord) {
-          this.newColumns = this.columns;
-        }
-      }
-
-      if ((this.columns && this.columns.length == 0) || !this.columns)
-        this.getSysCode();
-      }, 700);
-    },
-    handleClick(val) {
-      if (this.linkTag) {
-        this.$emit('tagClick', val);
-      } else {
-        if (this.disabled || this.readonly) return;
-        this.showPicker = true;
-      }
-    },
-    onLoad() {
-      if (
-        (this.sysAppCode || this.url) &&
-        this.newColumns.length != this.total &&
-        this.isCheck
-      ) {
-        this.getSysCode();
-      } else {
-        this.listFinished = true;
-      }
-    },
-    /**
-     * deleteList
-     * @desc:删除选中的数据
-     * @date 2023年4月20日
-     * @author liufan
-     * @param {String} val 当前数据的下标
-     */
-    deleteList(val, res) {
-      if (this.disabled || this.readonly) return;
-      this.pickerValue.splice(val, 1);
-      this.checkList = this.checkList.filter((x) => x != res.value);
-      this.$emit('input', this.pickerValue);
-
-      this.$emit('tagDelete', this.pickerValue);
-    },
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    },
-    onConfirm(value, isConfirm) {
-      if (isConfirm) {
-        if (this.isCheck) {
-          let data = [];
-          this.newColumns.filter((x) => {
-            this.checkList.find((y) => {
-              if (x.value === y) {
-                data.push(x);
-              }
-            });
-          });
-          this.pickerValue = data;
-        } else {
-          this.pickerValue = value;
-        }
-      } else {
-        if (this.isCheck) {
-          this.checkList = [];
-          this.pickerValue.map((x) => {
-            this.checkList.push(x.value);
-          });
-        }
-      }
-
-      this.showPicker = false;
-    },
-    getValue() {
-      let value = '';
-      if (this.isCheck) {
-        let val = [];
-        if (this.newColumns && this.newColumns.length > 0) {
-          this.newColumns.filter((x) => {
-            this.value.find((y) => {
-              if (x[this.valueKey] == y || x[this.valueKey] == y.value) {
-                val.push(x);
-              }
-            });
-          });
-        } else {
-          val = this.value;
-        }
-        value = val;
-      } else {
-        if (Array.isArray(this.value) || this.value instanceof Object) {
-          if (!Array.isArray(this.value)) {
-            value = this.value[this.labelKey] || this.value[this.newValueKey];
-            let index = 0;
-            value && (value = value.replace(/<[^>]+>/g, ''));
-            this.newColumns.map((x, i) => {
-              if (typeof x === 'string' && value.indexOf(x) != -1) {
-                index = i;
-              } else if (
-                x[this.newValueKey] == value ||
-                x[this.newValueKey].indexOf(value) != -1
-              ) {
-                index = i;
-              }
-            });
-            this.newDefaultIndex = index;
-          } else {
-            let list = [];
-            this.value.map((item) => {
-              if (item[this.labelKey] || item[this.newValueKey]) {
-                list.push(item[this.labelKey] || item[this.newValueKey]);
-              } else if (typeof item === 'string') {
-                list.push(item);
-              }
-            });
-            value = list.join(this.joinStr);
-            let index = 0;
-            this.newColumns.map((x, i) => {
-              if (typeof x === 'string' && value.indexOf(x) != -1) {
-                index = i;
-              } else if (x[this.newValueKey] === value) {
-                index = i;
-              }
-            });
-            this.newDefaultIndex = index;
-          }
-        } else {
-          let index = 0;
-          value = this.value;
-          this.newColumns.map((x, i) => {
-            if (typeof x === 'string' && value.indexOf(x) != -1) {
-              index = i;
-              value = x;
-            } else if (x[this.newValueKey] === value) {
-              index = i;
-              value = x[this.labelKey] || x[this.newValueKey];
-            }
-          });
-          this.newDefaultIndex = index;
-        }
-        value && (value = value.replace(/<[^>]+>/g, ''));
-      }
-      return value;
-    },
-    getSysCode() {
-      let { url, method, sysAppCode, param, keyWord } = this;
-      let params = {
-        url: this.baseUrl
-          ? this.baseUrl + (url || findSysCode)
-          : url || findSysCode,
-        type: method,
-        params: {
-          ccCode: sysAppCode,
-          pageIndex: this.pageIndex,
-          ...param
-        }
-      };
-      if (this.isSearch) {
-        params.params[this.searchKey] = keyWord;
-      }
-      this.newLoading = true;
-      request(params)
-        .then((res) => {
-          const { status, data, message, rCode, results } = res;
-          this.listLoading = false;
-          if (status == 'success' || rCode === 0 || status === true) {
-            let info = this.resultsName
-              ? data
-                ? data[this.resultsName]
-                : results[this.resultsName]
-              : data
-              ? data
-              : results;
-            info.map((x) => {
-              if (this.isCheck) {
-                x.name =
-                  x[sysAppCode ? 'shortName' : this.labelKey] &&
-                  x[sysAppCode ? 'shortName' : this.labelKey].replace(
-                    /<[^>]+>/g,
-                    ''
-                  );
-              } else {
-                x.name = x[sysAppCode ? 'shortName' : this.labelKey];
-              }
-              x.value = x[sysAppCode ? 'cciValue' : this.valueKey];
-            });
-            if (data && data.totalCount) {
-              this.total = data.totalCount;
-              if (data.totalCount === this.newColumns.length) {
-                this.listFinished = true;
-              } else {
-                if (this.newColumns.length != 0) {
-                  this.newColumns.push.apply(this.newColumns, info);
-                } else {
-                  this.newColumns = info;
-                }
-                this.pageIndex = res.data.nextPageNo;
-              }
-            } else {
-              this.listFinished = true;
-              this.newColumns = info;
-            }
-            if (this.beforResponse) {
-              this.newColumns = this.beforResponse(this.newColumns);
-              this.getValue();
-            } else {
-              this.getValue();
-            }
-          } else {
-            this.$toast(message);
-          }
-          this.newLoading = false;
-        })
-        .catch((err) => {
-          this.$toast(err.message);
-        });
-    },
-    handlePicker() {
-      if (this.disabled || this.readonly) return;
-      this.showPicker = true;
-      this.$emit('showPicker');
-    }
-  }
-};
-</script>
-
-<style></style>
+<template>
+  <div class="em-picker">
+    <em-input
+      v-if="!isCheck"
+      readonly
+      clickable
+      v-bind="$attrs"
+      :label="label"
+      :value="pickerValue"
+      :required="required"
+      :label-width="labelWidth"
+      :hideLabel="hideLabel"
+      :placeholder="
+        pickerValue
+          ? pickerValue
+          : (disabled || readonly) && placeholder == undefined
+          ? '暂无数据'
+          : placeholder != undefined
+          ? placeholder
+          : `请选择${label}`
+      "
+      @click="handlePicker"
+      :disabled="disabled || readonly"
+      :right-icon="disabled || readonly ? '' : 'arrow'"
+    >
+      <template v-for="(index, name) in $slots" :slot="name">
+        <slot :name="name" /> </template
+    ></em-input>
+    <em-input
+      v-else
+      readonly
+      clickable
+      v-bind="$attrs"
+      :label="label"
+      :required="required"
+      :disabled="disabled || readonly"
+      :label-width="labelWidth"
+      :hideLabel="hideLabel"
+      @click="handlePicker"
+      :right-icon="disabled || readonly ? '' : 'arrow'"
+    >
+      <template slot="input">
+        <div style="width: 100%">
+          <slot name="textTop"></slot>
+          <div v-if="pickerValue.length > 0">
+            <em-tag
+              v-for="(r, i) in pickerValue"
+              :closeable="!disabled && !readonly"
+              type="primary"
+              :key="i"
+              @click.stop="handleClick(r)"
+              @close="deleteList(i, r)"
+              >{{ r[labelKey] || r.name }}</em-tag
+            >
+          </div>
+          <div v-else style="color: #c8c9cc">
+            {{
+              (disabled || readonly) && placeholder == undefined
+                ? ' 暂无数据'
+                : placeholder == undefined
+                ? '请选择' + label
+                : placeholder
+            }}
+          </div>
+        </div>
+      </template>
+    </em-input>
+    <van-popup v-model="showPicker" @close="onConfirm" round position="bottom">
+      <van-picker
+        v-if="!isCheck"
+        show-toolbar
+        :loading="newLoading"
+        :columns="newColumns"
+        v-bind="$attrs"
+        v-on="$listeners"
+        :valueKey="labelKey"
+        :defaultIndex="newDefaultIndex"
+        @cancel="showPicker = false"
+        @confirm="onConfirm($event, true)"
+      >
+        <template slot="columns-top" v-if="isSearch">
+            <!-- @search="handleSearch" -->
+          <em-search
+            v-model="keyWord"
+            @input="handleSearch"
+            placeholder="请输入搜索关键词"
+          />
+        </template>
+        <template v-for="(index, name) in $slots" :slot="name">
+          <slot :name="name" />
+        </template>
+      </van-picker>
+      <van-picker
+        v-else
+        show-toolbar
+        class="check-picker"
+        :loading="newLoading"
+        :columns="newColumns"
+        v-bind="$attrs"
+        v-on="$listeners"
+        :valueKey="labelKey"
+        :defaultIndex="newDefaultIndex"
+        @cancel="onConfirm"
+        @confirm="onConfirm($event, true)"
+      >
+      <!-- @search="handleSearch" -->
+        <template slot="columns-top" v-if="isSearch">
+          <em-search
+            v-model="keyWord"
+            @input="handleSearch"
+            placeholder="请输入搜索关键词"
+          />
+        </template>
+        <template slot="columns-bottom">
+          <div class="em-picker__columns">
+            <em-list
+              v-model="listLoading"
+              :finished="listFinished"
+              :finished-text="sysAppCode || url ? '没有更多了' : ''"
+              @load="onLoad"
+              :offset="50"
+            >
+              <van-checkbox-group v-model="checkList">
+                <em-cell
+                  v-for="(item, index) in newColumns"
+                  clickable
+                  :key="item[valueKey]"
+                  :isGroup="false"
+                  :title="item[labelKey]"
+                  @click="toggle(index)"
+                >
+                  <template #right-icon>
+                    <van-checkbox :name="item[valueKey]" ref="checkboxes" />
+                  </template>
+                </em-cell>
+              </van-checkbox-group>
+            </em-list>
+          </div>
+        </template>
+      </van-picker>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { findSysCode } from '../../../src/config/api';
+import request from '../../../src/utils/http.js';
+export default {
+  name: 'EmPicker',
+  inheritAttrs: false,
+  data() {
+    return {
+      showPicker: false,
+      newLoading: false,
+      keyWord: '',
+      newLabelKey: '',
+      newValueKey: '',
+      listLoading: false,
+      listFinished: false,
+      newColumns: [],
+      checkList: [],
+      timer:null,
+      newDefaultIndex: 0,
+      pageIndex: 1,
+      total: -1
+    };
+  },
+  props: {
+    // 绑定值
+    value: {
+      type: [String, Array, Object],
+      default: ''
+    },
+    isSearch: {
+      type: Boolean,
+      default: false
+    },
+    hideLabel: {
+      type: Boolean,
+      default: false
+    },
+    isCheck: {
+      type: Boolean,
+      default: false
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    linkTag: {
+      type: Boolean,
+      default: false
+    },
+    // 展示标题
+    label: {
+      type: String,
+      default: ''
+    },
+    // 输入框占位提示文字
+    placeholder: {
+      type: String,
+      default: undefined
+    },
+    // 多级选择展示拼接字符
+    joinStr: {
+      type: String,
+      default: '/'
+    },
+    beforResponse: {
+      type: [Function, String],
+      default: ''
+    },
+    valueKey: {
+      type: String,
+      default: 'value'
+    },
+    searchKey: {
+      type: String,
+      default: 'keyWord'
+    },
+    labelKey: {
+      type: String,
+      default: 'name'
+    },
+    objectType: {
+      type: Boolean,
+      default: true
+    },
+    sysAppCode: {
+      type: String,
+      default: ''
+    },
+    resultsName: {
+      type: String,
+      default: ''
+    },
+    method: {
+      type: String,
+      default: 'get'
+    },
+    url: {
+      type: String
+    },
+    param: {
+      type: Object,
+      default: () => {}
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String]
+    },
+    labelWidth: {
+      type: [Number, String],
+      default: '4em'
+    },
+    isTable: {
+      type: Boolean,
+      default: false
+    },
+    baseUrl: String
+  },
+  computed: {
+    pickerValue: {
+      get() {
+        return this.getValue();
+      },
+      set(val) {
+        if (!this.objectType && val.length === undefined) {
+          this.$emit(
+            'input',
+            val[this.sysAppCode ? 'cciValue' : this.valueKey]
+          );
+        } else if (!this.objectType && val.length != undefined) {
+          val.map((x) => {
+            if (typeof x === 'object') {
+              x = x[this.sysAppCode ? 'cciValue' : this.valueKey];
+            }
+          });
+          this.$emit('input', val);
+        } else {
+          this.$emit('input', val);
+        }
+      }
+    }
+  },
+  watch: {
+    events: {
+      type: Object,
+      default: () => {}
+    },
+    labelKey: {
+      handler(val) {
+        this.newLabelKey = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    valueKey: {
+      handler(val) {
+        this.newValueKey = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    columns: {
+      handler(val) {
+        if (this.sysAppCode) return;
+        this.newColumns = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    defaultIndex: {
+      handler(val) {
+        this.newDefaultIndex = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    loading: {
+      handler(val) {
+        this.newLoading = val;
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    if (
+      (this.sysAppCode || this.url) &&
+      this.newColumns.length == 0 &&
+      !this.isCheck
+    ) {
+      this.getSysCode();
+    }
+    if (this.defaultIndex != undefined) {
+      let data = this.columns[this.defaultIndex];
+      if (typeof data === 'string' && data) {
+        this.pickerValue = data;
+      } else if (typeof data === 'object') {
+        this.pickerValue = data[this.newValueKey];
+      }
+    } else if (this.isCheck) {
+      let data = this.value;
+      data.map((item) => {
+        this.checkList.push(item[this.valueKey] || item.value || item);
+      });
+    }
+  },
+  methods: {
+    handleSearch() {
+
+      if (this.timer != null) {
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout( () => {
+        
+      this.$emit('search', this.keyWord);
+
+      if (this.columns.length > 0) {
+        this.newColumns = this.columns.filter(
+          (x) => x[this.labelKey].indexOf(this.keyWord) != -1
+        );
+        if (!this.keyWord) {
+          this.newColumns = this.columns;
+        }
+      }
+
+      if ((this.columns && this.columns.length == 0) || !this.columns)
+        this.getSysCode();
+      }, 700);
+    },
+    handleClick(val) {
+      if (this.linkTag) {
+        this.$emit('tagClick', val);
+      } else {
+        if (this.disabled || this.readonly) return;
+        this.showPicker = true;
+      }
+    },
+    onLoad() {
+      if (
+        (this.sysAppCode || this.url) &&
+        this.newColumns.length != this.total &&
+        this.isCheck
+      ) {
+        this.getSysCode();
+      } else {
+        this.listFinished = true;
+      }
+    },
+    /**
+     * deleteList
+     * @desc:删除选中的数据
+     * @date 2023年4月20日
+     * @author liufan
+     * @param {String} val 当前数据的下标
+     */
+    deleteList(val, res) {
+      if (this.disabled || this.readonly) return;
+      this.pickerValue.splice(val, 1);
+      this.checkList = this.checkList.filter((x) => x != res.value);
+      this.$emit('input', this.pickerValue);
+
+      this.$emit('tagDelete', this.pickerValue);
+    },
+    toggle(index) {
+      this.$refs.checkboxes[index].toggle();
+    },
+    onConfirm(value, isConfirm) {
+      if (isConfirm) {
+        if (this.isCheck) {
+          let data = [];
+          this.newColumns.filter((x) => {
+            this.checkList.find((y) => {
+              if (x.value === y) {
+                data.push(x);
+              }
+            });
+          });
+          this.pickerValue = data;
+        } else {
+          this.pickerValue = value;
+        }
+      } else {
+        if (this.isCheck) {
+          this.checkList = [];
+          this.pickerValue.map((x) => {
+            this.checkList.push(x.value);
+          });
+        }
+      }
+
+      this.showPicker = false;
+    },
+    getValue() {
+      let value = '';
+      if (this.isCheck) {
+        let val = [];
+        if (this.newColumns && this.newColumns.length > 0) {
+          this.newColumns.filter((x) => {
+            this.value.find((y) => {
+              if (x[this.valueKey] == y || x[this.valueKey] == y.value) {
+                val.push(x);
+              }
+            });
+          });
+        } else {
+          val = this.value;
+        }
+        value = val;
+      } else {
+        if (Array.isArray(this.value) || this.value instanceof Object) {
+          if (!Array.isArray(this.value)) {
+            value = this.value[this.labelKey] || this.value[this.newValueKey];
+            let index = 0;
+            value && (value = value.replace(/<[^>]+>/g, ''));
+            this.newColumns.map((x, i) => {
+              if (typeof x === 'string' && value.indexOf(x) != -1) {
+                index = i;
+              } else if (
+                x[this.newValueKey] == value ||
+                x[this.newValueKey].indexOf(value) != -1
+              ) {
+                index = i;
+              }
+            });
+            this.newDefaultIndex = index;
+          } else {
+            let list = [];
+            this.value.map((item) => {
+              if (item[this.labelKey] || item[this.newValueKey]) {
+                list.push(item[this.labelKey] || item[this.newValueKey]);
+              } else if (typeof item === 'string') {
+                list.push(item);
+              }
+            });
+            value = list.join(this.joinStr);
+            let index = 0;
+            this.newColumns.map((x, i) => {
+              if (typeof x === 'string' && value.indexOf(x) != -1) {
+                index = i;
+              } else if (x[this.newValueKey] === value) {
+                index = i;
+              }
+            });
+            this.newDefaultIndex = index;
+          }
+        } else {
+          let index = 0;
+          value = this.value;
+          this.newColumns.map((x, i) => {
+            if (typeof x === 'string' && value.indexOf(x) != -1) {
+              index = i;
+              value = x;
+            } else if (x[this.newValueKey] === value) {
+              index = i;
+              value = x[this.labelKey] || x[this.newValueKey];
+            }
+          });
+          this.newDefaultIndex = index;
+        }
+        value && (value = value.replace(/<[^>]+>/g, ''));
+      }
+      return value;
+    },
+    getSysCode() {
+      let { url, method, sysAppCode, param, keyWord } = this;
+      let params = {
+        url: this.baseUrl
+          ? this.baseUrl + (url || findSysCode)
+          : url || findSysCode,
+        type: method,
+        params: {
+          ccCode: sysAppCode,
+          pageIndex: this.pageIndex,
+          ...param
+        }
+      };
+      if (this.isSearch) {
+        params.params[this.searchKey] = keyWord;
+      }
+      this.newLoading = true;
+      request(params)
+        .then((res) => {
+          const { status, data, message, rCode, results } = res;
+          this.listLoading = false;
+          if (status == 'success' || rCode === 0 || status === true) {
+            let info = this.resultsName
+              ? data
+                ? data[this.resultsName]
+                : results[this.resultsName]
+              : data
+              ? data
+              : results;
+            info.map((x) => {
+              if (this.isCheck) {
+                x.name =
+                  x[sysAppCode ? 'shortName' : this.labelKey] &&
+                  x[sysAppCode ? 'shortName' : this.labelKey].replace(
+                    /<[^>]+>/g,
+                    ''
+                  );
+              } else {
+                x.name = x[sysAppCode ? 'shortName' : this.labelKey];
+              }
+              x.value = x[sysAppCode ? 'cciValue' : this.valueKey];
+            });
+            if (data && data.totalCount) {
+              this.total = data.totalCount;
+              if (data.totalCount === this.newColumns.length) {
+                this.listFinished = true;
+              } else {
+                if (this.newColumns.length != 0) {
+                  this.newColumns.push.apply(this.newColumns, info);
+                } else {
+                  this.newColumns = info;
+                }
+                this.pageIndex = res.data.nextPageNo;
+              }
+            } else {
+              this.listFinished = true;
+              this.newColumns = info;
+            }
+            if (this.beforResponse) {
+              this.newColumns = this.beforResponse(this.newColumns);
+              this.getValue();
+            } else {
+              this.getValue();
+            }
+          } else {
+            this.$toast(message);
+          }
+          this.newLoading = false;
+        })
+        .catch((err) => {
+          this.$toast(err.message);
+        });
+    },
+    handlePicker() {
+      if (this.disabled || this.readonly) return;
+      this.showPicker = true;
+      this.$emit('showPicker');
+    }
+  }
+};
+</script>
+
+<style></style>