style:查询

+<template>
+  <dialogBox title="其他及附记模板" @submitForm="submitForm" @closeDialog="closeDialog" v-model="value">
+
+  </dialogBox>
+</template>
+
+<script>
+export default {
+  components: {
+  },
+  props: {
+    value: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+    submitForm () {
+      this.$emit('input', false)
+    },
+    closeDialog () {
+      this.$emit('input', false)
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+</style>

+import filter from '@/utils/filter.js'
+let vm = null
+
+const sendThis = (_this) => {
+  vm = _this
+}
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: '序号',
+        type: 'index',
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "qllxbm",
+        label: "权利类型编码",
+      },
+      {
+        prop: "qllxmc",
+        label: "权利类型名称",
+      },
+      {
+        prop: "bdcqzlx",
+        label: "不动产权证类型",
+      },
+      {
+        prop: "zjczsj",
+        label: "最近操作时间",
+      },
+      {
+        prop: "zjczr",
+        label: "最近操作人",
+      },
+      {
+        label: '操作',
+        width: '150',
+        align: 'center',
+        fixed: 'right',
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>修改</el-button>
+            </div>
+          )
+        }
+      }
+    ]
+  }
+
+}
+let datas = new data()
+export {
+  datas,
+  sendThis
+}

+<template>
+  <div class="from-clues">
+    <!-- 表单部分 -->
+    <div class="from-clues-header">
+      <el-form :model="queryForm" ref="queryForm">
+        <el-row>
+          <el-col :span="6">
+            <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="18" class="btnCol">
+            <el-form-item>
+              <el-button type="primary" @click="fetchData()">查询</el-button>
+              <el-button @click="moreQueryClick()">高级查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- 表格 -->
+    <div class="from-clues-content">
+      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
+      </lb-table>
+    </div>
+  </div>
+</template>
+<script>
+import table from "@/utils/mixin/table"
+import { datas, sendThis } from "./qtjfjmb"
+export default {
+  name: "djbcx",
+  components: {
+  },
+  mixins: [table],
+  mounted () {
+    sendThis(this);
+  },
+  data () {
+    return {
+      isDialog: false,
+      queryForm: {
+        qllx: ""
+      },
+      tableData: {
+        total: 0,
+        columns: datas.columns(),
+        data: [
+          {
+            slsj: "2022-5-12",
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    // 初始化数据
+    fetchData () {
+    },
+    editClick () {
+      this.isDialog = true
+    }
+  },
+};
+</script>
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+</style>