ll

liukangdong

2024-08-30 fbc625dea6117cb8724301d3a07d9071419f9715

 admin/src/components/common/QueryForm/queryForm.vue

@@ -54,6 +54,7 @@
          :label="item.label || '选择日期'">
          <el-date-picker v-model="searchForm[item.filed]" format="yyyy-MM-dd HH:mm:ss"
            value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
            :default-time="['00:00:00', '23:59:59']"
            :picker-options="item.pickerOptions || pickerOptions" range-separator="至"
            :clearable="(item.clearable !== null && item.clearable !== undefined && item.clearable !== '') ? item.clearable : true"
            :start-placeholder="item.start || '开始时间'" :end-placeholder="item.end || '结束时间'" class="w400"
@@ -99,13 +100,13 @@
      default: () => { }
    }
  },
  data() {
  data () {
    return {
      showZk: false,
      pickerOptions: {
        shortcuts: [{
          text: '近7天',
          onClick(picker) {
          onClick (picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(end.getTime() - 3600 * 1000 * 24 * 6)
@@ -114,7 +115,7 @@
        },
        {
          text: '近30天',
          onClick(picker) {
          onClick (picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(end.getTime() - 3600 * 1000 * 24 * 29)
@@ -123,7 +124,7 @@
        },
        {
          text: '近60天',
          onClick(picker) {
          onClick (picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(end.getTime() - 3600 * 1000 * 24 * 59)
@@ -132,14 +133,14 @@
        },
        {
          text: '近90天',
          onClick(picker) {
          onClick (picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(end.getTime() - 3600 * 1000 * 24 * 89)
            picker.$emit('pick', [start, end])
          }
        }],
        disabledDate(time) {
        disabledDate (time) {
          var curDate = new Date(new Date().toLocaleDateString()).getTime()
          var preDate = new Date(curDate + 24 * 60 * 60 * 1000 - 1)
          return time.getTime() > preDate
@@ -150,31 +151,31 @@
  emits: ['input', 'handleQuery', 'clear'],
  computed: {
    searchForm: {
      get() {
      get () {
        return this.value
      },
      set(value) {
      set (value) {
        this.$emit('input', value)
      }
    }
  },
  methods: {
    handleQuery() {
    handleQuery () {
      this.$emit('handleQuery')
    },
    handlekeyup(pd) {
    handlekeyup (pd) {
      if (pd) {
        this.$emit('handleQuery')
      }
    },
    changeForm(filed) {
    changeForm (filed) {
      this.$emit('changeForm', filed)
    },
    zkBtn() {
    zkBtn () {
      this.showZk = !this.showZk
      this.$emit('zkBtn', this.zk)
    },
    clear() {
    clear () {
      this.$emit('clear')
    }
  }
@@ -190,8 +191,8 @@
  align-items: center;
  background-color: #fff;
  border-bottom: 10px solid #f7f8f9;
  margin: 0 -30px;
  padding: 0 0 0 30px;
  margin: 0 -20px;
  padding: 0 0 0 20px;

  .el-input,
  .el-select {