dbx.vue 3.07 KB
<template>
  <keep-alive include="dbx">
    <div class="from-clues">
      <!-- 表单部分 -->
      <div class="from-clues-header">
        <el-form :model="queryForm" ref="queryForm" label-width="70px">
          <el-row>
            <el-col :span="5">
              <el-form-item label="业务来源">
                <el-select
                  v-model="queryForm.ywly"
                  filterable
                  clearable
                  placeholder="请选择业务来源"
                >
                  <el-option
                    v-for="item in ywlys"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="权利类型">
                <el-select
                  v-model="queryForm.qllx"
                  filterable
                  clearable
                  placeholder="请选择权利类型"
                >
                  <el-option
                    v-for="item in qllxs"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="登记类型">
                <el-select
                  v-model="queryForm.djlx"
                  filterable
                  clearable
                  placeholder="请选择登记类型"
                >
                  <el-option
                    v-for="item in djlxs"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="业务号">
                <el-input
                  placeholder="请输入业务号"
                  v-model="queryForm.ywh"
                  clearable
                  class="width200px"
                >
                </el-input>
              </el-form-item>
            </el-col>

            <el-col :span="4" class="btnCol">
              <el-form-item>
                <el-button type="primary" @click="queryClick()">查询</el-button>
                <el-button @click="moreScreeningClick()">更多选项</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <!-- 表格 -->
    </div>
  </keep-alive>
</template>
<script>
export default {
  name: "dbx",
  components: {},
  mounted() {},
  data() {
    return {
      queryForm: {
        ywly: "",
        qllx: "",
        djlx: "",
        ywh: "",
      },

      commentData: {},
    };
  },
  created() {},
  methods: {},
};
</script>

<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>