style:证书领取查询

@@ -160,6 +160,14 @@ export const asyncRoutes = [
         component: () => import('@/views/zhcx/lpcx/lpcx.vue'),
         name: 'lpcx',
         meta: { title: '楼盘查询' }
+      },
+      {
+        path: 'zslqcx',
+        id: '45',
+        parentId: '4',
+        component: () => import('@/views/zhcx/zslqcx/zslqcx.vue'),
+        name: 'zslqcx',
+        meta: { title: '证书领取查询' }
       }
     ]
   },

+import store from '@/store'
 // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
 export default class filter {
   // 业务来源
@@ -11,4 +12,17 @@ export default class filter {
     let status = { 1: '正常申请', 2: '一并申请', 3: '补录申请' }
     return status[val]
   }
-}
+  // 字典
+  dicStatus (val, code) {
+    let data = store.getters.dictData[code],
+      name = '暂无'
+    if (data) {
+      data.map((item) => {
+        if (item.dcode == val) {
+          name = item.dname
+        }
+      })
+      return name
+    }
+  }
+}
\ No newline at end of file

+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>
+          )
+        }
+      },
+      {
+        label: "领取状态",
+        render: (h, scope) => {
+          return (
+            <div>
+              {
+                scope.row.enabled == '1' ?
+                  <div class='allow'>已领取</div> :
+                  <div class='prohibit'>未领取</div>
+              }
+            </div>
+          )
+        }
+      },
+      {
+        label: "证书类容",
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-link type="primary" onClick={() => { vm.openDialog(scope) }}>查看</el-link>
+            </div>
+          )
+        }
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              {this.dicStatus(scope.row.qllx, 'A8')}
+            </div>
+          )
+        }
+      },
+      {
+        prop: "bdcqzh",
+        label: "不动产权证号",
+      },
+      {
+        prop: "ysxlh",
+        label: "印刷序列号",
+      },
+      {
+        prop: "lqr",
+        label: "领取人",
+      },
+      {
+        prop: "lqsj",
+        label: "领取时间",
+      },
+      {
+        prop: "ywh",
+        label: "业务号"
+      },
+      {
+        prop: "bdcdyh",
+        label: "不动产单元号"
+      },
+      {
+        prop: "zl",
+        label: "坐落"
+      },
+    ]
+  }
+}
+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="5">
+            <el-form-item label="不动产权证号">
+              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="印刷序列号">
+              <el-input placeholder="请输入印刷序列号" v-model="queryForm.ysxlh">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input placeholder="请输入业务号" v-model="queryForm.ywh">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="领取人">
+              <el-input placeholder="请输入领取人" v-model="queryForm.lqr">
+              </el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="4" class="btnCol">
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" @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 "./zslqcx";
+export default {
+  components: {},
+  mixins: [table],
+  mounted () {
+    sendThis(this);
+  },
+  data () {
+    return {
+      queryForm: {
+        bdcqzh: '',
+        ysxlh: '',
+        ywh: '',
+        lqr: ''
+      },
+      tableData: {
+        columns: datas.columns(),
+        data: [
+          {
+            qllx: 'A01'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    // 初始化数据
+    fetchData () { },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+</style>