style:在建工程抵押

@@ -168,7 +168,16 @@ export const asyncRoutes = [
         component: () => import('@/views/zhcx/zslqcx/zslqcx.vue'),
         component: () => import('@/views/zhcx/zslqcx/zslqcx.vue'),
         name: 'zslqcx',
         name: 'zslqcx',
         meta: { title: '证书领取查询' }
         meta: { title: '证书领取查询' }
-      }
+      },
+      // 在建工程抵押查询
+      {
+        path: 'zxgcdycx',
+        id: '46',
+        parentId: '4',
+        component: () => import('@/views/zhcx/zxgcdycx/zxgcdycx.vue'),
+        name: 'zxgcdycx',
+        meta: { title: '在建工程抵押' }
+      },
     ]
     ]
   },
   },
   {
   {
@@ -204,7 +213,7 @@ export const asyncRoutes = [
         component: () => import('@/views/zsgl/zssyjl/zssyjl.vue'),
         component: () => import('@/views/zsgl/zssyjl/zssyjl.vue'),
         name: 'zssyjl',
         name: 'zssyjl',
         meta: { title: '证书使用记录' }
         meta: { title: '证书使用记录' }
-      }
+      },
     ]
     ]
   },
   },
   {
   {

 const state = {
 const state = {
     visitedViews: [],
     visitedViews: [],
+    cachedViews: ['leaseDetails']
 }
 }
 
 
 const mutations = {
 const mutations = {
@@ -11,6 +12,7 @@ const mutations = {
             })
             })
         )
         )
     },
     },
+
     DEL_VISITED_VIEW: (state, view) => {
     DEL_VISITED_VIEW: (state, view) => {
         for (const [i, v] of state.visitedViews.entries()) {
         for (const [i, v] of state.visitedViews.entries()) {
             if (v.path === view.path) {
             if (v.path === view.path) {
@@ -25,12 +27,12 @@ const mutations = {
             return v.meta.affix || v.path === view.path
             return v.meta.affix || v.path === view.path
         })
         })
     },
     },
-
     DEL_ALL_VISITED_VIEWS: state => {
     DEL_ALL_VISITED_VIEWS: state => {
         // keep affix tags
         // keep affix tags
         const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
         const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
         state.visitedViews = affixTags
         state.visitedViews = affixTags
     },
     },
+
     UPDATE_VISITED_VIEW: (state, view) => {
     UPDATE_VISITED_VIEW: (state, view) => {
         for (let v of state.visitedViews) {
         for (let v of state.visitedViews) {
             if (v.path === view.path) {
             if (v.path === view.path) {
@@ -44,31 +46,59 @@ const mutations = {
 const actions = {
 const actions = {
     addView ({ dispatch }, view) {
     addView ({ dispatch }, view) {
         dispatch('addVisitedView', view)
         dispatch('addVisitedView', view)
+        dispatch('addCachedView', view)
     },
     },
     addVisitedView ({ commit }, view) {
     addVisitedView ({ commit }, view) {
         commit('ADD_VISITED_VIEW', view)
         commit('ADD_VISITED_VIEW', view)
     },
     },
+    addCachedView ({ commit }, view) {
+        commit('ADD_CACHED_VIEW', view)
+    },
 
 
+    delView ({ dispatch, state }, view) {
+        return new Promise(resolve => {
+            dispatch('delVisitedView', view)
+            dispatch('delCachedView', view)
+            resolve({
+                visitedViews: [...state.visitedViews],
+            })
+        })
+    },
     delVisitedView ({ commit, state }, view) {
     delVisitedView ({ commit, state }, view) {
         return new Promise(resolve => {
         return new Promise(resolve => {
             commit('DEL_VISITED_VIEW', view)
             commit('DEL_VISITED_VIEW', view)
             resolve([...state.visitedViews])
             resolve([...state.visitedViews])
         })
         })
     },
     },
-
+    delOthersViews ({ dispatch, state }, view) {
+        return new Promise(resolve => {
+            dispatch('delOthersVisitedViews', view)
+            resolve({
+                visitedViews: [...state.visitedViews],
+            })
+        })
+    },
     delOthersVisitedViews ({ commit, state }, view) {
     delOthersVisitedViews ({ commit, state }, view) {
         return new Promise(resolve => {
         return new Promise(resolve => {
             commit('DEL_OTHERS_VISITED_VIEWS', view)
             commit('DEL_OTHERS_VISITED_VIEWS', view)
             resolve([...state.visitedViews])
             resolve([...state.visitedViews])
         })
         })
     },
     },
+
+    delAllViews ({ dispatch, state }, view) {
+        return new Promise(resolve => {
+            dispatch('delAllVisitedViews', view)
+            resolve({
+                visitedViews: [...state.visitedViews],
+            })
+        })
+    },
     delAllVisitedViews ({ commit, state }) {
     delAllVisitedViews ({ commit, state }) {
         return new Promise(resolve => {
         return new Promise(resolve => {
             commit('DEL_ALL_VISITED_VIEWS')
             commit('DEL_ALL_VISITED_VIEWS')
             resolve([...state.visitedViews])
             resolve([...state.visitedViews])
         })
         })
     },
     },
-
     updateVisitedView ({ commit }, view) {
     updateVisitedView ({ commit }, view) {
         commit('UPDATE_VISITED_VIEW', view)
         commit('UPDATE_VISITED_VIEW', view)
     }
     }

+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: "qymc",
+        label: "企业名称",
+      },
+      {
+        prop: "xmmc",
+        label: "项目名称",
+      },
+      {
+        prop: "jzwmc",
+        label: "建筑物名称",
+      },
+      {
+        prop: "zrzh",
+        label: "自然幢号",
+      },
+      {
+        prop: "zl",
+        label: "坐落"
+      },
+      {
+        prop: "yt",
+        label: "用途"
+      },
+      {
+        prop: "mj",
+        label: "面积(㎡)"
+      },
+      {
+        prop: "zts",
+        label: "总套数"
+      },
+      {
+        prop: "zcs",
+        label: "总层数"
+      },
+      {
+        label: '操作',
+        width: '90',
+        align: 'center',
+        fixed: 'right',
+        render: (h, scope) => {
+          return <el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button>
+        }
+      }
+    ]
+  }
+}
+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.xmmc">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="项目编号">
+              <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="自然幢号">
+              <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="宗地代码">
+              <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm">
+              </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 "./zxgcdycx";
+export default {
+  components: {},
+  mixins: [table],
+  mounted () {
+    sendThis(this);
+  },
+  data () {
+    return {
+      queryForm: {
+        xmmc: '',
+        xmbh: '',
+        zrzh: '',
+        zddm: ''
+      },
+      tableData: {
+        columns: datas.columns(),
+        data: [
+        ]
+      }
+    }
+  },
+  methods: {
+    // 初始化数据
+    fetchData () { },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+</style>