Admin.UI/src/components/my-search/index.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <el-input
    v-model="filter.value"
    :placeholder="placeholder"
    class="my-search"
    clearable
    @keyup.enter.native="onSearch"
  >
    <template v-if="newFields.length > 0" #prepend>
      <el-select
        v-model="filter.field"
        placeholder="请选择"
        style="width:100px;"
        @change="onChange"
      >
        <el-option
          v-for="(o, index) in newFields"
          :key="index"
          :label="o.label"
          :value="o.value"
        />
      </el-select>
    </template>

    <template #append>
      <el-button icon="el-icon-search" @click="onSearch" />
    </template>
  </el-input>
</template>

<script>
/**
 * 查询组件
 * 使用说明
  import MySearch from '@/components/my-search'
  components: { MySearch }
  fields: [
    { value: 'userName', label: '用户名', default: true },
    { value: 'nickName', label: '昵称', type: 'string' },
    { value: 'createdTime', label: '创建时间', type: 'date', config: { type: 'date' }}
  ],
  <my-search :fields="fields" @click="onSearch" />
*/
export default {
  name: 'MySearch',
  props: {
    placeholder: {
      type: String,
      default() {
        return '请输入'
      }
    },
    fields: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {