feat:监管平台开始搭建

+# https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

+# just a flag
+ENV = 'development'
+NODE_ENV=development
+# base api
+VUE_APP_BASE_API = '/api'
+
+# 开发环境
+VUE_APP_API_BASE_URL = 'http://192.168.2.38:8008'

+# just a flag
+ENV = 'production'
+NODE_ENV=production
+# base api
+VUE_APP_BASE_API = ''
+
+# 演示，正式后端
+VUE_APP_API_BASE_URL = 'http://192.168.2.38:8008'

+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.history
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+/src/api/config.js
+
+package-lock.json

+MIT License
+
+Copyright (c) 2017-present PanJiaChen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

+# 安装依赖
+npm install
+# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+## Git 贡献提交规范
+
+- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))
+
+  - `feat` 增加新功能
+  - `fix` 修复问题/BUG
+  - `style` 代码风格相关无影响运行结果的
+  - `perf` 优化/性能提升
+  - `refactor` 重构
+  - `revert` 撤销修改
+  - `test` 测试相关
+  - `docs` 文档/注释
+  - `chore` 依赖更新/脚手架配置修改等
+  - `wip` 开发中
+
+

+module.exports = {
+  presets: [
+    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
+    // '@vue/cli-plugin-babel/preset'
+    [
+      "@vue/app",
+      {
+        "useBuiltIns": "entry",
+        polyfills: [
+          'es6.promise',
+          'es6.symbol'
+        ]
+      }
+    ]
+  ],
+  'env': {
+    'development': {
+      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+      // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
+      'plugins': ['dynamic-import-node']
+    }
+  }
+}

+{
+  "name": "bdcdj-web",
+  "version": "4.4.0",
+  "description": "HOUTAI",
+  "author": "psh",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "@jiaminghi/data-view": "^2.10.0",
+    "axios": "^0.21.1",
+    "core-js": "^3.6.5",
+    "echarts": "^4.6.0",
+    "js-cookie": "2.2.0",
+    "lodash": "^4.17.21",
+    "node-sass": "^4.14.1",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "vue": "2.6.10",
+    "vue-awesome": "^4.5.0",
+    "vue-router": "3.0.2",
+    "vuex": "3.1.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "4.4.4",
+    "@vue/cli-plugin-unit-jest": "4.4.4",
+    "@vue/cli-service": "4.4.4",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "autoprefixer": "9.5.1",
+    "babel-plugin-dynamic-import-node": "2.3.3",
+    "chalk": "2.4.2",
+    "connect": "3.6.6",
+    "element-ui": "^2.15.8",
+    "html-webpack-plugin": "3.2.0",
+    "runjs": "4.3.2",
+    "sass-loader": "8.0.2",
+    "sass-resources-loader": "^2.2.1",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "serve-static": "1.13.2",
+    "style-resources-loader": "^1.4.1",
+    "svg-sprite-loader": "4.1.3",
+    "svgo": "^2.3.1",
+    "vue-template-compiler": "2.6.10"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ],
+  "bugs": {
+    "url": "https://github.com/PanJiaChen/vue-element-admin/issues"
+  },
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "keywords": [
+    "vue",
+    "admin",
+    "dashboard",
+    "element-ui",
+    "boilerplate",
+    "admin-template",
+    "management-system"
+  ],
+  "license": "MIT",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PanJiaChen/vue-element-admin.git"
+  }
+}

+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  },
+}

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="renderer" content="webkit">
+    <meta name="referrer" content="no-referrer" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= webpackConfig.name %></title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
+<script>
+  window.baseUrl = location.origin || location.protocol +'//'+location.host
+  // window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR';
+  // window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b';
+  window.timeout=5000
+  window.authorization="bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6"
+</script>

+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
\ No newline at end of file

+import request from '@/utils/request'
+class business {
+  // xml
+  async queryXML (id) {
+    return request({
+      url: '/sjsbFunctionOper/queryXML',
+      method: 'get',
+      params: {
+        msgid: id
+      }
+    })
+  }
+  // 房地产权_独幢、层、套、间房屋信息
+  async getQltFwFdcqYzByCondition (data) {
+    return request({
+      url: '/QltFwFdcqYz/getQltFwFdcqYzByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 土地所有权
+  async getQlfQlTdsyqListByCondition (data) {
+    return request({
+      url: '/QlfQlTdsyq/getQlfQlTdsyqListByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 抵押权登记
+  async getQlfQlDyaqByCondition (data) {
+    return request({
+      url: '/QlfQlDyaq/getQlfQlDyaqByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 查封登记信息
+  async getQlfQlCfdjByCondtion (data) {
+    return request({
+      url: '/QlfQlCfdj/getQlfQlCfdjByCondtion',
+      method: 'post',
+      data
+    })
+  }
+  // 建设用地、宅基地使用权
+  async getQlfQlJsydsyqByCondition (data) {
+    return request({
+      url: '/QlfQlJsydsyq/getQlfQlJsydsyqByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 房地产权_项目内多幢房屋信息
+  async getQltFwFdcqDzByCondition (data) {
+    return request({
+      url: '/QltFwFdcqDz/getQltFwFdcqDzByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 建筑物区分所有权业主共有部分信息
+  async getQlfFwFdcqQfsyqByConditon (data) {
+    return request({
+      url: '/QlfFwFdcqQfsyq/getQlfFwFdcqQfsyqByConditon',
+      method: 'post',
+      data
+    })
+  }
+  // 海域（含无居民海岛）使用权
+  async getQlfQlHysyqByConditon (data) {
+    return request({
+      url: '/QlfQlHysyq/getQlfQlHysyqByConditon',
+      method: 'post',
+      data
+    })
+  }
+  // 构（建）筑物所有权
+  async getQltQlGjzwsyqByCondition (data) {
+    return request({
+      url: '/QltQlGjzwsyq/getQltQlGjzwsyqByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 农用地使用权（非林地）
+  async getQlfQlNydsyqByConditon (data) {
+    return request({
+      url: '/QlfQlNydsyq/getQlfQlNydsyqByConditon',
+      method: 'post',
+      data
+    })
+  }
+  // 林权
+  async getQltQlLqByCondition (data) {
+    return request({
+      url: '/QltQlLq/getQltQlLqByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 注销登记
+  async getQlfQlZxdjByCondition (data) {
+    return request({
+      url: '/QlfQlZxdj/getQlfQlZxdjByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 异议登记信息
+  async getQlfQlYydjByCondition (data) {
+    return request({
+      url: '/QlfQlYydj/getQlfQlYydjByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 预告登记信息
+  async getQlfQlYgdjByCondition (data) {
+    return request({
+      url: '/QlfQlYgdj/getQlfQlYgdjByCondition',
+      method: 'post',
+      data
+    })
+  }
+  // 地役权
+  async getQlfQlDyiqByCondtion (data) {
+    return request({
+      url: '/QlfQlDyiq/getQlfQlDyiqByCondtion',
+      method: 'post',
+      data
+    })
+  }
+
+  // 申请人属性信息-业务表单
+  async getDjfDjSqrById (bsmSjsb) {
+    return request({
+      url: '/DjfDjSqr/getDjfDjSqrById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 申请人属性信息-业务-修改
+  async updateDjfDjSqr (data) {
+    return request({
+      url: '/DjfDjSqr/updateDjfDjSqr',
+      method: 'put',
+      data
+    })
+  }
+  // 登记归档信息-业务表单
+  async getDjfDjGdById (bsmSjsb) {
+    return request({
+      url: '/djfDjGd/getDjfDjGdById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 登记归档信息-业务-修改
+  async updateDjfDjGd (data) {
+    return request({
+      url: '/djfDjGd/updateDjfDjGd',
+      method: 'put',
+      data
+    })
+  }
+  // 户信息- 业务表单
+  async getKttFwHById (bsmSjsb) {
+    return request({
+      url: '/KttFwH/getKttFwHById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 户信息-业务-修改
+  async updateKttFwH (data) {
+    return request({
+      url: '/KttFwH/updateKttFwH',
+      method: 'put',
+      data
+    })
+  }
+  //登记发证信息
+  async getDjfDjFzDetailById (bsmSjsb) {
+    return request({
+      url: '/djfDjFz/getDjfDjFzDetailById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改登记发证信息
+  async updateDjfDjFz (data) {
+    return request({
+      url: '/djfDjFz/updateDjfDjFz',
+      method: 'put',
+      data
+    })
+  }
+  // 层信息- 业务表单
+  async getKttFwCById (bsmSjsb) {
+    return request({
+      url: '/KttFwC/getKttFwCById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //登记缮证信息
+  async getDjfDjSzById (bsmSjsb) {
+    return request({
+      url: '/DjfDjSz/getDjfDjSzById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 层信息-业务-修改
+  async updateKttFwC (data) {
+    return request({
+      url: '/KttFwC/updateKttFwC',
+      method: 'put',
+      data
+    })
+  }
+  //修改登记缮证信息
+  async updateDjfDjSz (data) {
+    return request({
+      url: '/DjfDjSz/updateDjfDjSz',
+      method: 'put',
+      data
+    })
+  }
+  //登记审核信息
+  async getDjfDjShById (bsmSjsb) {
+    return request({
+      url: '/DjfDjSh/getDjfDjShById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改登记审核信息
+  async updateDjfDjSh (data) {
+    return request({
+      url: '/DjfDjSh/updateDjfDjSh',
+      method: 'put',
+      data
+    })
+  }
+  //登记收件信息
+  async getDjfDjSjById (bsmSjsb) {
+    return request({
+      url: '/DjfDjSj/getDjfDjSjById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改登记收件信息
+  async updateDjfDjSj (data) {
+    return request({
+      url: '/DjfDjSj/updateDjfDjSj',
+      method: 'put',
+      data
+    })
+  }
+  //建设用地、宅基地使用权
+  async getQlfQlJsydsyqById (bsmSjsb) {
+    return request({
+      url: '/QlfQlJsydsyq/getQlfQlJsydsyqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改建设用地、宅基地使用权
+  async updateQlfQlJsydsyq (data) {
+    return request({
+      url: '/QlfQlJsydsyq/updateQlfQlJsydsyq',
+      method: 'put',
+      data
+    })
+  }
+  // 登记受理申请信息 -- 业务表单
+  async getDjtDjSlsqById (bsmSjsb) {
+    return request({
+      url: '/DjtDjSlsq/getDjtDjSlsqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 登记受理申请信息 -- 业务修改
+  async updateDjtDjSlsq (data) {
+    return request({
+      url: '/DjtDjSlsq/updateDjtDjSlsq',
+      method: 'put',
+      data
+    })
+  }
+  // 逻辑幢信息 -- 业务表单
+  async getKttFwLjzById (bsmSjsb) {
+    return request({
+      url: '/KttFwLjz/getKttFwLjzById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //登记受理申请信息
+  async getDjtDjSlsqById (bsmSjsb) {
+    return request({
+      url: '/DjtDjSlsq/getDjtDjSlsqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 逻辑幢信息 -- 业务修改
+  async updateKttFwLjz (data) {
+    return request({
+      url: '/KttFwLjz/updateKttFwLjz',
+      method: 'put',
+      data
+    })
+  }
+  //修改登记受理申请信息
+  async updateDjtDjSlsq (data) {
+    return request({
+      url: '/DjtDjSlsq/updateDjtDjSlsq',
+      method: 'put',
+      data
+    })
+  }
+  // 权利人 -- 业务表单
+  async getZttGyQlrById (bsmSjsb) {
+    return request({
+      url: '/ZttGyQlr/getZttGyQlrById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 权利人 -- 业务表单修改
+  async updateZttGyQlr (data) {
+    return request({
+      url: '/ZttGyQlr/updateZttGyQlr',
+      method: 'put',
+      data
+    })
+  }
+  // 宗海空间属性
+  async getZhK105ById (bsmSjsb) {
+    return request({
+      url: '/ZhK105/getZhK105ById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //用海状况
+  async getKtfZhYhzkById (bsmSjsb) {
+    return request({
+      url: '/KtfZhYhzk/getKtfZhYhzkById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 宗海空间属性-修改
+  async updateZhK105 (data) {
+    return request({
+      url: '/ZhK105/updateZhK105',
+      method: 'put',
+      data
+    })
+  }
+  //修改用海状况
+  async updateKtfZhYhzk (data) {
+    return request({
+      url: '/KtfZhYhzk/updateKtfZhYhzk',
+      method: 'put',
+      data
+    })
+  }
+  // 非结构化文档
+  async getFjF100ById (bsmSjsb) {
+    return request({
+      url: '/FjF100/getFjF100ById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //宗地变化情况
+  async getKtfZdbhqkById (bsmSjsb) {
+    return request({
+      url: '/KtfZdbhqk/getKtfZdbhqkById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //非结构化文档-修改
+  async updateFjF100 (data) {
+    return request({
+      url: '/FjF100/updateFjF100',
+      method: 'put',
+      data
+    })
+  }
+  //修改宗地变化情况
+  async updateKtfZdbhqk (data) {
+    return request({
+      url: '/KtfZdbhqk/updateKtfZdbhqk',
+      method: 'put',
+      data
+    })
+  }
+  //宗海基本信息
+  async getKttZhjbxxById (bsmSjsb) {
+    return request({
+      url: '/KttZhjbxx/getKttZhjbxxById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改宗海基本信息
+  async updateKttZhjbxx (data) {
+    return request({
+      url: '/KttZhjbxx/updateKttZhjbxx',
+      method: 'put',
+      data
+    })
+  }
+  //宗地空间属性
+  async getZdK103ById (bsmSjsb) {
+    return request({
+      url: '/ZdK103/getZdK103ById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改宗地空间属性
+  async updateZdK103 (data) {
+    return request({
+      url: '/ZdK103/updateZdK103',
+      method: 'put',
+      data
+    })
+  }
+  // 自然幢信息
+  async getKttFwZrzById (bsmSjsb) {
+    return request({
+      url: '/KttFwZrz/getKttFwZrzById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //构筑物
+  async getKttGzwById (bsmSjsb) {
+    return request({
+      url: '/KttGzw/getKttGzwById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 自然幢信息-修改
+  async updateKttFwZrz (data) {
+    return request({
+      url: '/KttFwZrz/updateKttFwZrz',
+      method: 'put',
+      data
+    })
+  }
+  //修改构筑物
+  async updateKttGzw (data) {
+    return request({
+      url: '/KttGzw/updateKttGzw',
+      method: 'put',
+      data
+    })
+  }
+  //界址点
+  async getKttGyJzdById (bsmSjsb) {
+    return request({
+      url: '/KttGyJzd/getKttGyJzdById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改界址点
+  async updateKttGyJzd (data) {
+    return request({
+      url: '/KttGyJzd/updateKttGyJzd',
+      method: 'put',
+      data
+    })
+  }
+  //界址线信息
+  async getKttGyJzxById (bsmSjsb) {
+    return request({
+      url: '/KttGyJzx/getKttGyJzxById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改界址线信息
+  async updateKttGyJzx (data) {
+    return request({
+      url: '/KttGyJzx/updateKttGyJzx',
+      method: 'put',
+      data
+    })
+  }
+  // 构（建）筑物所有权
+  async getQltQlGjzwsyqById (bsmSjsb) {
+    return request({
+      url: '/QltQlGjzwsyq/getQltQlGjzwsyqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //海域（含无居民海岛）使用权
+  async getQlfQlHysyqById (bsmSjsb) {
+    return request({
+      url: '/QlfQlHysyq/getQlfQlHysyqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //构（建）筑物所有权 - 修改
+  async updateQltQlGjzwsyq (data) {
+    return request({
+      url: '/QltQlGjzwsyq/updateQltQlGjzwsyq',
+      method: 'put',
+      data
+    })
+  }
+  //修改海域（含无居民海岛）使用权
+  async updateQlfQlHysyq (data) {
+    return request({
+      url: '/QlfQlHysyq/updateQlfQlHysyq',
+      method: 'put',
+      data
+    })
+  }
+  // 注销登记信息
+  async getQlfQlZxdjById (bsmSjsb) {
+    return request({
+      url: '/QlfQlZxdj/getQlfQlZxdjById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //注销登记信息 - 修改
+  async updateQlfQlZxdj (data) {
+    return request({
+      url: '/QlfQlZxdj/updateQlfQlZxdj',
+      method: 'put',
+      data
+    })
+  }
+  // 异议登记信息
+  async getQlfQlYydjById (bsmSjsb) {
+    return request({
+      url: '/QlfQlYydj/getQlfQlYydjById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 异议登记信息-修改
+  async updateQlfQlYydj (data) {
+    return request({
+      url: '/QlfQlYydj/updateQlfQlYydj',
+      method: 'put',
+      data
+    })
+  }
+  //林权
+  async getQltQlLqById (bsmSjsb) {
+    return request({
+      url: '/QltQlLq/getQltQlLqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改林权
+  async updateQltQlLq (data) {
+    return request({
+      url: '/QltQlLq/updateQltQlLq',
+      method: 'put',
+      data
+    })
+  }
+  //农用地使用权（非林地）
+  async getQlfQlNydsyqByID (bsmSjsb) {
+    return request({
+      url: '/QlfQlNydsyq/getQlfQlNydsyqByID',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改农用地使用权（非林地）
+  async updateQlfQlNydsyq (data) {
+    return request({
+      url: '/QlfQlNydsyq/updateQlfQlNydsyq',
+      method: 'put',
+      data
+    })
+  }
+
+  // 预告登记信息
+  async getQlfQlYgdjById (bsmSjsb) {
+    return request({
+      url: '/QlfQlYgdj/getQlfQlYgdjById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //建筑物区分所有权业主共有部分信息
+  async getQlfFwFdcqQfsyqById (bsmSjsb) {
+    return request({
+      url: '/QlfFwFdcqQfsyq/getQlfFwFdcqQfsyqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 预告登记信息-修改
+  async updateQlfQlYgdj (data) {
+    return request({
+      url: '/QlfQlYgdj/updateQlfQlYgdj',
+      method: 'put',
+      data
+    })
+  }
+  //修改建筑物区分所有权业主共有部分信息
+  async updateQlfFwFdcqQfsyq (data) {
+    return request({
+      url: '/QlfFwFdcqQfsyq/updateQlfFwFdcqQfsyq',
+      method: 'put',
+      data
+    })
+  }
+  //房地产权_独幢、层、套、间房屋信息
+  async getQltFwFdcqYzById (bsmSjsb) {
+    return request({
+      url: '/QltFwFdcqYz/getQltFwFdcqYzById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改房地产权_独幢、层、套、间房屋信息
+  async updateQltFwFdcqYz (data) {
+    return request({
+      url: '/QltFwFdcqYz/updateQltFwFdcqYz',
+      method: 'put',
+      data
+    })
+  }
+  //房地产权_项目内多幢房屋信息
+  async getQltFwFdcqDzById (bsmSjsb) {
+    return request({
+      url: '/QltFwFdcqDz/getQltFwFdcqDzById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改房地产权_项目内多幢房屋信息
+  async updateQltFwFdcqDz (data) {
+    return request({
+      url: '/QltFwFdcqDz/updateQltFwFdcqDz',
+      method: 'put',
+      data
+    })
+  }
+  //土地所有权
+  async getQlfQlTdsyqById (bsmSjsb) {
+    return request({
+      url: '/QlfQlTdsyq/getQlfQlTdsyqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改土地所有权
+  async updateQlfQlTdsyq (data) {
+    return request({
+      url: '/QlfQlTdsyq/updateQlfQlTdsyq',
+      method: 'put',
+      data
+    })
+  }
+  //宗海空间属性
+  async getZhK105ById (bsmSjsb) {
+    return request({
+      url: '/ZhK105/getZhK105ById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  //修改宗海空间属性
+  async updateZhK105 (data) {
+    return request({
+      url: '/ZhK105/updateZhK105',
+      method: 'put',
+      data
+    })
+  }
+  // 抵押权
+  async getQlfQlDyaqById (bsmSjsb) {
+    return request({
+      url: '/QlfQlDyaq/getQlfQlDyaqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 抵押权-修改
+  async updateQlfQlDyaq (data) {
+    return request({
+      url: '/QlfQlDyaq/updateQlfQlDyaq',
+      method: 'put',
+      data
+    })
+  }
+  // 查封登记信息
+  async getQlfQlCfdjById (bsmSjsb) {
+    return request({
+      url: '/QlfQlCfdj/getQlfQlCfdjById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 查封登记信息-修改
+  async updateQlfQlCfdj (data) {
+    return request({
+      url: '/QlfQlCfdj/updateQlfQlCfdj',
+      method: 'put',
+      data
+    })
+  }
+
+  // 地役权信息
+  async getQlfQlDyiqById (bsmSjsb) {
+    return request({
+      url: '/QlfQlDyiq/getQlfQlDyiqById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 地役权信息-修改
+  async updateQlfQlDyiq (data) {
+    return request({
+      url: '/QlfQlDyiq/updateQlfQlDyiq',
+      method: 'put',
+      data
+    })
+  }
+  // 用海,用岛坐标
+  async getKtfZhYhydzbById (bsmSjsb) {
+    return request({
+      url: '/KtfZhYhydzb/getKtfZhYhydzbById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 用海,用岛坐标-修改
+  async updateKtfZhYhydzb (data) {
+    return request({
+      url: '/KtfZhYhydzb/updateKtfZhYhydzb',
+      method: 'put',
+      data
+    })
+  }
+  // 登记收费信息
+  async getDjfDjSfById (bsmSjsb) {
+    return request({
+      url: '/DjfDjSf/getDjfDjSfById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 登记收费信息-修改
+  async updateDjfDjSf (data) {
+    return request({
+      url: '/DjfDjSf/updateDjfDjSf',
+      method: 'put',
+      data
+    })
+  }
+  // 归档信息
+  async getDjfDjGdById (bsmSjsb) {
+    return request({
+      url: '/djfDjGd/getDjfDjGdById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 归档信息-修改
+  async updateDjfDjGd (data) {
+    return request({
+      url: '/djfDjGd/updateDjfDjGd',
+      method: 'put',
+      data
+    })
+  }
+  // 线状定着物
+  async getKtfQtXzdzwById (bsmSjsb) {
+    return request({
+      url: '/KtfQtXzdzw/getKtfQtXzdzwById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 线状定着物-修改
+  async updateKtfQtXzdzw (data) {
+    return request({
+      url: '/KtfQtXzdzw/updateKtfQtXzdzw',
+      method: 'put',
+      data
+    })
+  }
+  // 房地产权_项目内多幢房屋项目属性
+  async getQlfFwFdcqDzXmById (bsmSjsb) {
+    return request({
+      url: '/QlfFwFdcqDzXm/getQlfFwFdcqDzXmById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 房地产权_项目内多幢房屋项目属性-修改
+  async updateQlfFwFdcqDzXm (data) {
+    return request({
+      url: '/QlfFwFdcqDzXm/updateQlfFwFdcqDzXm',
+      method: 'put',
+      data
+    })
+  }
+  // 其他相关权利
+  async getQlfQlQtxgqlById (bsmSjsb) {
+    return request({
+      url: '/QlfQlQtxgql/getQlfQlQtxgqlById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 其他相关权利-修改
+  async updateQlfQlQtxgql (data) {
+    return request({
+      url: '/QlfQlQtxgql/updateQlfQlQtxgql',
+      method: 'put',
+      data
+    })
+  }
+  // 宗地基本信息
+  async getKttZdjbxxById (bsmSjsb) {
+    return request({
+      url: '/KttZdjbxx/getKttZdjbxxById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 宗地基本信息-修改
+  async updateKttZdjbxx (data) {
+    return request({
+      url: '/KttZdjbxx/updateKttZdjbxx',
+      method: 'put',
+      data
+    })
+  }
+  // 面状定着物
+  async getKtfQtMzdzwById (bsmSjsb) {
+    return request({
+      url: '/KtfQtMzdzw/getKtfQtMzdzwById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 面状定着物-修改
+  async updateKtfQtMzdzw (data) {
+    return request({
+      url: '/KtfQtMzdzw/updateKtfQtMzdzw',
+      method: 'put',
+      data
+    })
+  }
+  // 点状定着物信息
+  async getKtfQtDzdzwById (bsmSjsb) {
+    return request({
+      url: '/KtfQtDzdzw/getKtfQtDzdzwById',
+      method: 'get',
+      params: {
+        bsmSjsb: bsmSjsb
+      }
+    })
+  }
+  // 点状定着物信息-修改
+  async updateKtfQtDzdzw (data) {
+    return request({
+      url: '/KtfQtDzdzw/updateKtfQtDzdzw',
+      method: 'put',
+      data
+    })
+  }
+}
+export default new business()

+import request from '@/utils/request'
+
+class dataReporting {
+  // 数据上报表头相关接口
+  async getQltFwFdcqYzByCondition (id) {
+    return request({
+      url: '/sjsbFunctionOper/getSjsbTableInfo',
+      method: 'get',
+      params: {
+        msgId: id
+      }
+    })
+  }
+  // 根据msgid查询任务表数据详情
+  async searchTaskInfoByMsgid (id) {
+    return request({
+      url: '/sjsbFunctionOper/searchTaskInfoByMsgid',
+      method: 'get',
+      params: {
+        msgid: id
+      }
+    })
+  }
+}
+export default new dataReporting()
\ No newline at end of file

+import request from '@/utils/request'
+
+class ruleConfig {
+  // 列表查询
+  async getSysYwsjbList (data) {
+    return request({
+      url: '/SysYwsjb/getSysYwsjbList',
+      method: 'post',
+      data
+    })
+  }
+  // 编辑界面列表查询
+  async eidtConfigRule (id) {
+    return request({
+      url: '/SysYwsjb/getSysYwsjbWithSysYwsjbFieldByBsmYwsjb',
+      method: 'get',
+      params: {
+        bsmYwsjb: id
+      }
+    })
+  }
+  // 编辑
+  async editSysYwsjbWithSysYwsjbField (data) {
+    return request({
+      url: '/SysYwsjb/editSysYwsjbWithSysYwsjbField',
+      method: 'post',
+      data
+    })
+  }
+  // 编辑
+  async deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb (id) {
+    return request({
+      url: '/SysYwsjb/deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb',
+      method: 'delete',
+      params: {
+        bsmYwsjb: id
+      }
+    })
+  }
+  // 编辑界面列表查询----根据数据表名查询
+  async getRuleList (dataTable) {
+    return request({
+      url: '/SysYwsjb/getSysYwsjbWithSysYwsjbFieldByDataTable',
+      method: 'get',
+      params: {
+        dataTable: dataTable
+      }
+    })
+  }
+}
+export default new ruleConfig()
\ No newline at end of file

+import request from '@/utils/request'
+import SERVER from './config'
+
+// 用户首页
+// 获取首页待办事项
+export function getHomeTodoList () {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/workBench/getHomeTodoList',
+    method: 'get'
+  })
+}
+
+//获取首页已办事项
+export function getHomeDoneList () {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/workBench/getHomeDoneList',
+    method: 'get'
+  })
+}
+
+//获取首页常办项目
+export function getHomeFrequentProjects () {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/workBench/getHomeFrequentProjects',
+    method: 'get'
+  })
+}
+
+//保存常办项目
+export function saveFrequentProjectsList (data) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/workBench/saveFrequentProjectsList',
+    method: 'post',
+    data
+  })
+}
+
+
+// 获取用户信息
+export function getUserInfo () {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/user/getUserInfo',
+    method: 'get',
+  })
+}
+
+// 获取菜单信息
+export function getMenuInfo () {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/user/getUserAuthorizationMenus',
+    method: 'get',
+  })
+}

+<template>
+  <div :id="id" :class="className" :style="{ height: height, width: width }" />
+</template>
+
+<script>
+import tdTheme from './theme.json' // 引入默认主题
+import '../map/fujian.js'
+
+export default {
+  name: 'echart',
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    id: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '2.5rem'
+    },
+    options: {
+      type: Object,
+      default: ()=>({})
+    }
+  },
+  data () {
+    return {
+      chart: null
+    }
+  },
+  watch: {
+    options: {
+      handler (options) {
+        // 设置true清空echart缓存
+        this.chart.setOption(options, true)
+      },
+      deep: true
+    }
+  },
+  mounted () {
+    this.$echarts.registerTheme('tdTheme', tdTheme); // 覆盖默认主题
+    this.initChart();
+  },
+  beforeDestroy () {
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart () {
+      // 初始化echart
+      this.chart = this.$echarts.init(this.$el, 'tdTheme')
+      this.chart.setOption(this.options, true)
+    }
+  }
+}
+</script>
+
+<style>
+</style>

+{
+  "color": [
+    "#2d8cf0",
+    "#19be6b",
+    "#ff9900",
+    "#E46CBB",
+    "#9A66E4",
+    "#ed3f14"
+  ],
+  "backgroundColor": "rgba(0,0,0,0)",
+  "textStyle": {},
+  "title": {
+    "textStyle": {
+      "color": "#516b91"
+    },
+    "subtextStyle": {
+      "color": "#93b7e3"
+    }
+  },
+  "line": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "radar": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": "2"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": "2"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true
+  },
+  "bar": {
+    "itemStyle": {
+      "normal": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      },
+      "emphasis": {
+        "barBorderWidth": 0,
+        "barBorderColor": "#ccc"
+      }
+    }
+  },
+  "pie": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "scatter": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "boxplot": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "parallel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "sankey": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "funnel": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "gauge": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      },
+      "emphasis": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    }
+  },
+  "candlestick": {
+    "itemStyle": {
+      "normal": {
+        "color": "#edafda",
+        "color0": "transparent",
+        "borderColor": "#d680bc",
+        "borderColor0": "#8fd3e8",
+        "borderWidth": "2"
+      }
+    }
+  },
+  "graph": {
+    "itemStyle": {
+      "normal": {
+        "borderWidth": 0,
+        "borderColor": "#ccc"
+      }
+    },
+    "lineStyle": {
+      "normal": {
+        "width": 1,
+        "color": "#aaa"
+      }
+    },
+    "symbolSize": "6",
+    "symbol": "emptyCircle",
+    "smooth": true,
+    "color": [
+      "#2d8cf0",
+      "#19be6b",
+      "#f5ae4a",
+      "#9189d5",
+      "#56cae2",
+      "#cbb0e3"
+    ],
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  },
+  "map": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "geo": {
+    "itemStyle": {
+      "normal": {
+        "areaColor": "#f3f3f3",
+        "borderColor": "#516b91",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "areaColor": "rgba(165,231,240,1)",
+        "borderColor": "#516b91",
+        "borderWidth": 1
+      }
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#000"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "rgb(81,107,145)"
+        }
+      }
+    }
+  },
+  "categoryAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#fff"
+      }
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "valueAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#fff"
+      }
+    },
+    "splitLine": {
+      "show": false,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "logAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "timeAxis": {
+    "axisLine": {
+      "show": true,
+      "lineStyle": {
+        "color": "#cccccc"
+      }
+    },
+    "axisTick": {
+      "show": false,
+      "lineStyle": {
+        "color": "#333"
+      }
+    },
+    "axisLabel": {
+      "show": true,
+      "textStyle": {
+        "color": "#999999"
+      }
+    },
+    "splitLine": {
+      "show": true,
+      "lineStyle": {
+        "color": [
+          "#eeeeee"
+        ]
+      }
+    },
+    "splitArea": {
+      "show": false,
+      "areaStyle": {
+        "color": [
+          "rgba(250,250,250,0.05)",
+          "rgba(200,200,200,0.02)"
+        ]
+      }
+    }
+  },
+  "toolbox": {
+    "iconStyle": {
+      "normal": {
+        "borderColor": "#999"
+      },
+      "emphasis": {
+        "borderColor": "#666"
+      }
+    }
+  },
+  "legend": {
+    "textStyle": {
+      "color": "#fff"
+    }
+  },
+  "tooltip": {
+    "axisPointer": {
+      "lineStyle": {
+        "color": "#ccc",
+        "width": 1
+      },
+      "crossStyle": {
+        "color": "#ccc",
+        "width": 1
+      }
+    }
+  },
+  "timeline": {
+    "lineStyle": {
+      "color": "#8fd3e8",
+      "width": 1
+    },
+    "itemStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderWidth": 1
+      },
+      "emphasis": {
+        "color": "#8fd3e8"
+      }
+    },
+    "controlStyle": {
+      "normal": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      },
+      "emphasis": {
+        "color": "#8fd3e8",
+        "borderColor": "#8fd3e8",
+        "borderWidth": 0.5
+      }
+    },
+    "checkpointStyle": {
+      "color": "#8fd3e8",
+      "borderColor": "rgba(138,124,168,0.37)"
+    },
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#8fd3e8"
+        }
+      }
+    }
+  },
+  "visualMap": {
+    "color": [
+      "#516b91",
+      "#59c4e6",
+      "#a5e7f0"
+    ]
+  },
+  "dataZoom": {
+    "backgroundColor": "rgba(0,0,0,0)",
+    "dataBackgroundColor": "rgba(255,255,255,0.3)",
+    "fillerColor": "rgba(167,183,204,0.4)",
+    "handleColor": "#a7b7cc",
+    "handleSize": "100%",
+    "textStyle": {
+      "color": "#333"
+    }
+  },
+  "markPoint": {
+    "label": {
+      "normal": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      },
+      "emphasis": {
+        "textStyle": {
+          "color": "#eee"
+        }
+      }
+    }
+  }
+}

+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unscss required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+(function (root, factory) {
+    // eslint-disable-next-line
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        // eslint-disable-next-line
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    }
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    if (!echarts.registerMap) {
+        log('ECharts Map is not loaded')
+        return;
+    }
+    echarts.registerMap('福建', { "type": "FeatureCollection", "features": [{ "id": "350100", "type": "Feature", "geometry": { "type": "MultiPolygon", "coordinates": [["@@K@KLDBLBBIHCAA"], ["@@CBABCD@FJFCFBDHFFBB@FM@CCEBCCEMC"], ["@@ACCBBDDA"], ["@@@CC@@DD@"], ["@@B@A@"], ["@@MCKEO@ICCCAEAKBKAAIAC@AVFPCRBBFBNHNBVXJ@DADCHAB@@GBCL@B@BCCIEEBC@CHCACG@ABKPA@CC"], ["@@@A@B"], ["@@A@CDC@WH@FLXCB@DFDATBFH@HELA@CCACI@AFAD@BA@AH@DED@FDBHHHJDT@JC@AEOECGKC@EDOQIACBG@CC@CKC"], ["@@B@BCE@BD"], ["@@J@BA@AAAI@ABBD"], ["@@B@@ACABD"], ["@@B@@AA@@B"], ["@@B@AC@@@D"], ["@@BAA@@B"], ["@@@A@B"], ["@@BAA@ABB@"], ["@@DA@CCB@D"], ["@@MDFFAFBH@BCFCDBN@BHFDJJHFBDCDMCCE@AA@EHOD@HDDABC@ECCGDCEGAGACC@G@A"], ["@@B@@AA@@B"], ["@@B@@AA@@B"], ["@@B@A@"], ["@@B@A@"], ["@@B@AC@B@B"], ["@@BA@AAB@B"], ["@@BA@CC@ABCCC@@BDDHB"], ["@@BKCEEAEF@HBDHDDA"], ["@@E@AFCBC@CCABACA@AACFB@@BADQAALDDAB@JBFADLADGAC@@PBHF@@DCAAAECEJCDDAFBDCDBLDBBA@AAADAAADA@ADBDACGDACADCAADEGKE@AA"], ["@@ABBBAFEBQBEDQBABCJOLEHD^NF\\BLGFMH@FKD@LBPENB@A@CM@CAAE@CBA@CE@A@@ABA@EDAAKE@MEC@"], ["@@@HCBEAEJAH@BDDL@DCFDNBB@@CFBDEEEGGG@A@BCEEEA"], ["@@ABFLAB@DJDFNDDJ@BCDAFHBBFC@CGEBCKEA@BEIC@CCBADIIA@ACC@"], ["@@FD@A@CAC@ACABFAD"], ["@@C@@BDDD@@FBB@DAB@B@BB@BA@AF@@CFEIEIC"], ["@@BDHBB@CGBGEADAACCCEACCC@@DE@@DHDBFHJ"], ["@@@AA@BB"], ["@@FFB@@CACC@AB"], ["@@ABD@@BB@HACCABE@"], ["@@BBJ@DBDAAEA@CAABC@ACCH"], ["@@ABBBF@AACA"], ["@@@DFJDBFFHDB@@ECCEGEACEE@"], ["@@DHDBD@FADCCEFAFBB@HKBECCEDC@A@CF@@AGEECCCGABABABCAEBAABCAAA@GH@DDDAFF@BBADGBECABARA@CGCECBABBFAFJD@HBBD@JABCDC@EAI@AF@FBF@@F"], ["@@CBD@BAA@"], ["@@B@@AA@@B"], ["@@DBBACAAB"], ["@@DFDAACA@AEA@@F"], ["@@DB@CC@ABB@"], ["@@FNFAFFFACGA@ACC@EEE@@B"], ["@@@DBBF@AECAAB"], ["@@BDB@@CBAEEA@BH"], ["@@BBD@@ACCDAE@@D@B"], ["@@JB@@AAE@CA@BB@"], ["@@BDDBBAAC@CC@ACA@BH"], ["@@DD@CD@ACC@AD"], ["@@FDH@GEEB"], ["@@C@ADHBBF@@DAFBCEIE"], ["@@BCAEBA@IECABBJEHID@FMFBBBBBFD@FFD@D@@HBBF@RADCBE@CGCEBAAGG@CBC"], ["@@B@@BD@@CAAAA@BAD@@"], ["@@BDAE@B"], ["@@CFDDD@DAJ@D@BAACBACC@EAACBABKH"], ["@@BB@AA@"], ["@@DBBGAAA@CA@BDFAB"], ["@@@BDFDBB@CGEA"], ["@@@BB@@AA@"], ["@@EDBDB@FA@EC@"], ["@@CF@DADDFB@BA@CBBHBBABAD@ACAABEAAEAIB"], ["@@@@@A@B"], ["@@BBBA@ACB"], ["@@DB@CA@AB"], ["@@DDB@@ABACCABAB"], ["@@ABBBD@@CD@@ACACD"], ["@@BBDAAEE@BF"], ["@@@BB@AA@@"], ["@@JFB@CEG@"], ["@@@DFBAEC@"], ["@@@DD@ACA@"], ["@@ABFB@CC@"], ["@@B@B@AAAB"], ["@@BDB@ACA@"], ["@@B@@@A@"], ["@@JHB@ACGCA@"], ["@@DDHFBBDCFDD@JHDA@@KKCAACEBEGGCABBDCD"], ["@@DFNJHBJOJEBACGIACCK@CACBCCC@CDADDP"], ["@@ADBBHAAABCAAED"], ["@@@BBA@AAB"], ["@@HBBCAEGF@B"], ["@@HHB@GIAB"], ["@@P@@A@CECM@@DDF"], ["@@IKGACD@FNLHJHB@EGM"], ["@@A@CDG@CBC@EFIDBBAD@BDDFA@FDFD@BICKDAD@JNDBBJAB@BPH@BJJF@FDAHHDF@DAJDBDB@@GCA@CBCCMIKBCE@CA@GECE@IEE@@ABACGIEC@"], ["@@BA@ACBBB"], ["@@BCAAAAC@DHB@"], ["@@DB@CBAE@@D"], ["@@@@@@"], ["@@FAB@BCAAE@CDBD"], ["@@JNPJF@DABAAI@ADAVHZFFBHJJDF@DA@EEI@EFG@C@A@KAEECEAC@GBIJC@IGQA@BC@GEEBE@GCABADMJC@@BAHBD"], ["@@DDBA@CCAAB@B"], ["@@BAAB"], ["@@DBBA@CC@AD"], ["@@JFBCDA@AACIACD@D"], ["@@@BDAC@"], ["@@B@BAA@AB"], ["@@BBDBAEAAA@@D"], ["@@@DHBBMCG@AAAC@AFBN"], ["@@BBBCA@AB"], ["@@@BBB@CA@"], ["@@@DD@AEC@BB"], ["@@BBBAACC@BD"], ["@@BBB@@C@AG@DD"], ["@@@BB@@CAB"], ["@@BBBCC@@B"], ["@@BBB@ACAB"], ["@@@B@A"], ["@@B@@AAB"], ["@@BDF@CECB"], ["@@ABDBBCC@"], ["@@ABDBDEA@CB"], ["@@@BBBDAAAC@"], ["@@D@AAAB"], ["@@E@@FB@@ADA@A"], ["@@@BF@DEC@ED"], ["@@DDD@@ACAC@"], ["@@B@B@AAAB"], ["@@HHDAAACEE@@B"], ["@@B@AA@B"], ["@@BDB@BCCAAB"], ["@@FBAAC@@@"], ["@@B@AAA@BB"], ["@@BBF@B@@EEACB@D"], ["@@BDB@@EC@@B"], ["@@CDBBDAAC"], ["@@CD@F@BDAHA@CD@@E@AC@GD"], ["@@FFB@@ACGA@AD"], ["@@ADB@BCA@"], ["@@@BF@AAC@"], ["@@@DBCA@"], ["@@@AAAADD@"], ["@@DIF@ACCBCAC@@DCBALA@@DF@FG"], ["@@BDD@CI@@AF"], ["@@@@@@"], ["@@@BB@@AA@"], ["@@BHBBFA@AAABCCCBCAAA@ABC@@FBB"], ["@@CB@BF@@AAA"], ["@@ADBDB@FMC@CF"], ["@@ADBBDEC@"], ["@@@BBAA@"], ["@@ADD@@CA@"], ["@@AB@BBC@@"], ["@@B@@AAB"], ["@@@B@A"], ["@@@BDAC@"], ["@@@BBDFADB@CE@ACCA@D"], ["@@J@BCCCG@@H"], ["@@A@@DBC@@"], ["@@@EAACFAAAFBBBCF@"], ["@@EDADD@DABBD@@EEA"], ["@@@BBFCBC@A@ERBBJ@FBF@EFE@@DDBN@HED@FBCFFBBDD@JC@CEEBCAANCBCB@@CKEEEOAGCADE@ME"], ["@@@BBBF@@CAAEB"], ["@@@BBBBECA@D"], ["@@ABBBDCCA@B"], ["@@GDDFHABAACCA"], ["@@BDB@DA@CAAA@CD"], ["@@DB@CAAAD"], ["@@ABBBHACAC@"], ["@@DHH@BA@EFBBA@ICCACCBE@@FEF@D"], ["@@DFHDBAACCCCACB"], ["@@@DFBD@@CAAGA@B"], ["@@B@@AA@@B"], ["@@@DF@ACDCAGA@@FCF"], ["@@@DDBDCBAAAE@AB"], ["@@@BDAC@"], ["@@DBBAEAABB@"], ["@@ABBBBAAA"], ["@@DBB@AAC@"], ["@@@BB@@CA@@B"], ["@@B@AA@B"], ["@@@@@@@@"], ["@@ADDADDDB@GEEE@BF"], ["@@ADFBFBDA@ACACECBAB"], ["@@BFFGCAA@AD"], ["@@AB@BDCA@"], ["@@B@@CE@AD@@F@"], ["@@CDM@@BDBAFFBBDBB@FFDRFLDAK@ICEHKACGACBABC@K@"], ["@@DBDA@CEAAB@D"], ["@@DDAEA@@B"], ["@@CCA@DLB@DCBCE@"], ["@@BBBCCAABBB"], ["@@BBBAAAAB"], ["@@@BDJDBDDDACEBCDAHCBAEACDQ@"], ["@@@DDAAAA@"], ["@@AB@BFCA@A@"], ["@@@BB@AA"], ["@@@AAB@@B@"], ["@@DBCA"], ["@@@BB@@CAB"], ["@@ADD@@CA@"], ["@@AB@DDCAA"], ["@@AAABD@"], ["@@f•f¯BGEOBGBCLKbqBEBOBCRORQBAIKAEBEVEZ@\\HjRXJ\\@FA@COeCEe_aUGEAOEEKAIAmDQEG@A@CRCDGFSDG@…]GGBILENADC@EAIEIYWIACBMLOPIFI@Ÿ_YCYAmGECGG@KDGRQBE@EAGUMAC@UAIEEoM]_YISKAM@MFILIFcFKBCNEPARM@ECEJYR@BWHMJyH]BEFAHBdNH@F@NERGLODMAiCUIaYOuCIGCSC{CMCICEEEGGWGeAeD{D‡HMBCH@DOAGCEQKEIEEMGCCEOCAAEEA@EJCBGFC@AQcQIUA‘JaA‰SAKMEKBGEAE@IHMDUAIBA`BNMFAJFF@^EFBHJJ@FCBGAQFM@GACQSACDKJ@REVBTCJDJDPNJBL@DAHMEQ@ATOFQHC@GAGHWBKCGKKAKDWFELKJM@E@EGG@GBADAJ@FDTVLDDABA@]BAlJHV@BEB@HHFBFVHFPDDTFREF@JDBD@DSHABDLCH@F@DH@@V@LKXELcPALIJAH@JJHH@BJLLBHXND@FAD@DBBPDHHFTJXFTLBH@@HAjZF@FAFG@KCEYa@C@GDOJMDAJA\\HLAD@HIFCH@PKPGFG@ECCECCIIK@ADCH@PMhKN@ZLH@DA@EE[GKYUKEGAI@CDGPGDIBiSGECCEUAWDODGBCXCDCDIDEBANDDBB@JCDIPHBDB@FEAKBIKS@KEEK@EBABCLCFAB[FGAECCEKCEBIAKIKCc[IAGACCEO@MHCN@FCLAFC@GMC@KEABCACE@EBCAAB@DA@GCE@SPCHAHGDCFSBIFKAKPKDW@C@@B@DVD@FAHEBAEM@CBEHGDCD@DNR@FG@CAC@IL@D{OAA@GCKCIYMG@CC@CHEPADAH@BBBHD@D@JILA@FAHBHF@F@FBFCDE@SDI@AEG@MEAIBGA@KAC@EJ[DC@MDA@AGEBEAAA@GHC@SMQCKE@CDAVBTHHHF@BA@CCMGIECEG_IWBABMBEAMIIAEBCHKN@HDBLBQXIV@LBFJLDRCFAPIDCH@LHJCDIFADDH@NCJGFMAEAEECEBEGUHIFADADE@IBAH@DBDEDKDI@AGEMECIAEACIEGBECAKEABG@CEEIAMEE@@JDF@D@HEBEBO@KAGIQEEQC@QHCD@JJP^XDD@HENQVGFGBCDBNJfCFGDE@GA]BCACIGOQSG[EACDBTCJON@DPJTT@HIFA@AHDVBFHHJ^AFGDMBI@OSAAEAiHEDATEFsVIFIDIAEIGUKsAODOJYJO@EBQAICCI@CECBCDGHO@IGG[IEIDM@OASBWTOJKVA`JZJRHFGDMEIBEF@TA@o]AIO@EAEJA@GACBADFJ@DELCD@DDBLANCD@LVBFENB@JCF@DDDBDDAHFP@FGNMT@PIJAPIGGCQOIGCCADAHIBIFICGBCBKRMDCRSTBBBBJBFGFCB@BHCPEB@EAAC@C@DN@DADEBIB@HBB@BBDGDALMFGFMR@HAH@JJTFPFJANFBHAJ@BBCFIBIJETBDNBDBBDCHADGAAHADEBI@@HIAAABAEC@BCB@A@AABBHHFPNJDJHLT@DABIDG@EBEBGHMGEHkDEAKGAACBCLA@CAEGGCKDCD@HEC@EgGMK_BSIACmAIGKDMAEEEIMCCCAGOGANDTDHBFCPEF@D@HDDF@DB@DADCBC@MG@GGGG@ICIOMMAKIACAQCGECBCGCCCEKGIIEAEEC@ABHL@FGBCCO@OGC@MDADEBG@QLEHADW@EBEGOI@AHABAMSUMWIICMBIDMNCBCA@CBEBGCGIGMAIMEEE@GBADL`@NCBUOI@EGCAKF@HA@CCIFAJSAMBED@BBBHFON]FO@EAI@ECACAOICEBIHIDAJABC@CA@EDMCAEDCA@CBOAGEAGAADELABGACA@MCGCAGPEBEAAC@CJIGEC@INUKIFOMCGDEEEGCYAEBCLKJGLGFC@IJKJALUPAJWFMJGJA@CBKEGBIFQRGV@LBBARCHIHCH@JG`EJSHGFKRMCEF@FVXDP@NDLD@LEHDLNF@HF@DEJIZABKFADBDJBCLDFN@BDCJV\\LNHC\\ULOFAFCBCI{BAJHP@FHBZCFAHAFC@AFBDJHHBPINALCP@JO@AACD@HB@BKPCJEBHHALBFNRDJAFG@AFDTHLAHDFKLBDDFDFEF@FEDJTBHCXGF@L@BH@ETBFJJBZIPAHAHBB\\CpBnHJ@XSRFONBHJHFNCBGCGBAFE^CBEFAN@LAFFHFLAFDD@FCBSGG@GFGNA`FL@LCFBD@LD@PGDBDDITDJDHBDCFBDABBB@BF@FDBB@DBB\\BTKFLIHKTEFPLFHDAhANINGLANJD@HCBDDLFHBDCDHB@F@NK`BHABHJVJDDCJH@D@@DD@BADCF@DBBD@DABKDBZDDNJFFHDHHR\\|AFABA@ENE\\EFB\\RHDDVDJBJEHQLE@EBCDGLIHDHEFGFQBEDAFDF@JJBELJPEDSH]PGFHNBFCRDJ@RBFHFD@HJRHBHAHIBBLCDEB@B@HDHVAFBD@DCHAT@FEFIEKBAJAPENEDG@]OK@CXSDEACC@@E@KFKJGJAL@XHbTJNBLPHDD@J@D\\HDDHDbJLAVBF@PSHEN@LHH\\ALEFOAEFAHDLPNDVFJLFRH`BFAJGF@DBBDFB@DEHBDFF@DOP@DDDFDD@LEHF@BCJBDJJ@DE@AD@HHBBDBNFBJED@@DANHD`CJ@DBNND@DADENIFEFE@EACIAKGEGAEDCRGL@PDB@DCDAJBBB@LDBD@@GDCAEFGACAAJADEBCFCAIFG@CDCHBFABB@DDBT@DAHGBBBHHBF@FCHBDAD@BFJJD@H@NFDDJNHDFJDBNEDENYHG@SDCNSFAD@ZHJJJZDFHAVIJGBCJCDDH†HRVXFBF@VA@GFABAAIE@CE@CB@HD@CFCBFFBB@DAHDFH@FJFJAFFAFED@B@DBBH@DC@LDAH@DCDAVDFFJP@NBFPBNAJCJADAH@JDAHYJABBBH@BB@DDBLANOFANBVDNFT@HADCF@FB@DFBTKLC@EXBDCJKAC@INQJCBILELQ@AKIPUDCN@^KBC@EECDCDAJDFANKRBHGF@HFF@NEFCDC@EFA@CB@NABAAE@ADAF@RFNHDAHBPEJ@FBBH@DDHF@FENF@DPpDDFBJ@NJVEH@FAXKJDTPDBGF@DDBLA\\DJATMJCDGTKBGJM"]], "encodeOffsets": [[[121678, 27068]], [[122867, 26893]], [[123104, 26891]], [[123102, 26881]], [[122918, 26872]], [[122887, 26845]], [[122899, 26847]], [[122808, 26762]], [[123295, 26793]], [[122500, 26759]], [[122597, 26600]], [[122653, 26290]], [[122432, 26267]], [[122495, 26224]], [[122330, 26023]], [[122337, 25968]], [[122386, 25960]], [[122568, 25912]], [[122491, 25946]], [[122489, 25944]], [[122479, 25933]], [[122477, 25932]], [[122575, 25918]], [[122572, 25914]], [[122600, 25884]], [[122600, 25866]], [[122778, 26197]], [[122515, 26757]], [[122816, 26587]], [[122847, 26569]], [[122779, 27057]], [[122762, 27045]], [[122794, 27053]], [[122756, 27019]], [[122755, 26998]], [[122828, 27009]], [[122848, 27000]], [[122971, 27014]], [[123107, 26964]], [[123388, 27005]], [[122776, 26927]], [[122780, 26924]], [[122774, 26924]], [[122896, 26865]], [[122900, 26866]], [[122880, 26870]], [[122857, 26818]], [[122855, 26792]], [[122703, 26916]], [[122688, 26897]], [[122685, 26889]], [[122705, 26880]], [[122597, 26897]], [[122598, 26867]], [[122549, 26752]], [[122532, 26772]], [[122538, 26773]], [[122508, 26742]], [[122877, 26603]], [[122846, 26566]], [[122564, 26378]], [[122535, 26397]], [[122528, 26369]], [[122546, 26375]], [[122686, 26379]], [[122731, 26321]], [[122734, 26322]], [[122700, 26282]], [[122700, 26286]], [[122708, 26284]], [[122643, 26330]], [[122631, 26281]], [[122600, 26328]], [[122566, 26286]], [[122561, 26282]], [[122575, 26281]], [[122577, 26283]], [[122534, 26303]], [[122539, 26306]], [[122511, 26289]], [[122521, 26281]], [[122483, 26327]], [[122477, 26331]], [[122496, 26319]], [[122487, 26291]], [[122494, 26291]], [[122458, 26284]], [[122450, 26243]], [[122414, 26223]], [[122416, 26230]], [[122478, 26197]], [[122483, 26194]], [[122473, 26208]], [[122535, 26263]], [[122567, 26229]], [[122588, 26246]], [[122671, 26268]], [[122676, 26263]], [[122686, 26264]], [[122691, 26237]], [[122726, 26231]], [[122737, 26209]], [[122786, 26210]], [[122722, 26189]], [[122715, 26193]], [[122751, 26184]], [[122716, 26129]], [[122701, 26140]], [[122691, 26129]], [[122691, 26122]], [[122699, 26124]], [[122696, 26122]], [[122542, 26118]], [[122578, 26154]], [[122582, 26156]], [[122583, 26146]], [[122580, 26168]], [[122590, 26165]], [[122580, 26144]], [[122571, 26142]], [[122568, 26189]], [[122479, 26187]], [[122495, 26125]], [[122497, 26125]], [[122499, 26129]], [[122500, 26143]], [[122545, 26107]], [[122532, 26091]], [[122519, 26069]], [[122539, 26058]], [[122556, 26069]], [[122511, 26041]], [[122587, 26026]], [[122681, 26067]], [[122677, 26060]], [[122686, 26053]], [[122695, 26033]], [[122691, 26034]], [[122693, 26038]], [[122818, 26043]], [[122753, 26083]], [[122747, 26086]], [[122725, 26100]], [[122643, 26003]], [[122650, 26004]], [[122634, 25999]], [[122631, 26000]], [[122628, 26000]], [[122620, 26011]], [[122548, 26022]], [[122539, 26005]], [[122542, 26007]], [[122602, 25961]], [[122588, 25985]], [[122578, 25962]], [[122579, 25943]], [[122579, 25951]], [[122570, 25955]], [[122565, 25953]], [[122556, 25945]], [[122648, 25899]], [[122646, 25905]], [[122632, 25906]], [[122619, 25901]], [[122600, 25885]], [[122442, 26033]], [[122436, 26036]], [[122438, 26056]], [[122438, 25999]], [[122455, 26007]], [[122420, 25975]], [[122403, 25968]], [[122376, 25971]], [[122375, 25972]], [[122375, 25975]], [[122470, 25938]], [[122346, 25914]], [[122355, 25916]], [[122358, 25920]], [[122351, 25932]], [[122342, 25940]], [[122331, 25960]], [[122336, 25979]], [[122230, 26022]], [[122230, 26020]], [[122245, 26043]], [[122256, 26046]], [[122280, 26060]], [[122299, 26064]], [[122846, 26708]], [[122684, 26856]], [[122684, 26858]], [[122686, 26859]], [[122689, 26858]], [[122586, 25928]], [[122556, 26196]], [[122676, 27184]]] }, "properties": { "cp": [119.206239, 26.075302], "name": "福州市", "childNum": 197 } }, { "id": "350200", "type": "Feature", "geometry": { "type": "MultiPolygon", "coordinates": [["@@C@@DJ@@AEA"], ["@@QDKHAHJPLBJIFCDCBE@GCCGA"], ["@@BFF@@CCACA@B"], ["@@JDFFJ@HCFDDABAAAC@AEMAC@GCGBCF"], ["@@FDJC@AEBECAGA@AACB@BHDAF"], ["@@FcAIO[•…MOMKQAcDUFaNIJKTMNAFCP@HHNFjTxBHJXJNHHXNfHJDNBFAFEJQFC^ClQNKFIDOB["], ["@@iDoCEBSHKREDQBEDONKTCLHV@@CBABHHBHAJBBG`E@AFOHCHCBEAEBADCPEHKHCBO@GD@LBJBDGHAFDRFF@HEHEDMHMLMHADJFDJ@J@FALDBBBNCPDRADBTfJHNFLLJDDDDNDH@DAJLDDF@FCNK\\CNBLABMFCFIhARFLDTDHJDFBALHJDLBNAXALGNF@DBBF@FABAFDJAFFTIFCBSCG@EBWbMHQLBJBDFDH@H@DCJGFKBAXJTEHIHQHEDGDAHHF@ZLLDBBONAD@DLNL@RCDBBFCHOJSDGF@FDFHBZMHADDBPFBXGLBFADEAQDGLKHMFEHAFDHNH@DABE@SDMFAPTrXBAF@LTLHTLFBLEN@LB@FJDN@JADADEDAD@DDJCNBRUAAKAEM@EFGTKLCHGTGBIACEEBELODIDAFAH@FBDLHBF@DGFBDADCF@FBHHTDH@JERCFCHWFCHMLEHEHACGHEAEGIBCRMD@BFDDDBFCDE@KA@CBCBCACE@EFEESCCC@CDSAEE@EDCFUDANADCJMAG]iAEDCHGXM@EAGBC\\QA_OMHWCQEEIAEOCCEE@CDIDBFBJNB@BC@GCQLGLEBEBKBAJ@DW@]IUEGOGkG‰GsMkGl]ZgZOZIJKNICOGaOQMMUOGGIIOIKUO}AEQSGSEu"]], "encodeOffsets": [[[120993, 25143]], [[120906, 25022]], [[121027, 25035]], [[121218, 25145]], [[121249, 25142]], [[121042, 25093]], [[120883, 25005]]] }, "properties": { "cp": [118.11022, 24.690474], "name": "厦门市", "childNum": 7 } }, { "id": "350300", "type": "Feature", "geometry": { "type": "MultiPolygon", "coordinates": [["@@ABG@DFAFHDDH@B@BF@@CHBBCAAHCAGDC@CE@GBMC"], ["@@@FAAGDBNDFD@@EBA@CBCB@DBDAGGA@CC"], ["@@F@@ACAAD"], ["@@EBMLCF@FHBLEDEDG@CAAAA"], ["@@B@A@@@"], ["@@BBB@ACAB"], ["@@BDD@CCA@"], ["@@BBB@ACAB"], ["@@DBFAFCCCE@ED@D"], ["@@KDADDBDADDHCBA@CGA"], ["@@T@BA@AECC@KFG@@DB@FA"], ["@@@BDFBCDDDABCACMB"], ["@@@BBBF@BAJAACB@@ACCKAGDABBDDB"], ["@@FD@BD@@GI@A@BB"], ["@@@FBBH@BA@IF@@EBCC@CDAACDAAC@AFBD"], ["@@AEEBCCEAADDJA@A@@FB@FAF@@BBBFGAC"], ["@@FBDAAAC@C@@B"], ["@@CD@BFBBHH@B@AC@AJ@CCBA@ACCA@CDIA"], ["@@HDBCGAAB@@"], ["@@FHADDBDIAGEACF"], ["@@@BEBAFDBJLBAAGH@@CEEAMGB@DBD"], ["@@OJ@FJAZK@AAEC@MF"], ["@@ADBFFDHABEAAEIA@E@BDAB"], ["@@BHFBBBD@BEACGCDC@AA@GF@B"], ["@@ADCBBBD@BC@AAA"], ["@@BAACABBD"], ["@@@BBDAFDBDBBDPI@C@CGEIAGF"], ["@@RDDAACCACEE@ACAHIFBBFA"], ["@@YDI@SFETDJFFBFOR@D@HDDD@JEHADDBHDHDDD@JADB@HBJFHFBJEDEBIAECA@CBAFCFBBBABBDDBJAHCDEAQBSDIJER@BGDEbKL@BDDHDFDABEBAHBDED@FBFHHDPAFABC@CECA@AAFGEEEAIAIBEFCACEDQ@AMDCC@CNSCGDC@AICGAW@QGA@ABBHADCDGFODAB@FCD@DDFABKDG@GDIDGAGHSJ"], ["@@FJFFFBH@LCJHnBBDTJ`ANLhH@FFD@GDCLCHDFHDBB@DKDABBLHNBdCFGNHHGFAFAH@JCBAAGIOIGICOMGEAEBC@DDA@AFDABBBJB@GJ@FABCBGHBBCDGACCAMAACFSJIJADEAAI@GBEABMEIEOIS@IBG@GNQHENEBKHCAC@AAA@GJAFABC@CCMD@D@BB@FFADOAGA@EDEHIAAAAATSDQNCLQDAHAJDJEJADKDDJHRPHDJHBOJI@ONSHM@EEOBGAAECCCE@IDA@FMAEKUC@MDKBCC@ADCFK@CEIBCDAHBB@FIMIuSqYEGOUKkAaBELCJBNFD@HE@MDCpMPAFDDBXEHKBC@IFCBCAKBGPS@OJG@EDAFAFBBJCZBDD@F@HATIHATBJBFBPAFCXgnkHGVEN@HIVGH@PHF@BAEIAIAKBMACCCYIIEIA]BGACE@IEAQDMHGBKEC@EFI@EAAEFI@CAC@EFKBKDKJMNEDGCCGAEEIMCAC@ADEAYQGMOEEB@JED@DDFADqVIFEBWCWOSEQ@ODGFOHEDEJcZGJCHBLAHEDMCEGEIMECC@EGGAIAAEB@CJYLOR@NIN@DCDGAMGECBAABEFCHEF@B@JHN@FCDGCeBG@EK_@KAKIAIKKECAAI@KHMEEAEBCL@BC@GAAGAAGGCAGGICUICFKAE@@K@C@@HBJALGDEFKBCDBDHD@BCHCBODOLADFDJ@ZIHBDDDD@DO\\EHBDDDJ@HPLFJJFBTBDB@DAFIFG@©FMQSFSNGNUHKJM\\AVBLANDPDDFFB@TIRCJBHJPXBJBbDHLHBHU\\_EI@GAIIEASBIAACCOAEEEOIKAKDICE@AFBNQREH@JDHHJFDBH@LBJHHDNDBLGFGBEBAHALDFHDDDHAHEHKBMAOFIBGCIIC@Q@IBK@GDG@CCCGCAiSGAKDI@MIGMIE[CUBACICBKAGGGQAECGIC@ADDH@FOBE@BGCACAIAEASBICGBKCEBBHMEGCQECCEKDQ@AAAMAKBEAGEQEICGBEKWYCBM@IIEGGC@ASAA@AEC@BHC@DJCFBJOFEHEBCNDNKJ@BBFFBL@DFHDBFFF@B@BECAFG@@EAA@RAHBBF@@FEFBBHFBD@BCBADAH@DJRLF@BYREFGCGGCAK@ABCBEQA@CFIFAHGBBHFFTDFFBJFHKPDHMDSEG@MFEAMOEACBI@EBIJA@CAAEA@KNA@OEI@IDCC@CE@A@@GCB@ADGAEC@AFIB]@ACCAEF@BS@BLGNAHFHFL@FELCBECCECIGKA@G@ADAHBFFFDJDDN@ABIFBZJJDD@HQJ@JAFCBUNGLEBK@AD@FJRADSFEP@VADCBICMBA@AJILERADDHNTFNJBBDDP@HADC@KCC@CB@BJDDDBFADOFBLEF@JJH@DGB@BJLJFJPLNLLBBCD@DFFJDZNBR@DABBJjpBLLFBHLFADADFFHPEF[LCBABJLRL@DADEFFFCFDHPNJEVLJMD@HFIJ@DBDFBFAHODBDH@NDBHBBAFKBCHBFBBHAP@DDBFCDBCN@FDBD@BABIJCJGFAJDBPDFdD^EDCLIGEAA@AFCNATBBIJEDDB@@GJCF@FHL@TPDA@MK_BCHAF@FFJNNBJHDHAHAF@DDBDANMJCNAJDXJVNNTABGB@BPJFHFAX@BCFGRKH@FABCNCD@PHP@DDHA@EGKBAD@FFFBJJLHDFDDDHDAHFRDDBJBBLNNJPJDH@HH@HFDLDDABC@CCAE@CC@G@CFEDOAECGCSBMPHBHDDND"]], "encodeOffsets": [[[122386, 25872]], [[122237, 25718]], [[121933, 25635]], [[122329, 25582]], [[122027, 26000]], [[122033, 25986]], [[122061, 25979]], [[122434, 25772]], [[122266, 25758]], [[122516, 25833]], [[122474, 25841]], [[122480, 25849]], [[122461, 25848]], [[122461, 25821]], [[122449, 25855]], [[122450, 25871]], [[122423, 25772]], [[122463, 25792]], [[122389, 25759]], [[122350, 25860]], [[122207, 25920]], [[122233, 25935]], [[122120, 25960]], [[122130, 25957]], [[122231, 25718]], [[122143, 25765]], [[121875, 25778]], [[121906, 25704]], [[122339, 25802]], [[121825, 26342]]] }, "properties": { "cp": [119.007558, 25.431011], "name": "莆田市", "childNum": 30 } }, { "id": "350400", "type": "Feature", "geometry": { "type": "Polygon", "coordinates": ["@@A@CFUPGBQAQKC@EDCbADKF@FARCHIFEBIAEIK]IEK@O@GHIXEDCAOOEAGFGNI@IAIIGIAGLSBECEECIAIDMAEECIKCGEGEOLIJIHM@EEEKKGQCOBGF@JFF@HCBODOJIBMMGCO@QBKEQEEGE@IDOKKCQBGAAG@GHCHCBCBEAEICKGKMIGE@EDEHGHC@MCG@EFEHABC@CAAGWCAA@EFCBKJAFEBCLGDIIMCD@HADGIEACCCMIE@IEOAC@CHC@CCIBOEGAMOEE@GBGFC@AAAEAOAAEDE@@A@GBCJC@IDGFEDE@GBCNBFA@AGGBCHEDIBALRD@FA@IMgAMEGECWAKGC@M@WCEC@ABCACK@EDG@ACHE@AKCEECCCM@CBAH@NHJ@BECEHQFDFALD@AFCAGH@HG@CCCJADEF@AEDEFAAAC@BCB@BCB@FNDEPAPHTDJNLCLBDABADMBOAGBECOCICCGCAEDKGEAA@MACOGOMCEQGACMSYGCE@KAGBAD@DAACCACBKLULK@IEICI@EKIACKGCQEEBCAEEAAYAA@@ECAYBSGC@MBUMIAEBIFUdMJEFK@SOCAIDO@CCBKBQNMDEBGACC@GBKFMNIHINC@EEEBCNEFI@SEMDEDADFB@DABQAIBCCABICC@KFCFQGCEGR@XBHFJDPFPBBH@HHRKLKHAD@JPRPJNJlAJG@CEMBcGKLK\\U\\YVMHGNGTKTQJOBECG@GC_UOIKAI@GBGJKVBFLJAHOPIPCBKBI@ODOHEFCPKTEFE@GGG@QGKIKSGCA@@HIH@NGNBFPLBHABQGGBCNEBG@GEOCO@CC@CHEFDHCFC@CAECCKEOISoKgIG{M]@EHBJTdDJANCN@TEjEHACBSAGAASNCVGPBBJFDDATEDGf]FM@KICQBMAQYEWI]OQCM@MAWKKMASECAKMOMYLGZFPBJALQBIEMg[SQaQCMAQGKEIMIIWMECC@IQU\\AACCAKCCEIEIFQ\\EBGAACEEEAGBBRDN@TSbYXGLCXOPwNQAAAGAKAK@CPKP@BDBHCF@BLG@AD@FABG@@HE@KCCBEB@DTNBZ@FOZCBA@A@DOCAQRADBDPFFHLB@FMV@D@FJFBD@DADKLBLBF@HENQRW`KhC^GPOHOBWCUCQGKGeGGJSFKJQBOAWIWYO[CCOGGKM_IGODMEOGcGUNMPg\\INF\\FPJRLNAFIDSA[OQGOLGjA`CJIJOHQFYTMDUBMVEDKAOPU@GBCFAZDLCJGF@VFRDFAFBDFFEBK@ABDHSNKDGkIKGCKAGDGFKDGBMOIEQHgJ]NG@IEMM[Q[WK@GFGLCPB`CLIJOHwFWFOD]PIHFLCPDBLDTJDFBRDDFBTNPFTPJLLBDF^RLLFFBPANCHADIH@JDHGJ@FDJAF@DEBEHBDABB@IFO@CGC@CCC@EA@CB@AAEACBWKQAGBCCADBDHFGHCAGOE@C@ADCFUDIH@DDFHFAFBFBLFD@BE@AFDDABEACD@DB@JB@BGFBF@@EBAACCF@@AAAG@IFHDD@FNCNGNCNVN@D@FAFEF@BDJHHAJDFFDbHDDDL@JSN^DBBPLBBD\\JHFB@@DDJFFJFRLHPFN@DFPJL@HDBDCFGDFL@PBJFBLAHHBJ@LFNHD^CBE@IVGJBFDDE@GHO@MIYDA^LL@FA@CDAFANJNBFBBJNNDTMXBHALBDDBAJBHHLFFFFNDFDDFBJ@JBHFFFDBDAJDL@DMAUBSCMNCAIB@BHNEBMDCFNJFJ@FCDK@ADED@HQDBJ@JCFMFONIFQHIFGDAFADDNDDH@NLLjFrFN@PHNEP_BIRIFGJadGLGdFZNNRHNJBHXVLRFNANINKVGZBbHhRXHFPHllNFJLh~X^``VZh`NFRLTHLDLBPATBXGHEPEPbRLRFvLRFJARAhMTD^TJL\\LTB^@RCRYHFJRDNX`RR„fXJPBZFZPLDDDB@DFPLF@B@BGAGJGPCNCHDFJDLDBD@JCNINMHAHBJFPDPNFDN@DFD@HKPGFEFCDEFSHIHORWJEN@JGRCHCDCVGDQDCF@JDDBFJFPBBPFNNJ@BB@RDJBFAPGNDJLHBDAVCFG@EAEEG@@FDTBFFDFBJ@`SNEHAFAL@FAJMPGNCFEBCNHL@JBPAHCLBFEBIGK@KCEBK@ADADBRCFC@CBGNOLANNPBLJHBF@DA@CEGQQEE@CBCHCJLFBHCDCDUBEGK@ALEBACMFMHCF@NNZHDHFFDDHC@CGQ@AdAFBBFLDBAAGLCFGFCLDDABCACBERBHEBAEGAEOEAG@KAEASAAEC_EGCCECIAQBE@IBCJILCRLFBJ@PGD@D@HNFBN@HKFCF@LHHADCF[LaJC@CBAHAHCX[B@HBDAHMLI@CAIFGBGBEPKNQFMJK\\S@CGE@QHIBGIKIEIICI@KCIEGGOKEOCCAIMAESDEAEECKKSAAI@ACAEDEFCP@HC@C@CKIBCJCLAJIDFNENAJC@IHGICCBA@@ABCHADG^ATBDA@EAEMGBGHOD@TFDLDBZEFPHJNHNDH@HDFDJAFEB@BBAHDDDADAFKD@TFF@TKHNLHFBDAP@XJPAFED@FHDALERFJLTHHADABED@IEDEEEAEAACAACVK@BCF@BF@BABCAICEECAKLEBGRCFCACGIO@GEGBCGHEDYNCDCBKGQ@AFANBBCDGBGEIJSDDHJXJHD@@@EBGB@FFDBDABKBAXARJNTB@B@LEHMLFPCLFB@NIJJBD@FGJBDD@FCJBF@DAJIHAN@BA@AKIU[@KCC@EXQDC@UEI@ED@DED@NFF@DEXHF@D@JEDEAEAACDA@GMC@@AJQIAECAC@IHUDCDAFJDFFBFBFANGAKBEPMCCEC@ICA@CBELEBQDCB@HDD@HEL@@EHKBGEI@CBCFC@IJ@JDHGFALB@GFEEG@GJ@FCR@D@DE@OBAB@d\\F@FCB@DDH@BB@NFDHBHCFBLG@CFCHBHFJBHDDFHBHFAN@JNFF@DEFCRAJ@EM@A`CNL@JEDAFBDHLHJX@DALKDAVJBF@FGJ@DTLDADKZATPD@@@@CESICECCE@KDGFCL@FDL@@FFHB@BCFSDCDANDBEB@NJDHVIFKDCLEJ@V@FFPBf@DCHADBBJBDDBH@@CCEHOAICCCCC@OPCDE@IGGI@OBKFEFIDCBGFEPCFCDQDCZNFFJDBFTHRNHDFADGDALANMBGPWFBR@DHDBNBNAPKBEEK@CHEDAPFdABCGIDGFCBEFGHCFDD@JGBEDQJBLCHBBADO@GBGJIDEZ@DCLQRWAEEECKACGDC@MIKBMHMJgBCBEGOKFELSJGEKSL]CAEECE@@AAABAACDEACCGCIJSCCCAOHC@@KACDE@KEKB_HMHEH@THDA@ECCBEEKEGBE@KBMFEDAF]BEHAHDDAEMIGAGPMQEWTI@mGoA[DAABGBGJOAYIIAEFSG@@A@KHEDWAGISFC@EFECECEACLKCEBGGKCSBEH@BECIMQAEBKGGFADILO@AGAC@BD@BIPO@KDMBOJGAIGACBED@BEBGDEAYEGO@IGABJ|ADEDEBKP[VGDKMU[DIACM@CE"], "encodeOffsets": [[121252, 26511]] }, "properties": { "cp": [117.435001, 26.265444], "name": "三明市", "childNum": 1 } }, { "id": "350500", "type": "Feature", "geometry": { "type": "MultiPolygon", "coordinates": [["@@D@ACC@BD"], ["@@DAJBAEEAG@AFDB"], ["@@CB@F@DDBBDH@BAAGEGC@"], ["@@BAAAEBBBD@"], ["@@HBDAACG@A@@D"], ["@@@AABB@"], ["@@DDDACCC@@B"], ["@@@A@B"], ["@@DA@AEAADDB"], ["@@B@@AA@@B"], ["@@F@B@GA@B@@"], ["@@MHIBEF@BJFBDBFCJ@FFFN@DZDJHDR@BBBDFBDBDAPKVIAKCG@MEKAAI@ABADE@IGBECGICGDC@EAIMEA"], ["@@BAAAE@@BFB"], ["@@H@AEBGHAFBD@AEICGFE@BFEHDD"], ["@@B@DCJ@CCGACDC@@DDB"], ["@@ACA@@BDB"], ["@@BA@AC@@BBB"], ["@@GAADLJH@@EDCAAK@"], ["@@BBB@ACAB"], ["@@@BDAAAAB"], ["@@BBBACA@B"], ["@@FB@CC@AB"], ["@@DBDACAC@@B"], ["@@@BBA@AAB"], ["@@BBBAAAAB"], ["@@BB@AAA@B"], ["@@BBFBACCCAB@B"], ["@@DDFB@CAAEAAB"], ["@@DBAAA@"], ["@@@@BAAA@D"], ["@@BDBAACAB"], ["@@BBB@ACAB"], ["@@D@@@AAAB"], ["@@BBBAAAAB"], ["@@BB@AAA@B"], ["@@D@@AA@AB"], ["@@@BB@BCC@@B"], ["@@B@BA@@CB"], ["@@DBBA@CC@AD"], ["@@BA@AGABFD@"], ["@@@AABB@"], ["@@@AA@@BB@"], ["@@HC@AC@CD@B"], ["@@@BBBBC@ECB@D"], ["@@AACAAEEAAIC@AJBDDBBADJBFFBD@@AAABAAC"], ["@@@AA@BB"], ["@@@A@ACB@BD@"], ["@@ABBBF@@ABDD@AGIB"], ["@@B@BGAECCAD@HDF"], ["@@@B@BD@DA@C@@GB"], ["@@@AC@BDBA"], ["@@DB@CAAAD"], ["@@B@BAC@@B"], ["@@EDBBFA@CA@"], ["@@@FAB@DCDBDBBBAF@BA@EBCHA@AGGGBAB"], ["@@@BB@AA"], ["@@A@@BBA"], ["@@ACCAEB@BNF@AAA"], ["@@BAAAE@ABHB"], ["@@AB@BD@DA@CAACD"], ["@@BAAACB@BD@"], ["@@BAAAC@BDB@"], ["@@AB@BBABBBAAAA@"], ["@@ADDAAA"], ["@@@BB@@AA@"], ["@@DBB@AAC@"], ["@@D@AAAB"], ["@@DBB@@AAACB"], ["@@DAA@AB"], ["@@B@BACB"], ["@@BBBACA@B"], ["@@@BAA@BD@@AA@"], ["@@BBBAC@"], ["@@D@AAAB"], ["@@@DF@@CCAAB"], ["@@@DDACA"], ["@@@@D@AAAB"], ["@@BAAB"], ["@@FDD@@AECCB"], ["@@BBD@BAG@"], ["@@BNCHBDD@BEFCB@@DHBH@DCDBBACCFGBKFEDAZAFA@AAI@EBCFABCBOHIDAHDHA@CIMAG@MFMDEH@FC@E@GCEEAC@@BABAACEEABEBAFIGGC@CBCAAABG@AEEQGC@MGUACFBDHDJ@BDADIHSBKDKHKFY@gCWKOICE[sGGGAG@MBWPOBAHGF@FWNAD@DDDN@DB@DEHBDHBd@@BC`I\\CHCDKFABAJDLNJTFBHFBLEDCl]NEdIJCNBPLDJAJMNBBJAF@BFLFBFAFEB@BBB@FCN@FRBRH"], ["@@D@A@A@"], ["@@@DD@@CC@"], ["@@AB@BH@@CAACB"], ["@@BBBAA@A@"], ["@@@DB@@CA@"], ["@@@BBAA@"], ["@@BBBAAAAB"], ["@@AAABDB@A"], ["@@DDJARBBA@CEABCFCNCTFJ@FEDMFAFFD@JMJGNMLEHAD@BDAHCFMNARALDDP@JCDBTPL@FENIVcJEFAJBVNNAD@THZADB@FB@ZBBBFFDBFARFHDDLJBFLJ@JDJFL@VKLKDADBBDIDBH@LDFZHNTBDRHDFPNPHBD@NBBHFCLBFHDDDDJDPAFBHAPCNABCBKAKDIMSCOGOBCFEMA@ADA@ADD@BBEBCFBFE@CFIBDD@DGHG@BHED@BKCEBECGRDFAFI@MGG@AB@DDNDDFFLD@BGFBDH@FCL@BDAD@BFDXDN@D@LHXBFDFHBNNh@JEBC@KQABCJGFADHH@BEBMAAD@HCFEFCH@JIDAD@H@BF@FCBBBPBFBBD@HEHAF@PFBNFHAPDJ@DGD@DBDFP@JJFDNDDFBHJBC@GDCJNCJKHADEFIBALED@FBBXDBHDBD@BAFGFEH@NDD@HGFGFCF@JHLNLHJDBFAFADGDGD@HBHHBRALDPLJCF@FHRFLFRAP@HDNNJAPIPCDA@GEE@IHEPARDLHFLFFN@JGJIPKHFHFLDDJFFNBJCJBFDDFAFKTBHHJJJJBJ@HMHEFBPPDBFCJWHGP@L@JFL^FJJBFAJEDGBQ@ELEBCDaFCD@RLRBHAVODEB@DKIA@GLEBAJYFI@CGEE@KMGCKFC@CK@MCOUW@EFENDLQHETGFIH_@IDGJGDGBQAA@KHURQJEHALFDAB@HINIXEBIVOBKLIJID@HEHKLIDGBC^@HDDCDE@CQKIKBADA\\KFEGOEEBCBCKEAGKEAKioAIBA@CAQYMICEE@CDCAAKKKMIOIEEECGHA@CIG@E@CFEAKPEBCAECCIC@ADAD@LDD@BC@GCOACIAEMMSCGBCFQJKBIB@NAJDDABC@UFOTEBCIQ@EBCL@FAHKVMDABE@IRI@GCCIIAYJEBAM@CCCIGI@ABGDCF@B@HLDJDFFDDADGBIEKEGBGHMAKT@@AFEDBBD^@JABED@BFCH@BDA@HB@F@@DDDJCJ@PFB@LMB@BFDBB@JIFAJ@DAFBNPFBNEH@TFNCCGLOEGAIEEEAMAEEAGHABGJEFGBBDRDABAL@DBHHHDFETMFEKEGMAGDKDA@AACGEAAFE@EE@AABG@QBB@FH@BEFD@A@AEEAEGCCEK@EAAE@ALICMDMFAFGPEAIDECID@AGD@BFB@TB@BHDFHJJN@DAXZFLHAJDRFHFFBLANBBB@BCRBFHJhPAGFAHDLAJDTAFBJBHDAHF@PA@ECGBCD@HJFDRBHHBHALJDBDPADAZBNCLFDCJADKRCJIRCBGEE@EDEDAHGF@bFHADOBCVG@mBKEAKIGCOKYAAE@MBSBIFANBFGRCBCAEMGYIEEICSIG@KDUAEE_GM@qST]FGJGJ@TBJALEHMAYHKVKJAF@JFHBHAPIHAL@HBLHJ\\BFDBP@DBLJRJH@JIJ@BC@CIMIKIE@QEEAMHG@CCAI@@CDCBCGAKAEFG@EKAGBMLUNID@HDDADE@OD@PJFBDCL@JAACBC[UII_C_KCD@BFBABGBƒ\\G@GAIE]cAEBIDGLADADQBCDARBFCJKDCHAJBHDPDP@NGBABMHIBCCEWGaEKCA@DDABA@CCC@ABADCBGAE@KGIASF]FMFGJIB]FWAGCEEEAMKS@AKCCRCDCAACAAGEEIAGLKJIHMDMAIGCCWO‰UGI@WCGCCCAGBEFATAHCBYDYDKHAJHV@DGDC@CAMSIEUIkGECCU@GJgFEJAHCFIHCHCJ@FBRJXIRBHF@DCJ@BHNJDV@DEBCGSBODKDGJEHANANBBAFBHENBJABAHBH@@CEE@CDCEIDE@CCCGYEEIAGEAE@C@EAAIABEGGGCABKJGCCGDANBBCQOC@@CEABKB@FBBAEGAEA@KCAGCACBADAAAADABCEG@ECAK@EGGACEGEUEM@IDGFIPCJMEKGCGE_DiDIFIHCJ@FLBHDBLBBA@CF@@FBBDABCBmIQ@MGUCGIGQAMGCGBMBIAAG@EBIAKI@COGKOA@CBC@GSCGIEMEYCUMCAIDCDE@KAEBADRRC`AF]NEFALDHHFJBDBBF@FCFytSPMDƒN_BeAMGYUEC_IƒcMIEEACCTI@ABALAFKFKHDR@HADA@IMEACACJ@DFFDDFPJBFFDRGXPNB`[RADBH@FWNGHCDBF^jBHINCDMBCBEVCD@FFFTBDCD@DDFTEF@FDFDBDADAB@@JCHCDEACCAEC@QNADHJBFGFDHGBGFKFGNEDGXEDQDIFG@SCGGEAE@CDCBEACHE@GACKEAG@EBCBCJKPAFFFBDAJSHGHKDSLEH@FFNLBBBQVMAIDCCC@CBCFCBIBM@IC@EKAM@KFEASKKGKSE@ABqWOSEBCN@TAFCBG@GMECGBEFGNKLCHBRCFEBKAWHEAAOCCGBYNGACE@EHETCPIDGAECAQDK@KM@CBCPMAAKCYKE@GGCBCHGFGRGJSFWIABELIHCDG@G@ECACAKI@GHIBIJAFBHCFIJIDAABIAAEIGEAE@ICCCBKLMAGEEAKDULG@IEGGHOIIDC@CIECGCAIDKB@DCD@LEFE@AACICECAQIE@IJBF@BCRADC@ICEDIDAHEBOBKFE@OCOIGGEMCCECYGMEGGEAMBIJEBOCINKAC@IJGFGBOAENIHAFBD@FCJ@J@FBBRJFJHHBVCDW@ODGF@JEN@LJJJPJHfNHDFFXL@DCJBJ@FFBR@JDHALIHIF@JDDD@HJNJBPAF@FXDFHBZPFF@JAFYLLPADGN@VEJCDE@KGGKC@QVGFO@SNGHCNA\\BXABMJUHa@ADCJCBIGKTAFDH@LMFK@IBIFCHMDI@EDON@BDDADEDO@ECEBEF@FDZEJPLFFD@F@@FHFBHFBFAPGF@B@DA@EB@LCB@DDJAF@FFJVDLCNGJKJOHDf@HELCD@DLJT@HBTPRFVLLJFRHNJJ\\LFD@FIFBFNDLR@JCPDRON@HPRFJBHHJOZ@JDL@HDFDDLDDFBNFNHHLBFDGJELALFPBN"]], "encodeOffsets": [[[121802, 25820]], [[121740, 25685]], [[121899, 25675]], [[121684, 25454]], [[121623, 25425]], [[121623, 25333]], [[121555, 25259]], [[121539, 25232]], [[121508, 25224]], [[121270, 25180]], [[121098, 25050]], [[121068, 24987]], [[121114, 25038]], [[121002, 24979]], [[120996, 24966]], [[121182, 24971]], [[121184, 24974]], [[121622, 25426]], [[121505, 25152]], [[121225, 25095]], [[121247, 25105]], [[121281, 25132]], [[121310, 25121]], [[121294, 25099]], [[121308, 25078]], [[121313, 25080]], [[121224, 25052]], [[121217, 25047]], [[121312, 25017]], [[121314, 25021]], [[121048, 25070]], [[121078, 25061]], [[121087, 25044]], [[121071, 25039]], [[121068, 25037]], [[121054, 25036]], [[121052, 25033]], [[121055, 25030]], [[121034, 25014]], [[121843, 25475]], [[121818, 25469]], [[121820, 25470]], [[121739, 25478]], [[121837, 25804]], [[121861, 25787]], [[121838, 25757]], [[121820, 25703]], [[121800, 25650]], [[121798, 25647]], [[121880, 25681]], [[121897, 25672]], [[121871, 25658]], [[121870, 25623]], [[121876, 25629]], [[121885, 25631]], [[121885, 25580]], [[121891, 25561]], [[121897, 25564]], [[121836, 25535]], [[121815, 25501]], [[121685, 25431]], [[121692, 25439]], [[121642, 25448]], [[121650, 25451]], [[121624, 25406]], [[121606, 25376]], [[121609, 25377]], [[121549, 25420]], [[121535, 25397]], [[121552, 25256]], [[121505, 25148]], [[121483, 25130]], [[121401, 25127]], [[121359, 25192]], [[121301, 25152]], [[121289, 25160]], [[121259, 25116]], [[121278, 25108]], [[121282, 25109]], [[121304, 24997]], [[121255, 25103]], [[121040, 25021]], [[121071, 24986]], [[121034, 24979]], [[121012, 24979]], [[121005, 24963]], [[120979, 24957]], [[120982, 24961]], [[120987, 24961]], [[120544, 26125]]] }, "properties": { "cp": [118.289421, 25.108853], "name": "泉州市", "childNum": 90 } }, { "id": "350600", "type": "Feature", "geometry": { "type": "MultiPolygon", "coordinates": [["@@@BBDH@ACGA"], ["@@@DD@DA@CAAC@AD"], ["@@@@B@BAAAAD"], ["@@BBBAAAAB"], ["@@AABB@@"], ["@@ADBBHADGA@EDC@"], ["@@@DBA@AA@"], ["@@@DDABDD@ACCCCB@@"], ["@@ABD@AA"], ["@@CB@DD@DA@ECB"], ["@@A@CDBBDE"], ["@@B@BAA@AB"], ["@@@BDACA@B"], ["@@AFB@BCAA@@"], ["@@PHDAACECC@EAAB@B"], ["@@AACBHFAC@A"], ["@@BAAABAACEBCBC@ADBBFAHB"], ["@@BBB@AEA@@D"], ["@@CDAHFABBF@BCFBFABAB@DAAEBAA@IFCGIAA@@FAB"], ["@@AB@BB@DBHCCGEDAB"], ["@@FCFDBIFC@EGBCFEDC@@HB@"], ["@@D@@AA@AB"], ["@@@DAF@LBDB@BADG@IDAACDA@AACCACDCF"], ["@@BBD@EC@@@B"], ["@@BACA@DB@"], ["@@B@DA@E@AGF@DB@"], ["@@RKNGXaFAH@TDDAJEESBECIBEBA@EAECAE@HMBKBWAMCKGIBKEAICCGCSEKBQJgDENEBAAKDML[DM@ECEKCBI@CCGCMCCICKKMEIGSeCAQBOCMDAACABK@E@ICIIEBCNGNKNGFCFG@GEECQBEHGACAI@KHCP@DALGFGDOBCFAFBDADGPGBEF@H_AABIAGGGBADA@@GUDKLSPMFCRAFCLQZIpDXAVAˆODC@EGiBQCKEGGEAEBCJEJDTBVAJAPMDEBUFABC@]B@XGJGDICQ@GTSHKBOAMCIEEKEGAcBA@AaAEECGCQAEKCIGMSGEGEcKKAM@EI_a@mIKIG_QWQa[UWOUAEC[FaBSCMQ]EOIIUKSCs@ICWcmeeeIUS}IMeWMA…BqDYAWIMK[uM‹BGDGJKDGAMCGgeWe]‰IOMGK@I@UJULqHMCcSc@CAO[GU@IBEHAFADCFO@QCGMIKAiAICGIEI@aBKPOBUACSUWGM@OBIAWKyWM@G@SFI@OA_G_CM@QBGHGJEXiIßGAÀBJCHIFEAIBICGHK@GDKJMRIEADC@CAG@OIAAERKVKBUAIHIAABEJKLEPEFE@GCQFEDCJ@NBFEF@DBJCFAFDFAJBF@DCJ@XCJILE^EHENSPIJBFCL@BRPEPCVEJAHABEDAHABYHIFIBICEIQ@OFEFEJBBDDDBZACFBFBJFD@BABIBAB@DDFCH]LADDFBD@HAFEDCHBDHBFAJBLHFHBNFFBNCJHNORCF@FBJAFBDBNLLBFIJMFGAKGKHAD@DDN@FKJGHGBCF@DBBLBDBBFBJALDBBFGBMEG@ABCNIHADBHC^BLCJAJBFHLFZBHJJDFJBDBHNHFJLFDR@DBBHHHRHDDDJJJBDAFGJWLGJCBKAGJCJOJ@HU@EAQFANDJF@@@BRAFELDNAVFF@F@FA@C@@B@DDF@DGFIBQEC@GFCnBJLNCFMHADAXYT@FBLRZ@DELL@NATDFBNPJpFTBRIbEPQXEPM^GVC^DJRLN[D@BBHP@JGN`Xv@NA`GTHVXJRBX@TDP@PS\\BXHDdELNFRBT@BMVML@DFJBJDD@PCDUB@LCHMLL~@`AZBLHL^TJ@HHFJA\\BNFJNDJGBGDSCY@IBIFENCTJBDJBLBzIN@NLNbHLXRFHB^BT@NBRHJVLDJF@LHFL@DGB@NKBCDGT@HCJBHZGR@JANUDCJAFBFJPTAPHNBFDDF@BPCFUB@JDFlNTJNLJPNFLGBEMO@EDANHL@LOHAHDBAD@HF\\HLHPCLENCNBFDNNLFTGP@fCDBFCHELMNMHC^ARB^AHBJFFRIžBNJJFPHJFNBbBLFhOfkXEF@HJNBd@ZDDNCDB@LDFPDVAHDLHHHBZFFBBLMLED@BFIX@FBDF@N@FICY@EFEFAFDP@FCBCCC@APMFCJ@NCDGJEJAL@NE@KCGBELSJHDADIBCb@VGNIBAAWB[DMHGTMP@HERUD@HLLHF@DCFI@UHMBCKOZKBE@IEEYOGACEEWE@OBIAIM@GCCICE@GJKJGBICQ@EA@EAIDI@CWKEEGCeMIGIOII@KFM@IHEPCX@DCAUGGEIQIAA@E@IDI@EACBEJGFMPBHAHEJID@LBJMPDFAJINAFBHHNFZHFDDDFNHHPJPDF@LEPAFABGJCFCJDD@BCDQ@AAEJIF@RJDBDFDJBBF@FE@KDC@CLAJCDBDHJF@DCDJJGPHHJFH@VKLCFBHFNBLKDADD@JBFHFFJBBAJBBJCJIDEAGBEJIJAHGJB"], ["@@JE@EA@AAA@BHED@B@@"], ["@@DDFBBBB@@EECC@CCABBD"], ["@@BDD@@CAAC@@B"], ["@@BDB@DCEAAB"], ["@@C@@FCFBBCFDB@BAFA@AF@DBBD@LGBEDAACEA@CBCB@@ADCCCE@AA"]], "encodeOffsets": [[[120963, 24945]], [[120535, 24416]], [[120559, 24424]], [[120918, 24768]], [[120921, 24767]], [[120968, 24911]], [[120975, 24931]], [[120916, 24946]], [[120923, 24946]], [[120861, 24766]], [[120641, 24511]], [[120694, 24484]], [[120562, 24394]], [[120570, 24387]], [[120585, 24385]], [[120560, 24355]], [[120557, 24362]], [[120543, 24340]], [[120537, 24344]], [[120521, 24355]], [[120509, 24356]], [[120498, 24353]], [[120494, 24362]], [[120517, 24095]], [[120494, 24116]], [[120293, 24163]], [[120743, 25468]], [[120278, 24145]], [[120239, 24127]], [[120243, 24135]], [[121075, 24739]], [[120987, 24903]]] }, "properties": { "cp": [117.561801, 24.310897], "name": "漳州市", "childNum": 32 } }, { "id": "350700", "type": "Feature", "geometry": { "type": "Polygon", "coordinates": ["@@NCDCHMHE@GCIEGCMACSCSUECKAGEU_@KBAR@HDPHJ@VGJGDIBMEYEMDOAIDCSIGKCAC@QBKAEAEECQKEKDMGAACICAEGCGMGGKI@@A@]BGJCPODIAEIOES@SFGHKCCBGCYBELEbeBKH@N@LCBAZEhQBGECAC@AdC@CEGJK@C@OJKFCFAKKBKNEDI@GEEAEAMCCCCROBGBCCEFQFGLGBE@OFKBECAE@ICECFKCENEDEJ@BABOJKJSL]DAHAFCJMJKJBF@AIHI@CAEG@UBM@CAAGJKBEAECEGE@EBCHI@EBELKPIHMJKBIEKDCBAAMFCJ@DABCAIGEAMCIBGGGBE@M@KFEHCCEQCGECMIQMIYEKUGAEK@GBAJEFBNDBBFCBKAA@CBAFA@CCCDCLDDGDG@KCC@CBEJBHEJSAIFCFAX@DBJ@NBD@FADGVEJKFDJVAFADCBNJH@PFNAHDBHAFDF@DEFEDCD@FPJHGHEN@XDHAFGLEPSFCD@DFVGBKRKDBLJF@FAHKHAD@HDDFFDJHNFLJPCHCFGFSACO@ICBCHEDC@CCKAIAG@ANIF@HDD@LAFE@GDAHDDBJEFBFDFEB@J@JFD@JENEFGJBJADDFDJAPGZDFEBBJD@RFDBABE@I@EFDHDHAFAAEAMDOFMJIHGBOMSKEM@CC@MDM@EICEA@GAEECAEDG@KBGUBECAIAAA@KFCAGEM]DE@EAGEA@WBKDKACG@C@BCHCBGFAF@D@LSTONHH@BABEDBLIDDFA@AACAELEDILGBCEKEGAIC@ABAJIBCCE@ACCAAD@HCFEBEEABGHBNAD@HGDGAKFI@GHE@C@CE@GG_UGIAKFCEDCCE@K@K@M@GEI@C@AF@LBHADEDIAKIaAGBCJEJ@RGFCBEEEAGGAIICBEHMFCCEAE@GCOCECAOFGACCCEBECUGSDKAAABSBCJIFYACaE@LEDAB@FCDE@C@AD@JADMDKJAJDH@HCDWBGDABEA@BC@ECC@ADAAACG@AFBHA@IIA@CHIFE@AA@GIBEAYBECIIIBGHEGE@CBAFGBCJNRDLOJCFDTGhCHEDKAE@SJQ@IBMDGHE@ECGG@CFC@AAG@AD@LFAIMY@KFAJ@JBFDAM@MT@@KDEACCAIQGCSDGFAHC@I@AAAEAKGGCEQEGEIWAMQMGKIKCICOCKSQCAEGKFEBECIIAKBGFEAKGCCCDG@CWKIGQEWCQMEGBMAKGGKCU@QFQAMBYNGAOMKEIAODIHEH@LKHSAEEMYFIf]J]DEHI@CEAAK@IAGMKHSCCGKOEIBIEIBGDYCEEBEACC@G@UAAAIWDENIFGFGBI@GGiEEI@CACEDE@ECEAOGIKUAI@[CGKG@IES@MC@GDC@ECEDC@KOCKDEKIEIACDCJGVAPGDADM@EKMBKCQEME@CGBG@EEMHQ@GEO@KCIBOCI@ECCDGFILEJAHADAFBLHLAD@FE@EMOFM@IYmHW@IEIGMEGE@C@AJC@GGWIKEECEGCEAEBIAEIGBAJCFEDGAIAEIEEKGAGG@K@AAABQDA@GVGDC@OAUBAJADDBFDDPAFBDHAFFBDC@CEM@GDCJC@KCGL@FDNPDBD@HHFBJALMFCRCTMLCLG@CCEFOSMCEFEFIBCAGFKHGBEBOCOFGAGNeAG@EAAE@MTKRCDGBOAOPAH@HCRA@KAGDIACRAFIHC@ECIFELILHJADcBOECBGF@DFLAFOLMBMACACGQ@EAOXAHMNKBCBCHCBICQMSGAEICEEYMCDCREDODEFAHCDEJEFAL@PHJJHF@DCPOD@DDDDBJGPDF@DG@CAACAICAGBCDe@OAEEU@I@KFCDELUJCGMIA@AFMCCBCDETADA@EG@EK@ECK@EDCH@LDFFDJDFT@D@@C@SOYBCLCBSK@CHI@EAEUICBKLCBW@GIGKACBEFC@IMK_D@BFNI@QBEDCFE@ME@IBMGEGACEGCIAGEGAED@DKHEAGDGAEC@MAAG@CCA@EDE@c[A@AB@PCFC@Q@EDI@@HFHEF@HKAEBGHICI@@JEDAD@DFJAHGL@FK@GFC@GCA@CDARKFAF@DDB@JFDDDONAFBLMHEBEAEACEEICBCDGV@JBDFDJBIR@BD@HNB@DCBBBFCFIFC@E@WGCFE@MEC@CFC@@FFJ@VCDWR@FDD@LV\\LJ@BABM@GBIJCBE@IAEDC@ACHI@EACIIMJA@KEODKEGNKFA@A@MSQIWBABALCBCAEEA@AH@F@@GCWIGICCITFJAHCHADMAEB@BHRALCDMDCZGFDHHAHFP@HJBDEDQDAHKFBLFDDFBJADABE@@ADE@AULBDDBBBBFFFCFJFC@AFCBGBSGIKQEKFCBEGC@EFOBWIO@CBEAKGGMSLE@SEC@ELCBCBCCBGAAA@EFIBECGCG@MCMGGIEOYFCACKSEC@GPAHNHBF@FCBSA]BCHGBAD@BB@DAJDGH@JIDMBMFCEIJKBIDADLJ@D@DGDO@EDCFBFBDJ@BBLTDLFFFBTCBFJNDBPDLFHPFHDJ@LDJJJJFJLAHGJ@RHF@D[TILENMROLAFAHEHBJ@DKJGNCBGAA@W\\GDGBAB@DIDKbE\\CDGBKGE@EDGLM@EAGMC@C@OHI@EAQKKDIJAD@JAFBRDJDFHD`FFDBBBTBF@LBHPFBFFHABGFQAAFBDADCBKCEDEHKDBHABKCAEEAcB@BHR@DGDCCEECGYGMME@GDENDNABKF@BHLAFCVCDGDEAIKGDAD@DFFRRFH@DCBE@GAKIOAMMKBMPAH@DEDQDCACB@BALDF@LHLAJEFKAGDOBIAK@MGADEFMDOHINEBK@EBGBMF_TI@EAECAECS@EH@FFFBH@DEBUACKGCIHMBOAECI@QAAI@MMOEAAEOEICAICE@CDCRUHCDGDQDIHM@IFQXGPGJETCFEDEFOHGLC@CEM@ECOMOCIEGAGBMNMJIDC@CACKEIGCMDODEDCDBLCDE@OKCEA@EX@JADEHET@NDPFHRJDNTX`PDFDJR^HDHGXHDFDLJDFJVNFLNHBDCJLL@RDDHDHAFF@LFDCHDFFRCDG@GBCDGNM@IAQDBJJP@FCHU@]LGCA@IHGLAFFZCPFRADEJAHNF@RBF`NFHDDBJHVBFMRAdCBIAMJCDBNCD@DFNIHCD@FBJJLFBCFEBAJCHEDALB`APEHOFEJBJINCDCBICEMMGIOGECAGNE@MCIFG@GBMHGJAHFPJjEHAHCDIDAB@DHJ@BOLEJEFDDFDBFJEDBFNFJCTLPPHHJFBL@JDPCLILOPM@CAEBG`]DAF@JFLFABCBAF@JHBDDSdKJ@@HTLH@JJBHJFDJ@BCJAFGLDL@PGJBfQRFFFN@JDNA@@AF@HBPCH@HBJFHFBJANFNBN@LCFBJPFDFBNCFDBNFJJJLDBDGV@FDJD@LGV@JPHHBF@FQb@DD\\HfCHONO@GBGDADF^DHCD@DDBDABCFAJFN@HDLJ@LJJHLHBH@DAJGDCBIBICMBECE@GB@HCHGNBFBDD@JJLPXXLNCHDLJT@PHFH`\\BJDDDBFBHDHPHDFJNDD@DE@CDCJABEB@HALRl`FDDJDZVPNBDA@KFEVGN@FCHCDGFCBEGQDMHGHCHNLHNGCMDA@SDKAECG@GBCBANGFOHGFECYBGBCFA@AFCV@FEvQLITGHKHQNID@JHD@HCB@FDHJHBBAFKJGHOTMHIFCHAF@BBJLPJFVJPJFFFL@DDJTJLBDAFEDCJBNFJDLCJAJBFDBNDHFBJHFJDJPLFXFJFZPDFJNFBDADCDIDANJJBTHFBRCHFR@@HJJFJPFH@FFHHHBF@VGDADGFCH@ZHLHFHDPPPDALSHDH@DAF@NLRBD@FCFKFAB@DBDBN@HDNEFEBODCVCL@JBDB@FIXDPAF@JBLFFLHDNFAHEPAH@JHBDALCHIJARJF@FTL@DDDN@LDJFNGTALCLGL@HDB@FEF@LFJHDBFAVFXRLNTMFBVRPHN@HDPCdPFAJCLDVAF@BEDAXFFHBLALFJBHEJ@NFFRF@BADILADBJGLBBBHRFPLDDIP@HBPADCBSBKFUCMFIZKDQLIL@FLHdRB@JAFLFFBDAJBBRBJD@FHJNJD@DCRDJH@DHFNBBFBBJFJBRNJ@FDB@BIGQFEDQHBDA@EEEBAT@BCII@A@EHBDEHCHABAF@DCLFLCHFNKJEHNND@FDF@BGAABBB@FC@CHGD@@DHBLBDHBFHD@RSHAXB`HBB@L@F@DBBTGXFLCTBHCFILKBEEIBMJENFZAD@HHNBNZN@JFF@JIJCJ@LBNPPZHVLPHBHAHFH@HAFCLKDE@KCIAG@KZEBE@O\\[RG\\GHE^@"], "encodeOffsets": [[121647, 28921]] }, "properties": { "cp": [118.178459, 27.335627], "name": "南平市", "childNum": 1 } }, { "id": "350800", "type": "Feature", "geometry": { "type": "Polygon", "coordinates": ["@@JG^OPCXExEPGJIDKA_DOHKHEL@\\X\\RNNJFH@^MhIRGJFNPHALCHEHCLBHDJLHlLCTMCGBAL@FAEEACBECEEQ@UHEDICKBYDEHAV@POLBFCNUVANCZSREPGJIDIB_HiPKRH\\PTBJCBEKMIQEOE[JMh[NOVMdHPHNFPCJHN`HLPHDDP\\XZXJPBRALITEHIfHLHRHVDXDPAPGHOD]LgX_RQFM@GAEAKLKBC@CACIE@E@CNU@EKAEGOEACBCRQDBCPB@B@DAPY@EAYSM@CFADALDF@@GH@BA@EBCH@AKE@GDCA@ALODOL@LBHBBBRBxMPODWHKZWTa@SCMAQHAFBFFBDHBFAR[JEJFDFLDDBBD[BRV@JDDNFJXNJFJHLBRDNbRTRh\\FNAJKRIBOAYEKHNZNPBLFDBTLNXLNBN@RD^PXJZFBRANBJBHLJN@^EHeFCBSCCIEAAHODUTMBBBHATBDFGFi@SDMBMCIScAIFG^@|NJHLhTpPJLFDDBF@DEDGDECGF@DDDP@PDHFH@FADMHARHBAAGOKAEHM@MJG@GB@HDLTLJRHH@HHF@FELSDOFEPGPCJ@LADAJOPOBGKIAELUHIHAJ@LBPJ`VHDH@FDPARILSHSHMNGZUV[L[LKdHNAFFF@@A@QGaIMQOIOC@GBKLQLGGG@AAEOCOEIA_HQDFRHDELED@JDBAAMEOBKFKHIECKAGGEMAMCEKCEGAICK@EBGNUGIAGEIOQ@GPMCQDO@IKQMCAEJE@EEC[KIIGMEQKIUKQESOGAS@KI@CDCFK@GCePGLIHIDMCKIUEEE@IBCCA@KDA@@FCBA@E@OHEBEAAGGE@EE@C@EEOKS@AC@EJWAEC@KFKNAAEEAYGGKGGCUBOCCE@KCAMDCC@YAcIM@GFElWPeEgAKAaEMGIEOIIAMJEQIEGA]BQA]BGDMNKNGFEDCAeDO@SHKEMMECMAMDKFODKG[GGEC@ABGCGBKPK@MGCB@FNPAFKHMEIOMKSIkMCE@IVADEAOE@CCAEGMBOOSEIEAIBCDMVIBQ@YHAGDI@GHSDCLA@MHA@CEKKGE@CIUKGIAQ@MASA]EGWQGKMaMKM@yJKAIAACSIMDEFAJ@JDZE\\IHMCEIAMB[EIGGI@]SGKAKBY@_K}NKDG@KVADC@OCCAIEI@CNKNU@AASEQKMcFGCAWT[@OCO@SAWIQKMIISG_HMBu@_WHM@IGOAAC@M\\QKCID]HUN]FORWFOJaAQESIoMOEASCMBK@FK@CCEKXURCLE@EAKGCHCF@TIBABKVCFOHABO^@DHFCLBBTCBBLHDF@DMPIROPOT[SKEA@@D@BHH@B_NIHORINGN@FBLCBM@[XCH@JBDHFNHIXEHBFjjDHFHBHPJDDDDCRBJFDFBFFJDBBDREJCLQZIBIASDGAQQMKQS@@MHGJAFCBM@I@KEKDGAI@CCAEAEECUHICQBQ@UEEAAEC@QAEEG@CGAGA@CBKBEHGDEAE@SNGBGIAKIMSGIEAE@EAEQCAEIACAACSAKEOGG@KLIDIFGLHHAHFL@JBF@DHFBHCFGBAJIJCFCHAV@FDH@LCFSVEPGFE@GEQD[KI@IBGFCLANCHEDI@AHABQDEDAFDFHBIJ@BFHF@CH@DOPIFCFCJCNADC@KGE@I@EFBJMLAFFRAHHHFDJBFDJ@NHXJFF@DILI@ALMAEBEFAHDNIHDDHB@DAB_@ECC@@ABGACI@GFGCOSGEBE@GCM@MCKGGI@CACGC@@JIGSIGIOGIKGAYEY@MB[MK@IDOJ@DBHJNNNJD@H@DGDKBMCECCAMHABAXADADIDELCDODIPGXGBMEGKWUGEQSGAOAIF_DIDGCIBC@CCEDG@CABIGKA@GFBFALCFA@WBAEEAEPCDI@KDCFEHDHABABGEE@@BDBBDCBAPCFQNMPGFGBA@SQA@KAMHG@C@CNCDAH@FC@A@ICA@CFAEEAGD@BMFCCEBCCAFCBI@I@GBI@UHG@EAABAFADQPABGAKRCJGDG@EBEL@RDHVJDADGJCFODAF@JFZKH@FBBBAHMTedaFCDBHIFAFAF@NAHLJRCDFBJJBBFBDDBDAFHPDLGDDFJH@DFADKJAD@HO@@FFDAHHFEFEJIHMFKBW@EBAFBPFHOLCFAD@NDDLAJFDHAJCNEBCDALCDC@OEGBEHKAADAHAHBBPD@DCDGFCHJD@DAXBFC^PLHNFAHCDGDAPFBAHDVZRDPEBBHDLDDBDLHJFPJH@FJJBNEPALFLDBF@JCLIJ@DBFD@NBBDBF@HEDIB@HHJHLNDNHP@DEDIB@DHDBD@LEHCFQD@@BHLDDNOZ@HFJZ\\AFIX@HBBDDT@JHDD@HAD@HDLADIJ@HIRBPFLFJABMGGFAFDTCBAFJHFHFTHBVDLHCHBD@DAPBTDLBBDBPCLBDBBHHHDJ@DKLBJGJ@^CJIFGBED@FNTGFCNDBP@BDDLFFFBDAFGD@BDBTKHAHIJ@DJH@DCHBHH@@B@BQLHN@LFBBABIFBATBFDBFGHBLKD@D@HHNAF@PHDB@HAN@RJNFBDDCLBFHLJJBFDHP@FBBBJCDFH@JFJBH@B@BCEIBI@KHCLFBbDJFL@DEDCJCDGBAFCFCDGBCBDPCHUNMBCD@FEFGECD@RADAF@ZDFAJXNBDBFBBRJRDNAHN@FHNZNPATDJHVFD@DAJMFALDLBNCFBDBFPHFFBZ@LHF@H@NFDBDNFHJHHBHFHTBHDDT@LHLBbAFBDDBBEVEPIR@FBD@HHJJ@FBAJLLLZBB`D"], "encodeOffsets": [[119194, 26658]] }, "properties": { "cp": [116.72978, 25.191603], "name": "龙岩市", "childNum": 1 } }, { "id": "350900", "type": "Feature", "geometry": { "type": "MultiPolygon", "coordinates": [["@@KBWJOLYXEJAFDRFHHHXLLDRARGPKJKFUDI\\KDEBEACEAUDC@]SIA"], ["@@MFEFM^@RJXDHPLHDH@PKTGjEZHTJ\\HRCLGBOIOosKuC"], ["@@I@IHIHEJAJPLLFFHFNTTHJFDHBJ@LGFE@I@MI_CAKBOEAIBGSMIC"], ["@@E@IH@JBBJDBDBFDH@BEFBDNDFDJBRGDLDDFBF@DCDC@CASEICMGECAEDO@AAAEEES@"], ["@@DMA@K@IBIHABNHFEL@"], ["@@BBH@DDD@AGKCA@AF"], ["@@NLFBPBDBDAACEIE@EAAAIBIEAB@D"], ["@@BFF@DBB@BCHB@GDA@AKAE@BCH@@ACCC@@ADA@CEACAID@FFBABBDABCB@BFDAB"], ["@@CFHB@FBABBDCD@D@BADBFEE@EEB@BBDACC@AIA@ACC@ACAC@ABBFBB@DCD@B"], ["@@ADD@DEE@@B"], ["@@ADDAAA"], ["@@@FBBBGDEAAA@ABAF"], ["@@JDBBD@B@BEAAC@M@@B"], ["@@BBDCD@DDDACGE@EAA@AFBD"], ["@@BBD@FEFFJAJABCCAGBKEC@AAA@AB@FCBAD"], ["@@JBABBBN@RC@CACF@DFB@BCAA@AD@BCEACDEA@AC@@CCABECAIBEAADEAADG@EAOHEFBDDBHAPF"], ["@@H@@AB@HBBACCEAKFBB"], ["@@D@DEJADHDALBBBD@@CGAKIEC@AD@D@JBD@@E@AE@AIA@ADCACBEAAAE@AEG@@D@HJHGDBFAHBD"], ["@@ILDHRJL@@AECBC@CDACEKGG@"], ["@@FBJ@NBD@EEI@CCK@EA@DDD"], ["@@HBHCD@DB@FNDDAACFEAAGCEAIBCAKAGF@BDD"], ["@@C@CB@DG@IDEH@DF@BDB@BCD@BAFDDABEH@BCAEEE"], ["@@JBDHHDB@DCB@BCH@@CFABA@EAAM@CCG@KGCA@F@FEAEBBFABBDDDB@@C@@"], ["@@@DJJJABCDABEBAHDFCEC@ECAIDAF@@ICCDEAAF"], ["@@HHJ@@CF@ACAAKCCAA@AB@B@D"], ["@@DDL@@AHB@@CEKAGD"], ["@@HBFD@HD@B@BGDCDCCCBAAAGBGAE@GB@DB@BD"], ["@@BDFADBDFCLJBFFBA@EBCHEDGIACGWBED"], ["@@AB@DPBHHD@BEAC@CEEEGIAAF@DAD"], ["@@CPBBF@DABAEIFBFA@C@CECAGGGI@ABBDBBHP"], ["@@FDD@DIQBDD"], ["@@H@@CACC@BDC@@D"], ["@@BBJ@HBF@FAT@JBFDBBTCDC@AKIE@@ABCACCC@GEE@ALGFI@AAAKBEBEJA@ECG@ABBFCNQACFKDAFGB@BFDADBD"], ["@@IFIHBDADN@FAHEF@DCD@BA@A@AHDD@@EF@CEEACEEAEAC@AD@@DD@DGDE@"], ["@@A@AFDLDFJDNC@CBCAC[K"], ["@@CH@FBBLDHDLBL@dLDADERCNIBCACIGEGC@GDOBAEGEYEEEC@AFEBG@CDCDCJ"], ["@@FJHBJKEECAEBEAAD@D"], ["@@BBFBFARHB@EE@ADACEBCAEEBE@@BG@AFCBAD"], ["@@A@BCCCIDGEJOJ@HGH@DCBKACDEHEAIBCFAP@HCDGJCAEDCDCJABM@INFFC@EIGKMPEDMDEH@HEN@D@DGCG@CBEHEH@JAHGAEKGILCBA@AEBU@ACE@CDAB@F@JCTCDDDLD@^KHKLCDB@HDBFA@ABANDLCDBFNKBIJPRFDFADEHEDCHDJCN@BAAAMG@CDANBBAAGDCFD@HBHHABCB@BF@FB@JEHBF@BHDDHBD@D@H@LIDBADDBNAHBHAPCBDCLG@ADDDCF@BJHABI@ABDDL@DBDF@DFHRJDDFH@DABOEADBHHDVDRFP@BB@JLFVEFABG@ONBFKPO@GAEDCP@TGN@BLDFL@JVDDHBFFDLLBNNJ@FDAVDDRHVDHAFABEFAJBFHBJCJEFCHBFFFPFdDF@BBFABCJ@LEBBF@VNH@LBD@LKFCHADDFABDJBDHPDRLDJD@XMDE@G@OGECE@EDELKNWDAH@HDJJJDFANGJ@DFBCHABBAHDJ@H@BFDHCBC@CGEBANEH@RHLIHKDGEMGI@ABECCACDGRGBE@AEK@ELIBERKJADAHKJUJI\\UDYJOLIFCZUAGCEICGDEHI@QKGIBEVMHG@AGOIG@CDEKEDAJ@BA@CGEJIBGEE@ARADGNGBCCEDIRIDE@GBAHBFAbeuoQMoUAI@MACOKY@kH_D]ACDCJCBE@[KCAIBSLC@GCAEBKLKBEAIEOHOPUBG@CGC@I@CAAEDAXAJCDGBEDUAKCIFIBGCICCaCGIKG@EFMIGCKAOCKBAFBBAAK@OEEMIISC@MBDJC@O@KFeECBMJEB_@QEIBGHC@MMECEBGJCBK@CCACACBQHS@I@EGIMIMKMAQ@QAGCIIEAIA]DKAIECKBOJ]BEFEJApARAhHFECCKEEGFWJOHAD@LFNBB@FEHAPFD@BICG]QOaOQ@CPQL@LCnPDBJ@DE@EACIGAC@CTBDAFC@QGMCASMkGKCMKIICEBCDCDQHMCMBEHCNDHBB@@CIGAEBG@@JBJDJAFC@A@ECEIG…cKKGA]FIDCDING@ƒgoYSCIAQBSFMDUESKIQGG@AFCAADKFCHA@CAAEAACICAOEEYAUIEGIECCBEEIKQSGQ@KAYDQDQBGDELGDAFBBDPAFBFLP@HAPBDPLDF@JEJ@BFNLLFD`NPJJLRDTPD@D@VED@LDNALBF@FGBIBCDADBBDATDDLDJR@HEFAJFHT@DDCN@HBDHHFFAFKJAFAFBHNJNNDBFLJTNH^DJDBLAHBBRJFHBBP@ddFFBJAJGLCBGBgGo@QAUCYKI@GBAB@FDH@FEDGAGGG@IDM@UIECGIAENONY@OEGGUc[IMGQKIDOFGBIEE@EBEHADC@EGEKAIGKCGIUGG@IBEBEHAH@J@DLV@BAFUPeRMA[GECmNG@•MW@Q@SFaT}|CHI^G@BGBI@EBIFEJE@GGYEIOCMFEDCAECCCBGNM@EMQK@IgGOQIQGUOKDA@OMBIrqLGLENBLJLBHHrPHFFHFBR@JCLITA^DVDT@JEFEPQDETIP@fOHMBEEGACJOJGDMAEINAHSLCHIDSNIB[CKBCA@CHECASOICWLEBG@UFMII@EACCOo@CMEEFE@CG@CAGEAI@OFGACBMGQEE@CB@BBFABMBA@@DEB@FCDEDMFE@GEE@GHQAMLEBICCBCDFD@FAD]LM@CDOVLJ@BKRKFAJIDMR@JBDILCDWA@FKDSLEA@CEAE@CDGBS@MEUCMAEBMPKBCA@CAAG@AABAZIBGICG@CBIBIDMBOAAE@MIOEEUCCBCDG@CB@KCDG@AA@C@AFCBEEEIBIE@EEGGCCBA@EAAEED@DGCA@@DDFF@BJABEB@HUBE@EAUWGQG…CCIDADIHUJGBCEIYII]GEBQX@TGHMZCFMFCAEIGCIMCCMEG@C@IIAEC@CBGAEDE@GAAGAAGHEBQ@CA@CAAO@AD@DEHBJEDADCFIBBBBDEHBFCD@HC@CA@KAAIACBCDA@OCK@QHCDBFFHLHJBBD@FEFEFMJCFCBC@MMCAI@_DGCBMACKFEAAMACGA@EBEF@@CIIACDI@AGEKFC@ECCC@CPO@CEEACFG@AECACCAE@IHEBS@KAQGKEEICUOMCKBGFEPBFEBKG[GECAM@CDSVE@UAKBaIGCCC[G@C@ICCOGAKIMaSUGCNBBGDAJOCFEMGCJ@L@FD@BDCFWT@DPL@^CHMFOFIBABFLEJEFS@GBCDC@EAUBCG@G@AFADCAKJABGAGQGGIC@GEAE@QCIDQAEGMHE^OTGFCIOFKIA@ICEBEFCRAHEFECGJGHKDCFAF@RKFGAICICUGC[QEA[FMF@FABEB{BQ[GGGCEEMICCAYLCBA@CACCAE@CDABC@@CC@G@DICCUIGICFDPAPAFGHELBHADEJEFDFTNEPDF@DKHKDSNQDEDKNIBEAGGC@CAMOECK@DH@LIDCD@HFN@DCDEABECGEAOBCCAECCIBABBV@PCDUH@HCB@HAJBB@B@LHHHBFLJFBFBJCHEFID@DHFBFAJBFJNRJXJHHD@BID@F@JLJT@JGXZn@JENNP@FEFC@KBKGEACBGBIBKFEJCHDD@FDJAPDJ@LFP@HGRFN@FAHDHF@FNDRALLN@FCNCBOHUBIHCDBDFJLJCFDLLPD@FCFDD@HCD@@NFT@JLHDH@\\BJLVHJBPDF@FCFDFDBJ@FFHj@HAJEHEHMJCFJXBBVBH@D@BDAFFFZDHCJAJFJAPFHLDDGTNLBH@JBLFB@DGJCFI^e^EJHPLPTBLG@KFGJGPCJBLFPNHBZMNARBREV@LDHHBLANFHRNXDRFJHXL@DCHDDHDBLEFAHBLJJFDFALEFHDBTRDLDPDJJLHLRNBNJXHFRFDFHHBLBFBBJ@D@BGHETCHDJRDBBDCF@LS@@NBNECIAI@EB@LNZBJKEC@@BBH@BED@DHHFDF@HGNCJAR@TIF@LBFCDGHgCSDEPICKMQDIHABEDAF@FHHGJAJJFDZAFBJA@HBBF@JEDGB@JJB@AGBEH@BDBBBCD@FDD@@AFBBAHCXADC@GCGBILINCBC@IBCD@F@DC@EBAFC@KbFBDEZIJADATBBLBTCVHFDFADDBDEHBPFDPDHDF@FBDDNEFGDAJJHBBHFFAFEDQHI@IFADBHJbBLCJCFGBKAE@@B@DFJ@H@N@L@LDFCDDFLEJBVHH`@HDFD@F@HGJ@LEHBHC@GBCAMHGBAFFFADE@GBCDBBDF@DDJABIBAD@BJFHFJAFKHCJKFBFBD@BEBCCKJCAAFABG@MGSPKTC@E@EBAHGDADD@H@BDCLAL@XFBBH@FCFN^HFDBLEB@BBBJFDVAAH@LCHBFFDBF@HFBJD@FCN@NDDN@LFNR@BAPGHIJCDCPAPDNLBBBDJLPBF@DNdNH~ZLHNDLHFHD@AHHBAHEB@F@JCBFHJHTTVPLFfJl@LEJK@IDMHKJIPFLDJHTTRZDL@RLTDNE^N\\XRBD@BENBHCHFFAFD\\@JN@FHFAFCFAFDBDBJBDVCFBDH@FELBFH@DGHABI@A@ABAHBDAD@HFHCBBLFDFB@DAFEDALALDDJB@PFD@NAFBFCBC\\CDCF@HE@EIQBEPQ@ACIECCG@EAAGDAAGEC@ECAKDGFE@ECE@GDGBWFCLBJEH@vGDGIM@OC@C@ACEKEGCIHCDCACD@JFPBFADB@FBBDEHACCBCVQACDKHAFC@EIGAOBALC@GBGGC@EBCFB@A@CEADGEIHMMIDGCC@KIEEA"]], "encodeOffsets": [[[123250, 27563]], [[122541, 27268]], [[123020, 27189]], [[122916, 27125]], [[121678, 27068]], [[123398, 27612]], [[123294, 27747]], [[123611, 27636]], [[123592, 27651]], [[123587, 27574]], [[123587, 27576]], [[123438, 27501]], [[123358, 27630]], [[123380, 27622]], [[123263, 27607]], [[123185, 27583]], [[123137, 27586]], [[123136, 27581]], [[123105, 27518]], [[123002, 27474]], [[123025, 27443]], [[123021, 27325]], [[123237, 27343]], [[123240, 27281]], [[123209, 27290]], [[122984, 27247]], [[123034, 27193]], [[123016, 27168]], [[123017, 27126]], [[122884, 27182]], [[122850, 27191]], [[122865, 27137]], [[122785, 27331]], [[122683, 27314]], [[122653, 27317]], [[122636, 27252]], [[122672, 27239]], [[122677, 27206]], [[122569, 28102]]] }, "properties": { "cp": [119.527082, 26.95924], "name": "宁德市", "childNum": 39 } }], "UTF8Encoding": true });
+}));
\ No newline at end of file

+import dialogBox from '@/components/DialogBox/dialogBox.vue'
+import LbTable from '@/components/LbTable/lb-table.vue'
+import Theme from '@/components/Theme/theme.vue'
+import Popup from '@/components/Popup/index'
+import MessageBox from '@/components/MessageBox/index.js'
+export default {
+  install: (Vue) => {
+    Vue.component('dialogBox', dialogBox);
+    Vue.component('lbTable', LbTable);
+    Vue.component('Theme', Theme);
+    Vue.prototype.$popup = Popup.install;
+    Vue.prototype.$alertMes = MessageBox.alert;
+  }
+}
\ No newline at end of file

+<template>
+  <el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0"
+    :append-to-body="appendToBody" :lock-scroll="true" :close-on-click-modal="false" @close="closeDialog" :key="key"
+    :custom-class="isMain ? 'mainCenter dialogBox' : 'contentCenter dialogBox'" :destroy-on-close="true" ref="dialogBox"
+    id="dialogBox">
+    <div slot="title">
+      <div class="dialog_title">
+        <b>{{ title }}</b>
+        <div v-if="isFullscreen" class="dialog_full">
+          <i class="el-icon-rank" v-if="fullscreen" @click="handleFullscreen"></i>
+          <i class="el-icon-full-screen" v-else @click="handleFullscreen" />
+        </div>
+      </div>
+    </div>
+    <div class="dialogBox-content" :style="{ height: scrollerHeight }">
+      <slot></slot>
+    </div>
+    <div slot="footer" class="dialog_footer" v-if="isButton">
+      <el-button @click="closeDialog" v-if="isReset">取消</el-button>
+      <el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding">
+        {{ saveButton }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+export default {
+  props: {
+    value: { type: Boolean, default: false },
+    isMain: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    isButton: {
+      type: Boolean,
+      default: true,
+    },
+    width: {
+      type: String,
+      default: '70%',
+    },
+    title: {
+      type: String,
+      default: '',
+    },
+    isFullscreen: {
+      type: Boolean,
+      default: true,
+    },
+    isSave: {
+      type: Boolean,
+      default: true,
+    },
+    saveButton: {
+      type: String,
+      default: '提交',
+    },
+    isReset: {
+      type: Boolean,
+      default: true,
+    },
+    saveloding: {
+      type: Boolean,
+      default: false,
+    },
+    btnDisabled: {
+      type: Boolean,
+      default: false
+    },
+    height: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      key: 0,
+      dialogVisible: false,
+      fullscreen: false,
+      scrollerHeight: ''
+    }
+  },
+  watch: {
+    value (val) {
+      this.dialogVisible = val
+      this.height && (this.scrollerHeight = this.height + 'px')
+    }
+  },
+  methods: {
+    handleFullscreen () {
+      this.fullscreen = !this.fullscreen
+      if (!this.fullscreen) {
+        this.scrollerHeight = ''
+      } else {
+        this.scrollerHeight = (window.innerHeight - 120) + 'px'
+      }
+    },
+    submitForm () {
+      if (this.isButton) {
+        this.$emit('submitForm');
+      }
+    },
+    closeDialog () {
+      this.key++
+      this.$emit('input', false)
+      this.$emit('closeDialog')
+    }
+  },
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" >
+@import "~@/styles/mixin.scss";
+@import "~@/styles/dialogBox.scss";
+</style>
+<style rel="stylesheet/scss" scoped lang="scss" >
+/deep/.is-fullscreen {
+  position: absolute;
+  top: 50% !important;
+  left: 50% !important;
+  transform: translate(-50%, -50%) !important;
+}
+</style>
\ No newline at end of file

+## 这个是弹框组件，对于element自带的组件进行封装，方便修改全局样式做统一操作
+### 使用时在组件中引用 

+export default {
+  selection: {
+    renderHeader: (h, { store }) => {
+      return (
+        <el-checkbox
+          disabled={store.states.data && store.states.data.length === 0}
+          indeterminate={
+            store.states.selection.length > 0 && !store.states.isAllSelected
+          }
+          nativeOn-click={store.toggleAllSelection}
+          value={store.states.isAllSelected}
+        />
+      )
+    },
+    renderCell: (h, { row, column, store, $index }) => {
+      return (
+        <el-checkbox
+          nativeOn-click={event => event.stopPropagation()}
+          value={store.isSelected(row)}
+          disabled={
+            column.selectable
+              ? !column.selectable.call(null, row, $index)
+              : false
+          }
+          on-input={() => {
+            store.commit('rowSelectedChanged', row)
+          }}
+        />
+      )
+    },
+    sortable: false,
+    resizable: false
+  },
+  index: {
+    renderHeader: (h, scope) => {
+      return <span>{scope.column.label || '#'}</span>
+    },
+    renderCell: (h, { $index, column }) => {
+      let i = $index + 1
+      const index = column.index
+
+      if (typeof index === 'number') {
+        i = $index + index
+      } else if (typeof index === 'function') {
+        i = index($index)
+      }
+
+      return <div>{i}</div>
+    },
+    sortable: false
+  },
+  expand: {
+    renderHeader: (h, scope) => {
+      return <span>{scope.column.label || ''}</span>
+    },
+    renderCell: (h, { row, store }, proxy) => {
+      const expanded = store.states.expandRows.indexOf(row) > -1
+      return (
+        <div
+          class={
+            'el-table__expand-icon ' +
+            (expanded ? 'el-table__expand-icon--expanded' : '')
+          }
+          on-click={e => proxy.handleExpandClick(row, e)}
+        >
+          <i class='el-icon el-icon-arrow-right' />
+        </div>
+      )
+    },
+    sortable: false,
+    resizable: false,
+    className: 'el-table__expand-column'
+  }
+}

+/*
+ * FileName: lb-column.vue
+ * Remark: element-column
+ * Project: lb-element-table
+ * Author: 任超
+ * File Created: Tuesday, 19th March 2019 9:58:23 am
+ * Last Modified: Tuesday, 19th March 2019 10:14:42 am
+ * Modified By: 任超
+ */
+
+<template>
+  <el-table-column v-bind="$attrs" v-on="$listeners" :prop="column.prop" :label="column.label" :type="column.type"
+    :index="column.index" :column-key="column.columnKey" :width="column.width" :min-width="column.minWidth"
+    :fixed="column.fixed" :scoped-slot="column.renderHeader" :sortable="column.sortable || false"
+    :sort-method="column.sortMethod" :sort-by="column.sortBy" :sort-orders="column.sortOrders"
+    :resizable="column.resizable || true" :formatter="column.formatter"
+    :show-overflow-tooltip="column.showOverflowTooltip || false" :align="column.align || align || 'center'"
+    :header-align="column.headerAlign || headerAlign || column.align || align || 'center'"
+    :class-name="column.className" :label-class-name="column.labelClassName" :selectable="column.selectable"
+    :reserve-selection="column.reserveSelection || false" :filters="column.filters"
+    :filter-placement="column.filterPlacement" :filter-multiple="column.filterMultiple"
+    :filter-method="column.filterMethod" :filtered-value="column.filteredValue">
+    <template slot="header" slot-scope="scope">
+      <lb-render v-if="column.renderHeader" :scope="scope" :render="column.renderHeader">
+      </lb-render>
+      <span v-else>{{ scope.column.label }}</span>
+    </template>
+
+    <template slot-scope="scope">
+      <lb-render :scope="scope" :render="column.render">
+      </lb-render>
+    </template>
+
+    <template v-if="column.children">
+      <lb-column v-for="(col, index) in column.children" :key="index" :column="col">
+      </lb-column>
+    </template>
+  </el-table-column>
+</template>
+
+<script>
+import LbRender from './lb-render'
+import forced from './forced.js'
+export default {
+  name: 'LbColumn',
+  props: {
+    column: Object,
+    headerAlign: String,
+    align: String
+  },
+  components: {
+    LbRender
+  },
+  methods: {
+    setColumn () {
+      if (this.column.type) {
+        this.column.renderHeader = forced[this.column.type].renderHeader
+        this.column.render = this.column.render || forced[this.column.type].renderCell
+      }
+      if (this.column.formatter) {
+        this.column.render = (h, scope) => {
+          return <span>{scope.column.formatter(scope.row, scope.column, scope.row, scope.$index)}</span>
+        }
+      }
+      if (!this.column.render) {
+        this.column.render = (h, scope) => {
+          return <span>{scope.row[scope.column.property]}</span>
+        }
+      }
+    }
+  },
+  watch: {
+    column: {
+      handler () {
+        this.setColumn()
+      },
+      immediate: true
+    }
+  }
+}
+</script>

+/*
+ * FileName: lb-render.vue
+ * Remark: 自定义render
+ * Project: lb-element-table
+ * Author: 任超
+ * File Created: Tuesday, 19th March 2019 10:15:30 am
+ * Last Modified: Tuesday, 19th March 2019 10:15:32 am
+ * Modified By: 任超
+ */
+<script>
+export default {
+  name: 'LbRender',
+  functional: true,
+  props: {
+    scope: Object,
+    render: Function
+  },
+  render: (h, ctx) => {
+    return ctx.props.render ? ctx.props.render(h, ctx.props.scope) : ''
+  }
+}
+</script>

+/*
+ * FileName: lb-table.vue
+ * Remark: element table
+ * Project: lb-element-table
+ * Author: 任超
+ * File Created: Tuesday, 19th March 2019 9:55:27 am
+ * Last Modified: Tuesday, 19th March 2019 9:55:34 am
+ * Modified By: 任超
+ */
+
+<template>
+  <div :class="['lb-table', customClass]">
+    <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" ref="elTable"
+      :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-click="singleElection"
+      :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
+      :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
+      <el-table-column width="45" align="center" v-if="isRadio">
+        <template slot-scope="scope">
+          <el-radio v-model="selected" :label="scope.$index"></el-radio>
+        </template>
+      </el-table-column>
+
+      <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
+      </lb-column>
+    </el-table>
+
+    <el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border'
+      :row-class-name="tableRowClassName" :show-header='showHeader'
+      :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :max-height="maxHeight"
+      v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
+
+      <el-table-column width="45" align="center" v-if="isRadio">
+        <template slot-scope="scope">
+          <el-radio v-model="selected" :label="scope.$index"></el-radio>
+        </template>
+      </el-table-column>
+      <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
+      </lb-column>
+    </el-table>
+
+    <br>
+    <el-pagination class="lb-table-pagination" v-if="pagination" v-bind="$attrs" v-on="$listeners" background
+      :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next" @current-change="paginationCurrentChange"
+      :style="{ 'margin-top': paginationTop, 'text-align': paginationAlign }">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import LbColumn from './lb-column'
+export default {
+  props: {
+    column: Array,
+    data: Array,
+    spanMethod: Function,
+    pagination: {
+      type: Boolean,
+      default: true,
+    },
+    isRadio: {
+      type: Boolean,
+      default: false,
+    },
+    border: {
+      type: Boolean,
+      default: true,
+    },
+    showHeader: {
+      type: Boolean,
+      default: true,
+    },
+    paginationTop: {
+      type: String,
+      default: '0',
+    },
+    heightNum: {
+      type: Number,
+      default: 265,
+    },
+    maxHeight: {
+      type: Number,
+      default: 500
+    },
+    heightNumSetting: {
+      type: Boolean,
+      default: false,
+    },
+    customClass: {
+      type: String,
+      default: '',
+    },
+    paginationAlign: {
+      type: String,
+      default: 'left',
+    },
+    merge: Array,
+  },
+  components: {
+    LbColumn,
+  },
+  data () {
+    return {
+      tableHeight: '',
+      mergeLine: {},
+      mergeIndex: {},
+      selected: ''
+    }
+  },
+  created () {
+    this.getMergeArr(this.data, this.merge)
+    this.getHeight()
+  },
+  computed: {
+    dataLength () {
+      return [] || this.data.length
+    },
+  },
+  methods: {
+
+    // 单选
+    singleElection (row) {
+      this.selected = this.data.indexOf(row);
+      console.log(this.selected);
+    },
+
+    tableRowClassName ({ row, rowIndex }) {
+      if (rowIndex % 2 === 1) {
+        return 'interlaced';
+      }
+    },
+    getHeight () {
+      if (!this.heightNumSetting) {
+        this.tableHeight = window.innerHeight - this.heightNum
+      }
+    },
+    clearSelection () {
+      this.$refs.elTable.clearSelection()
+    },
+    toggleRowSelection (row, selected) {
+      this.$refs.elTable.toggleRowSelection(row, selected)
+    },
+    toggleAllSelection () {
+      this.$refs.elTable.toggleAllSelection()
+    },
+    toggleRowExpansion (row, expanded) {
+      this.$refs.elTable.toggleRowExpansion(row, expanded)
+    },
+    setCurrentRow (row) {
+      this.$refs.elTable.setCurrentRow(row)
+    },
+    clearSort () {
+      this.$refs.elTable.clearSort()
+    },
+    clearFilter (columnKey) {
+      this.$refs.elTable.clearFilter(columnKey)
+    },
+    doLayout () {
+      this.$refs.elTable.doLayout()
+    },
+    sort (prop, order) {
+      this.$refs.elTable.sort(prop, order)
+    },
+    paginationCurrentChange (val) {
+      this.$emit('p-current-change', val)
+    },
+    getMergeArr (tableData, merge) {
+      if (!merge) return
+      this.mergeLine = {}
+      this.mergeIndex = {}
+      merge.forEach((item, k) => {
+        tableData.forEach((data, i) => {
+          if (i === 0) {
+            this.mergeIndex[item] = this.mergeIndex[item] || []
+            this.mergeIndex[item].push(1)
+            this.mergeLine[item] = 0
+          } else {
+            if (data[item] === tableData[i - 1][item]) {
+              this.mergeIndex[item][this.mergeLine[item]] += 1
+              this.mergeIndex[item].push(0)
+            } else {
+              this.mergeIndex[item].push(1)
+              this.mergeLine[item] = i
+            }
+          }
+        })
+      })
+    },
+    mergeMethod ({ row, column, rowIndex, columnIndex }) {
+      const index = this.merge.indexOf(column.property)
+      if (index > -1) {
+        const _row = this.mergeIndex[this.merge[index]][rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col,
+        }
+      }
+    },
+  },
+  watch: {
+    merge () {
+      this.getMergeArr(this.data, this.merge)
+    },
+    dataLength () {
+      this.getMergeArr(this.data, this.merge)
+    }
+  },
+}
+</script>
+<style  rel="stylesheet/scss" scoped lang="scss">
+.lb-table {
+  margin-top: 1px;
+
+  .interlaced {
+    background: #fafcff;
+    border: 1px solid #ebf2fa;
+  }
+}
+
+/deep/.el-table .cell {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+/deep/.el-radio__label {
+  display: none;
+}
+</style>

+## 这是对于element-table 进行的二次封装 
+
+### 文档地址
+
+<!-- table 已经全局注册不需要每个页面单独注册 -->
+
+[Windows/Mac/Linux 全平台客户端](https://github.liubing.me/lb-element-table/zh/guide/)

+import service from './src/index';
+
+export default {
+  install (Vue) {
+    Vue.prototype.$loading = service;
+  },
+  service
+};

+import Vue from 'vue';
+import loadingVue from './loading.vue';
+import { addClass, removeClass, getStyle } from 'element-ui/src/utils/dom';
+import { PopupManager } from 'element-ui/src/utils/popup';
+import afterLeave from 'element-ui/src/utils/after-leave';
+import merge from 'element-ui/src/utils/merge';
+
+const LoadingConstructor = Vue.extend(loadingVue);
+
+const defaults = {
+  text: null,
+  fullscreen: true,
+  body: false,
+  lock: false,
+  customClass: ''
+};
+
+let fullscreenLoading;
+
+LoadingConstructor.prototype.originalPosition = '';
+LoadingConstructor.prototype.originalOverflow = '';
+
+LoadingConstructor.prototype.close = function() {
+  if (this.fullscreen) {
+    fullscreenLoading = undefined;
+  }
+  afterLeave(this, _ => {
+    const target = this.fullscreen || this.body
+      ? document.body
+      : this.target;
+    removeClass(target, 'el-loading-parent--relative');
+    removeClass(target, 'el-loading-parent--hidden');
+    if (this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+    this.$destroy();
+  }, 300);
+  this.visible = false;
+};
+
+const addStyle = (options, parent, instance) => {
+  let maskStyle = {};
+  if (options.fullscreen) {
+    instance.originalPosition = getStyle(document.body, 'position');
+    instance.originalOverflow = getStyle(document.body, 'overflow');
+    maskStyle.zIndex = PopupManager.nextZIndex();
+  } else if (options.body) {
+    instance.originalPosition = getStyle(document.body, 'position');
+    ['top', 'left'].forEach(property => {
+      let scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+      maskStyle[property] = options.target.getBoundingClientRect()[property] +
+        document.body[scroll] +
+        document.documentElement[scroll] +
+        'px';
+    });
+    ['height', 'width'].forEach(property => {
+      maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
+    });
+  } else {
+    instance.originalPosition = getStyle(parent, 'position');
+  }
+  Object.keys(maskStyle).forEach(property => {
+    instance.$el.style[property] = maskStyle[property];
+  });
+};
+
+const Loading = (options = {}) => {
+  if (Vue.prototype.$isServer) return;
+  options = merge({}, defaults, options);
+  if (typeof options.target === 'string') {
+    options.target = document.querySelector(options.target);
+  }
+  options.target = options.target || document.body;
+  if (options.target !== document.body) {
+    options.fullscreen = false;
+  } else {
+    options.body = true;
+  }
+  if (options.fullscreen && fullscreenLoading) {
+    return fullscreenLoading;
+  }
+
+  let parent = options.body ? document.body : options.target;
+  let instance = new LoadingConstructor({
+    el: document.createElement('div'),
+    data: options
+  });
+
+  addStyle(options, parent, instance);
+  if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
+    addClass(parent, 'el-loading-parent--relative');
+  }
+  if (options.fullscreen && options.lock) {
+    addClass(parent, 'el-loading-parent--hidden');
+  }
+  parent.appendChild(instance.$el);
+  Vue.nextTick(() => {
+    instance.visible = true;
+  });
+  if (options.fullscreen) {
+    fullscreenLoading = instance;
+  }
+  return instance;
+};
+
+export default Loading;

+<template>
+  <transition name="el-loading-fade" @after-leave="handleAfterLeave">
+    <div v-show="visible" class="el-loading-mask" :style="{ backgroundColor: background || '' }"
+      :class="[customClass, { 'is-fullscreen': fullscreen }]">
+      <div class="el-loading-spinner">
+        <!-- <svg v-if="!spinner" class="circular" viewBox="25 25 50 50">
+          <circle class="path" cx="50" cy="50" r="20" fill="none" />
+        </svg>
+        <i v-else :class="spinner"></i> -->
+        <img class="img" src="../../../image/progress.gif" alt="">
+        <p v-if="text" class="el-loading-text">{{ text }}</p>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      text: null,
+      spinner: null,
+      background: null,
+      fullscreen: true,
+      visible: false,
+      customClass: ''
+    };
+  },
+
+  methods: {
+    handleAfterLeave () {
+      this.$emit('after-leave');
+    },
+    setText (text) {
+      this.text = text;
+    }
+  }
+};
+</script>
+<style scoped lang="scss">
+.el-loading-spinner {
+  margin-top: -100px !important;
+
+  .img {
+    width: 80px;
+    height: 80px;
+  }
+}
+</style>
\ No newline at end of file

+import MessageBox from './src/main.js';
+export default MessageBox;

+const defaults = {
+  title: null,
+  message: '',
+  type: '',
+  iconClass: '',
+  showInput: false,
+  showClose: true,
+  modalFade: true,
+  lockScroll: true,
+  closeOnClickModal: true,
+  closeOnPressEscape: true,
+  closeOnHashChange: true,
+  inputValue: null,
+  inputPlaceholder: '',
+  inputType: 'text',
+  inputPattern: null,
+  inputValidator: null,
+  inputErrorMessage: '',
+  showConfirmButton: true,
+  showCancelButton: false,
+  confirmButtonPosition: 'right',
+  confirmButtonHighlight: false,
+  cancelButtonHighlight: false,
+  confirmButtonText: '',
+  cancelButtonText: '',
+  confirmButtonClass: '',
+  cancelButtonClass: '',
+  customClass: '',
+  beforeClose: null,
+  dangerouslyUseHTMLString: false,
+  center: false,
+  roundButton: false,
+  distinguishCancelAndClose: false
+};
+
+import Vue from 'vue';
+import msgboxVue from './main.vue';
+import merge from 'element-ui/src/utils/merge';
+import { isVNode } from 'element-ui/src/utils/vdom';
+
+const MessageBoxConstructor = Vue.extend(msgboxVue);
+
+let currentMsg, instance;
+let msgQueue = [];
+
+const defaultCallback = action => {
+  if (currentMsg) {
+    let callback = currentMsg.callback;
+    if (typeof callback === 'function') {
+      if (instance.showInput) {
+        callback(instance.inputValue, action);
+      } else {
+        callback(action);
+      }
+    }
+  }
+};
+
+const initInstance = () => {
+  instance = new MessageBoxConstructor({
+    el: document.createElement('div')
+  });
+
+  instance.callback = defaultCallback;
+};
+
+const showNextMsg = () => {
+  if (!instance) {
+    initInstance();
+  }
+  instance.action = '';
+
+  if (!instance.visible || instance.closeTimer) {
+    if (msgQueue.length > 0) {
+      currentMsg = msgQueue.shift();
+
+      let options = currentMsg.options;
+      for (let prop in options) {
+        if (options.hasOwnProperty(prop)) {
+          instance[prop] = options[prop];
+        }
+      }
+      if (options.callback === undefined) {
+        instance.callback = defaultCallback;
+      }
+
+      let oldCb = instance.callback;
+      instance.callback = (action, instance) => {
+        oldCb(action, instance);
+        showNextMsg();
+      };
+      if (isVNode(instance.message)) {
+        instance.$slots.default = [instance.message];
+        instance.message = null;
+      } else {
+        delete instance.$slots.default;
+      }
+      ['modal', 'showClose', 'closeOnClickModal', 'closeOnPressEscape', 'closeOnHashChange'].forEach(prop => {
+        if (instance[prop] === undefined) {
+          instance[prop] = true;
+        }
+      });
+      document.body.appendChild(instance.$el);
+
+      Vue.nextTick(() => {
+        instance.visible = true;
+      });
+    }
+  }
+};
+
+const MessageBox = function (options, callback) {
+  if (Vue.prototype.$isServer) return;
+  if (typeof options === 'string' || isVNode(options)) {
+    options = {
+      message: options
+    };
+    if (typeof arguments[1] === 'string') {
+      options.title = arguments[1];
+    }
+  } else if (options.callback && !callback) {
+    callback = options.callback;
+  }
+
+  if (typeof Promise !== 'undefined') {
+    return new Promise((resolve, reject) => { // eslint-disable-line
+      msgQueue.push({
+        options: merge({}, defaults, MessageBox.defaults, options),
+        callback: callback,
+        resolve: resolve,
+        reject: reject
+      });
+
+      showNextMsg();
+    });
+  } else {
+    msgQueue.push({
+      options: merge({}, defaults, MessageBox.defaults, options),
+      callback: callback
+    });
+
+    showNextMsg();
+  }
+};
+
+MessageBox.setDefaults = defaults => {
+  MessageBox.defaults = defaults;
+};
+
+MessageBox.alert = (title, message, options) => {
+  if (typeof title === 'object') {
+    options = title;
+    title = '';
+  } else if (title === undefined) {
+    title = '';
+  }
+  return MessageBox(merge({
+    title: title,
+    message: message,
+    $type: 'alert',
+    closeOnPressEscape: false,
+    closeOnClickModal: false
+  }, options));
+};
+
+MessageBox.close = () => {
+  instance.doClose();
+  instance.visible = false;
+  msgQueue = [];
+  currentMsg = null;
+};
+
+export default MessageBox;
+export { MessageBox };

+<template>
+  <transition name="msgbox-fade">
+    <div class="el-message-box__wrapper" tabindex="-1" v-show="visible" @click.self="handleWrapperClick" role="dialog"
+      aria-modal="true" :aria-label="title || 'dialog'">
+      <div class="el-message-box" :class="[customClass, center && 'el-message-box--center']">
+        <div class="el-message-box__header" v-if="title !== null">
+          <div class="el-message-box__title">
+            <span>标题：{{ title }}</span>
+          </div>
+          <button type="button" class="el-message-box__headerbtn" aria-label="Close" v-if="showClose"
+            @click="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')"
+            @keydown.enter="handleAction(distinguishCancelAndClose ? 'close' : 'cancel')">
+            <i class="el-message-box__close el-icon-close"></i>
+          </button>
+        </div>
+        <div class="el-message-box__content">
+          <div v-if="message !== ''" class="richText" v-html="message"></div>
+        </div>
+        <div class="el-message-box__btns">
+          <el-button :loading="cancelButtonLoading" :class="[cancelButtonClasses]" :round="roundButton" size="small"
+            @click.native="handleAction('cancel')" @keydown.enter="handleAction('cancel')">
+            {{ cancelButtonText || t('el.messagebox.cancel') }}
+          </el-button>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script type="text/babel">
+import Popup from 'element-ui/src/utils/popup';
+import Locale from 'element-ui/src/mixins/locale';
+import ElInput from 'element-ui/packages/input';
+import ElButton from 'element-ui/packages/button';
+import { addClass, removeClass } from 'element-ui/src/utils/dom';
+import { t } from 'element-ui/src/locale';
+import Dialog from 'element-ui/src/utils/aria-dialog';
+
+let messageBox;
+let typeMap = {
+  success: 'success',
+  info: 'info',
+  warning: 'warning',
+  error: 'error'
+};
+
+export default {
+  mixins: [Popup, Locale],
+
+  props: {
+    modal: {
+      default: true
+    },
+    lockScroll: {
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickModal: {
+      default: true
+    },
+    closeOnPressEscape: {
+      default: true
+    },
+    closeOnHashChange: {
+      default: true
+    },
+    center: {
+      default: false,
+      type: Boolean
+    },
+    roundButton: {
+      default: false,
+      type: Boolean
+    }
+  },
+
+  components: {
+    ElInput,
+    ElButton
+  },
+
+  computed: {
+    icon () {
+      const { type, iconClass } = this;
+      return iconClass || (type && typeMap[type] ? `el-icon-${typeMap[type]}` : '');
+    },
+
+    confirmButtonClasses () {
+      return `el-button--primary ${this.confirmButtonClass}`;
+    },
+    cancelButtonClasses () {
+      return `${this.cancelButtonClass}`;
+    }
+  },
+
+  methods: {
+    getSafeClose () {
+      const currentId = this.uid;
+      return () => {
+        this.$nextTick(() => {
+          if (currentId === this.uid) this.doClose();
+        });
+      };
+    },
+    doClose () {
+      if (!this.visible) return;
+      this.visible = false;
+      this._closing = true;
+
+      this.onClose && this.onClose();
+      messageBox.closeDialog(); // 解绑
+      if (this.lockScroll) {
+        setTimeout(this.restoreBodyStyle, 200);
+      }
+      this.opened = false;
+      this.doAfterClose();
+      setTimeout(() => {
+        if (this.action) this.callback(this.action, this);
+      });
+    },
+
+    handleWrapperClick () {
+      if (this.closeOnClickModal) {
+        this.handleAction(this.distinguishCancelAndClose ? 'close' : 'cancel');
+      }
+    },
+
+    handleInputEnter () {
+      if (this.inputType !== 'textarea') {
+        return this.handleAction('confirm');
+      }
+    },
+
+    handleAction (action) {
+      if (this.$type === 'prompt' && action === 'confirm' && !this.validate()) {
+        return;
+      }
+      this.action = action;
+      if (typeof this.beforeClose === 'function') {
+        this.close = this.getSafeClose();
+        this.beforeClose(action, this, this.close);
+      } else {
+        this.doClose();
+      }
+    },
+
+    validate () {
+      if (this.$type === 'prompt') {
+        const inputPattern = this.inputPattern;
+        if (inputPattern && !inputPattern.test(this.inputValue || '')) {
+          this.editorErrorMessage = this.inputErrorMessage || t('el.messagebox.error');
+          addClass(this.getInputElement(), 'invalid');
+          return false;
+        }
+        const inputValidator = this.inputValidator;
+        if (typeof inputValidator === 'function') {
+          const validateResult = inputValidator(this.inputValue);
+          if (validateResult === false) {
+            this.editorErrorMessage = this.inputErrorMessage || t('el.messagebox.error');
+            addClass(this.getInputElement(), 'invalid');
+            return false;
+          }
+          if (typeof validateResult === 'string') {
+            this.editorErrorMessage = validateResult;
+            addClass(this.getInputElement(), 'invalid');
+            return false;
+          }
+        }
+      }
+      this.editorErrorMessage = '';
+      removeClass(this.getInputElement(), 'invalid');
+      return true;
+    },
+    getFirstFocus () {
+      const btn = this.$el.querySelector('.el-message-box__btns .el-button');
+      const title = this.$el.querySelector('.el-message-box__btns .el-message-box__title');
+      return btn || title;
+    },
+    getInputElement () {
+      const inputRefs = this.$refs.input.$refs;
+      return inputRefs.input || inputRefs.textarea;
+    },
+    handleClose () {
+      this.handleAction('close');
+    }
+  },
+
+  watch: {
+    inputValue: {
+      immediate: true,
+      handler (val) {
+        this.$nextTick(_ => {
+          if (this.$type === 'prompt' && val !== null) {
+            this.validate();
+          }
+        });
+      }
+    },
+
+    visible (val) {
+      if (val) {
+        this.uid++;
+        this.focusAfterClosed = document.activeElement;
+        messageBox = new Dialog(this.$el, this.focusAfterClosed, this.getFirstFocus());
+      }
+
+      // prompt
+      if (this.$type !== 'prompt') return;
+      if (val) {
+        setTimeout(() => {
+          if (this.$refs.input && this.$refs.input.$el) {
+            this.getInputElement().focus();
+          }
+        }, 500);
+      } else {
+        this.editorErrorMessage = '';
+        removeClass(this.getInputElement(), 'invalid');
+      }
+    }
+  },
+
+  mounted () {
+    this.$nextTick(() => {
+      if (this.closeOnHashChange) {
+        window.addEventListener('hashchange', this.close);
+      }
+    });
+  },
+
+  beforeDestroy () {
+    if (this.closeOnHashChange) {
+      window.removeEventListener('hashchange', this.close);
+    }
+    setTimeout(() => {
+      messageBox.closeDialog();
+    });
+  },
+
+  data () {
+    return {
+      uid: 1,
+      title: undefined,
+      message: '',
+      type: '',
+      iconClass: '',
+      customClass: '',
+      showInput: false,
+      inputValue: null,
+      inputPlaceholder: '',
+      inputType: 'text',
+      inputPattern: null,
+      inputValidator: null,
+      inputErrorMessage: '',
+      showConfirmButton: true,
+      showCancelButton: false,
+      action: '',
+      confirmButtonText: '',
+      cancelButtonText: '',
+      confirmButtonLoading: false,
+      cancelButtonLoading: false,
+      confirmButtonClass: '',
+      confirmButtonDisabled: false,
+      cancelButtonClass: '',
+      editorErrorMessage: null,
+      callback: null,
+      dangerouslyUseHTMLString: false,
+      focusAfterClosed: null,
+      isOnComposition: false,
+      distinguishCancelAndClose: false
+    };
+  }
+};
+</script>
+<style scoped>
+/deep/.el-message-box {
+  width: 500px;
+  max-height: 95%;
+}
+
+/deep/.message-title {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 5px;
+}
+
+/deep/.el-message-box__content img {
+  width: 100%;
+  height: 100%;
+}
+
+/deep/.el-message-box__content {
+  padding-top: 0;
+}
+</style>
\ No newline at end of file

+import Vue from 'vue'
+import Popup from './index.vue'
+
+const PopupBox = Vue.extend(Popup)
+Popup.install = function (title, editItem, data, formData) {
+  data.title = title
+  data.editItem = editItem
+  if (formData) {
+    data.formData = formData
+  }
+  let instance = new PopupBox({
+    data
+  }).$mount()
+  document.body.appendChild(instance.$el)
+  Vue.nextTick(() => {
+    instance.isShow = true
+  })
+}
+
+export default Popup

+<template>
+  <transition name="msgbox-fade" v-if="myShow">
+    <div class="ls-mask" v-loading="loading">
+      <div class="ls-mask-window" :style="{ 'width': width }">
+        <div class="ls-head">
+          <div class="ls-title" :style="{ 'text-align': titleStyle }">
+            <svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
+            <b>{{ title }}</b>
+          </div>
+          <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
+        </div>
+        <div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }">
+          <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
+        </div>
+        <div class="ls-mask-footer" v-if='btnShow'>
+          <el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button>
+          <el-button @click="onCancel">{{ cancelText }}</el-button>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+<script>
+export default {
+  name: 'index',
+  data () {
+    return {
+      title: '标题',
+      editItem: "",
+      formData: undefined,//父组件传递的参数 负责传给子组件
+      btnShow: false,
+      cancel: function () { },
+      confirm: function () { },
+      cancelText: '取消',
+      confirmText: '确认',
+      isSync: false,
+      isShow: false,
+      myShow: false,
+      titleStyle: 'center',
+      width: "75%",
+      height: "auto",
+      contentHeight: "",
+      iconClass: "",
+      key: 0
+    }
+  },
+  props: {
+    loading: { type: Boolean, default: false },
+  },
+  watch: {
+    isShow (newValue) {
+      this.editItem = this.loadViewFn(this.editItem)
+      document.body.appendChild(this.$el);
+      this.myShow = newValue
+    }
+  },
+  mounted () {
+    //  计算滚动条高度
+    setTimeout(() => {
+      if (this.btnShow) {
+        if (this.height == 'auto') {
+          this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
+        } else {
+          this.contentHeight = this.height
+        }
+      } else {
+        if (this.height == 'auto') {
+          this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
+        } else {
+          this.contentHeight = this.height
+        }
+      }
+    }, 300)
+  },
+  methods: {
+    onCancel () {
+      this.isShow = false
+      this.cancel()
+    },
+    onConfirm () {
+      this.loading = true
+      let res = new Promise((resolve, reject) => {
+        this.confirm()
+        resolve(true)
+      })
+      if (res) {
+        this.isShow = false
+      }
+    },
+    loadingFn (e) { //加载状态
+      this.loading = e
+    },
+    loadViewFn (view) {
+      return (r) =>
+        require.ensure([], () =>
+          r(require(`@/views/${view}.vue`))
+        )
+    }
+  },
+  destroyed () {
+    if (this.appendToBody && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+  }
+}
+</script>
+<style scoped lang="scss" >
+.ls-mask {
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.3);
+
+}
+
+.ls-mask-window {
+  background: white;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  min-height: 200px;
+  transform: translate(-50%, -50%);
+  border-radius: 5px;
+  overflow: hidden;
+}
+
+.ls-mask-window b {
+  padding-left: 5px;
+}
+
+.ls-title {
+  padding: 16px;
+  color: #ffffff;
+  background: linear-gradient(3deg, #409EFF, #a7cbee);
+}
+
+.ls-title .svg-icon {
+  font-size: 18px;
+}
+
+.mask-content {
+  padding: 20px;
+  width: 100%;
+  min-height: 30%;
+  max-height: 95%;
+  overflow-y: scroll;
+}
+
+.ls-mask-footer {
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  position: absolute;
+  border-top: 1px solid $borderColor;
+  bottom: 0;
+  background: #ffffff;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  overflow: hidden;
+}
+
+
+/deep/.closeStyle {
+  position: absolute;
+  top: 13px;
+  right: 26px;
+  font-size: 24px;
+  cursor: pointer;
+  color: #409EFF;
+}
+
+/deep/.el-loading-mask {
+  background: none;
+}
+
+/deep/.el-button {
+  margin: 8px 10px;
+  width: 75px;
+}
+</style>
+  
\ No newline at end of file

+弹窗封装
+2.用法以及参数：
+this.$popup('提示','ywbl/dbx/aa',{
+  width: '75%', // 初始化75% 不需要改的话 可以直接不要
+  formData: this.formData, // 父组件传给子组件的参数  
+  cancel: function () {}, //取消事件的回调 没有按钮可以不需要
+  confirm: function () {} //确认事件的回调 没有按钮可以不需要
+})
+
+5.后续有修改请添加在此处文档说明作用
\ No newline at end of file

+<!--显示svg文件图标-->
+<template>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
+import { isExternal } from '@/utils/validate'
+
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.iconClass)
+    },
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+    styleExternalIcon() {
+      return {
+        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
+        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover!important;
+  display: inline-block;
+}
+</style>

+<template>
+  <el-color-picker v-model="theme"
+    :predefine="['#409EFF', '#1890ff', '#304156', '#212121', '#11a983', '#13c2c2', '#6959CD', '#f5222d',]"
+    class="theme-picker" popper-class="theme-picker-dropdown" />
+</template>
+
+<script>
+const version = require('element-ui/package.json').version // element-ui version from node_modules
+const ORIGINAL_THEME = '#409EFF' // default color
+
+export default {
+  data () {
+    return {
+      chalk: '', // content of theme-chalk css
+      theme: ''
+    }
+  },
+  computed: {
+    defaultTheme () {
+      return this.$store.state.app.theme
+    }
+  },
+  watch: {
+    defaultTheme: {
+      handler: function (val, oldVal) {
+        this.theme = val
+      },
+      immediate: true
+    },
+    async theme (val) {
+      const oldVal = this.chalk ? this.theme : ORIGINAL_THEME
+      if (typeof val !== 'string') return
+      const themeCluster = this.getThemeCluster(val.replace('#', ''))
+      const originalCluster = this.getThemeCluster(oldVal.replace('#', ''))
+      console.log(themeCluster, originalCluster)
+
+      const $message = this.$message({
+        message: '  Compiling the theme',
+        customClass: 'theme-message',
+        type: 'success',
+        duration: 0,
+        iconClass: 'el-icon-loading'
+      })
+
+      const getHandler = (variable, id) => {
+        return () => {
+          const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', ''))
+          const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster)
+
+          let styleTag = document.getElementById(id)
+          if (!styleTag) {
+            styleTag = document.createElement('style')
+            styleTag.setAttribute('id', id)
+            document.head.appendChild(styleTag)
+          }
+          styleTag.innerText = newStyle
+        }
+      }
+
+      if (!this.chalk) {
+        const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css`
+        await this.getCSSString(url, 'chalk')
+      }
+
+      const chalkHandler = getHandler('chalk', 'chalk-style')
+
+      chalkHandler()
+
+      const styles = [].slice.call(document.querySelectorAll('style'))
+        .filter(style => {
+          const text = style.innerText
+          return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text)
+        })
+      styles.forEach(style => {
+        const { innerText } = style
+        if (typeof innerText !== 'string') return
+        style.innerText = this.updateStyle(innerText, originalCluster, themeCluster)
+      })
+
+      this.$emit('change', val)
+
+      $message.close()
+    }
+  },
+
+  methods: {
+    updateStyle (style, oldCluster, newCluster) {
+      let newStyle = style
+      oldCluster.forEach((color, index) => {
+        newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index])
+      })
+      return newStyle
+    },
+
+    getCSSString (url, variable) {
+      return new Promise(resolve => {
+        const xhr = new XMLHttpRequest()
+        xhr.onreadystatechange = () => {
+          if (xhr.readyState === 4 && xhr.status === 200) {
+            this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '')
+            resolve()
+          }
+        }
+        xhr.open('GET', url)
+        xhr.send()
+      })
+    },
+
+    getThemeCluster (theme) {
+      const tintColor = (color, tint) => {
+        let red = parseInt(color.slice(0, 2), 16)
+        let green = parseInt(color.slice(2, 4), 16)
+        let blue = parseInt(color.slice(4, 6), 16)
+
+        if (tint === 0) { // when primary color is in its rgb space
+          return [red, green, blue].join(',')
+        } else {
+          red += Math.round(tint * (255 - red))
+          green += Math.round(tint * (255 - green))
+          blue += Math.round(tint * (255 - blue))
+
+          red = red.toString(16)
+          green = green.toString(16)
+          blue = blue.toString(16)
+
+          return `#${red}${green}${blue}`
+        }
+      }
+
+      const shadeColor = (color, shade) => {
+        let red = parseInt(color.slice(0, 2), 16)
+        let green = parseInt(color.slice(2, 4), 16)
+        let blue = parseInt(color.slice(4, 6), 16)
+
+        red = Math.round((1 - shade) * red)
+        green = Math.round((1 - shade) * green)
+        blue = Math.round((1 - shade) * blue)
+
+        red = red.toString(16)
+        green = green.toString(16)
+        blue = blue.toString(16)
+
+        return `#${red}${green}${blue}`
+      }
+
+      const clusters = [theme]
+      for (let i = 0; i <= 9; i++) {
+        clusters.push(tintColor(theme, Number((i / 10).toFixed(2))))
+      }
+      clusters.push(shadeColor(theme, 0.1))
+      return clusters
+    }
+  }
+}
+</script>
+
+<style>
+.theme-message,
+.theme-picker-dropdown {
+  z-index: 99999 !important;
+}
+
+.theme-picker .el-color-picker__trigger {
+  height: 26px !important;
+  width: 26px !important;
+  padding: 2px;
+}
+
+.theme-picker-dropdown .el-color-dropdown__link-btn {
+  display: none;
+}
+</style>
\ No newline at end of file

+<template>
+  <div class="acceptanceInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM"
+              :placeholder="$store.state.business.Edit ? '' : '要素代码'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH" class="borderTopNone">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH"
+              :placeholder="$store.state.business.Edit ? '' : '业务号'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJDL" class="borderTopNone">
+            <span slot="label">
+              登记大类： <br />
+              <p class="label-detail">（DJDL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJDL"
+              :placeholder="$store.state.business.Edit ? '' : '登记大类'">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJXL">
+            <span slot="label">
+              登记小类： <br />
+              <p class="label-detail">（DJXL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJXL"
+              :placeholder="$store.state.business.Edit ? '' : '登记小类'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM"
+              :placeholder="$store.state.business.Edit ? '' : '区县代码'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SQZSBS" :rules="{ type: 'number' }">
+            <span slot="label">
+              申请证书版式： <br />
+              <p class="label-detail">（SQZSBS）</p>
+            </span>
+            <item-select :placeholder="$store.state.business.Edit ? '' : '申请证书版式'" v-model="ruleForm.SQZSBS"
+              selectType="A41" transformation />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!-- 申请分别持证 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SQFBCZ" :rules="{ type: 'number' }">
+            <span slot="label">
+              申请分别持证： <br />
+              <p class="label-detail">（SQFBCZ）</p>
+            </span>
+            <item-select :placeholder="$store.state.business.Edit ? '' : '申请分别持证'" v-model="ruleForm.SQZSBS"
+              selectType="A6" transformation />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SLRY">
+            <span slot="label">
+              受理人员： <br />
+              <p class="label-detail">（SLRY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLRY"
+              :placeholder="$store.state.business.Edit ? '' : '受理人员'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SLSJ">
+            <span slot="label">
+              受理时间： <br />
+              <p class="label-detail">（SLSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit"
+              :placeholder="$store.state.business.Edit ? '' : '受理时间'" clearable type="datetime" v-model="ruleForm.SLSJ"
+              value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL"
+              :placeholder="$store.state.business.Edit ? '' : '坐落'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TZRXM">
+            <span slot="label">
+              通知人姓名： <br />
+              <p class="label-detail">（TZRXM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRXM"
+              :placeholder="$store.state.business.Edit ? '' : '通知人姓名'"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TZFS">
+            <span slot="label">
+              通知方式： <br />
+              <p class="label-detail">（TZFS）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.TZFS" placeholder="通知方式">
+              <el-option v-for="item in dicData['A42']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="TZRDH">
+            <span slot="label">
+              通知人电话： <br />
+              <p class="label-detail">（TZRDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
+              maxlength="11" placeholder="通知人电话" v-model="ruleForm.TZRDH"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TZRYDDH">
+            <span slot="label">
+              通知人移动电话： <br />
+              <p class="label-detail">（TZRYDDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRYDDH" placeholder="通知人移动电话"
+              onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TZRDZYJ">
+            <span slot="label">
+              通知人电子邮件： <br />
+              <p class="label-detail">（TZRDZYJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TZRDZYJ"
+              placeholder="通知人电子邮件"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SFWTAJ">
+            <span slot="label">
+              是否问题案件： <br />
+              <p class="label-detail">（SFWTAJ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFWTAJ" placeholder="是否问题案件">
+              <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JSSJ">
+            <span slot="label">
+              结束时间： <br />
+              <p class="label-detail">（JSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="结束时间" clearable type="datetime"
+              v-model="ruleForm.JSSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="AJZT">
+            <span slot="label">
+              案件状态： <br />
+              <p class="label-detail">（AJZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.AJZT" placeholder="案件状态">
+              <el-option v-for="item in dicData['A31']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 登记受理申请信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        DJDL: '',
+        DJXL: '',
+        QXDM: '',
+        SQZSBS: null,
+        SQFBCZ: null,
+        SLRY: '',
+        SLSJ: '',
+        ZL: '',
+        TZRXM: '',
+        TZFS: '',
+        TZRDH: '',
+        TZRYDDH: '',
+        TZRDZYJ: '',
+        SFWTAJ: '',
+        JSSJ: '',
+        AJZT: '',
+        BZ: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjtDjSlsqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjtDjSlsq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="advanceNoticeRegistration itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="scYWH">
+            <span slot="label">
+              上次业务号： <br />
+              <p class="label-detail">（SCYWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.scYWH" placeholder="上次业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCZL">
+            <span slot="label">
+              不动产坐落： <br />
+              <p class="label-detail">（BDCZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCZL" placeholder="不动产坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWR">
+            <span slot="label">
+              义务人： <br />
+              <p class="label-detail">（YWR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWR" placeholder="义务人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWRZJZL">
+            <span slot="label">
+              义务人证件种类： <br />
+              <p class="label-detail">（YWRZJZL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="义务人证件种类">
+              <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRZJH">
+            <span slot="label">
+              义务人证件号： <br />
+              <p class="label-detail">（YWRZJH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YGDJZL">
+            <span slot="label">
+              预告登记种类： <br />
+              <p class="label-detail">（YGDJZL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YGDJZL" placeholder="预告登记种类">
+              <el-option v-for="item in dicData['A29']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYQR">
+            <span slot="label">
+              土地使用权人： <br />
+              <p class="label-detail">（TDSYQR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GHYT">
+            <span slot="label">
+              规划用途： <br />
+              <p class="label-detail">（GHYT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GHYT" placeholder="规划用途">
+              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWXZ">
+            <span slot="label">
+              房屋性质： <br />
+              <p class="label-detail">（FWXZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZ" placeholder="房屋性质">
+              <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWJG">
+            <span slot="label">
+              房屋结构： <br />
+              <p class="label-detail">（FWJG）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG" placeholder="房屋结构">
+              <el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SZC">
+            <span slot="label">
+              所在层： <br />
+              <p class="label-detail">（SZC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SZC"
+              v-only-number="{ max: 99, min: 0, precision: 0 }" placeholder="所在层"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZCS" :rules="{ type: 'number' }">
+            <span slot="label">
+              总层数： <br />
+              <p class="label-detail">（ZCS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZCS" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              建筑面积： <br />
+              <p class="label-detail">（JZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JZMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="建筑面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QDJG" :rules="{ type: 'number' }">
+            <span slot="label">
+              取得价格/被担保主债权数额： <br />
+              <p class="label-detail">（QDJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QDJG" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="取得价格/被担保主债权数额"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDJZMH">
+            <span slot="label">
+              不动产登记证明号： <br />
+              <p class="label-detail">（BDCDJZMH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH"
+              placeholder="不动产登记证明号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 预告登记信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        scYWH: '',
+        BDCZL: '',
+        YWR: '',
+        YWRZJZL: '',
+        YWRZJH: '',
+        DJLX: '',
+        DJYY: '',
+        YGDJZL: '',
+        TDSYQR: '',
+        GHYT: '',
+        FWXZ: '',
+        FWJG: '',
+        SZC: '',
+        ZCS: '',
+        JZMJ: '',
+        QDJG: '',
+        BDCDJZMH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlYgdjById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlYgdj(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="agriculturalLandUse itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="123px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
+              placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FBFDM">
+            <span slot="label">
+              发包方代码： <br />
+              <p class="label-detail">（FBFDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBFDM" placeholder="发包方代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FBFMC">
+            <span slot="label">
+              发包方名称： <br />
+              <p class="label-detail">（FBFMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBFMC" placeholder="发包方名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CBMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              承包(使用权)面积： <br />
+              <p class="label-detail">（CBMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CBMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="承包(使用权)面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CBQSSJ">
+            <span slot="label">
+              承包(使用)起始时间： <br />
+              <p class="label-detail">（CBQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.CBQSSJ"
+              value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CBJSSJ">
+            <span slot="label">
+              承包(使用)结束时间： <br />
+              <p class="label-detail">（CBJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable
+              :picker-options="pickerOptionsEnd" v-model="ruleForm.CBJSSJ" value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="TDSYQXZ">
+            <span slot="label">
+              土地所有权性质： <br />
+              <p class="label-detail">（TDSYQXZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQXZ" placeholder="土地所有权性质">
+              <el-option v-for="item in dicData['A45']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYTTLX">
+            <span slot="label">
+              水域滩涂类型： <br />
+              <p class="label-detail">（SYTTLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SYTTLX" placeholder="水域滩涂类型">
+              <el-option v-for="item in dicData['A23']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YZYFS">
+            <span slot="label">
+              养殖业方式： <br />
+              <p class="label-detail">（YZYFS）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YZYFS" placeholder="养殖业方式">
+              <el-option v-for="item in dicData['A24']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CYZL">
+            <span slot="label">
+              草原质量： <br />
+              <p class="label-detail">（CYZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CYZL" placeholder="草原质量"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYZCL" :rules="{ type: 'number' }">
+            <span slot="label">
+              适宜载畜量： <br />
+              <p class="label-detail">（SYZCL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYZCL" type="number"
+              v-only-number="{ max: 9999999999, min: 0, precision: 0 }" placeholder="适宜载畜量"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 农用地使用权（非林地）
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.CBJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.CBQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        ZL: '',
+        FBFDM: '',
+        FBFMC: '',
+        CBMJ: '',
+        CBQSSJ: '',
+        CBJSSJ: '',
+        TDSYQXZ: '',
+        SYTTLX: '',
+        YZYFS: '',
+        CYZL: '',
+        SYZCL: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlNydsyqByID(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlNydsyq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="applicantInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码：<br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH" class="borderTopNone">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRMC" class="borderTopNone">
+            <span slot="label">
+              权利人名称： <br />
+              <p class="label-detail">（QLRMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRMC" placeholder="权利人名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLRZJZL">
+            <span slot="label">
+              权利人证件种类： <br />
+              <p class="label-detail">（QLRZJZL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJZL" placeholder="请选择">
+              <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRZJH">
+            <span slot="label">
+              权利人证件号： <br />
+              <p class="label-detail">（QLRZJH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJH" placeholder="权利人证件号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRTXDZ">
+            <span slot="label">
+              权利人通讯地址： <br />
+              <p class="label-detail">（QLRTXDZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRTXDZ"
+              placeholder="权利人通讯地址"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLRYB">
+            <span slot="label">
+              权利人邮编： <br />
+              <p class="label-detail">（QLRYB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRYB" placeholder="权利人邮编"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRFRMC">
+            <span slot="label">
+              权利人法人名称： <br />
+              <p class="label-detail">（QLRFRMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRMC"
+              placeholder="权利人法人名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRFRDH">
+            <span slot="label">
+              权利人法人电话： <br />
+              <p class="label-detail">（QLRFRDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRDH"
+              onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人法人电话"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLRDLRMC">
+            <span slot="label">
+              权利人代理人名称： <br />
+              <p class="label-detail">（QLRDLRMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRMC"
+              placeholder="权利人代理人名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRDLRDH">
+            <span slot="label">
+              权利人代理人电话： <br />
+              <p class="label-detail">（QLRDLRDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRDH"
+              onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人代理人电话"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLRDLJG">
+            <span slot="label">
+              权利人代理机构： <br />
+              <p class="label-detail">（QLRDLJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLJG"
+              placeholder="权利人代理机构"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="HJSZSS">
+            <span slot="label">
+              户籍所在省市： <br />
+              <p class="label-detail">（HJSZSS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HJSZSS" placeholder="户籍所在省市"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XB">
+            <span slot="label">
+              性别： <br />
+              <p class="label-detail">（XB）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="请选择">
+              <el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DH">
+            <span slot="label">
+              电话： <br />
+              <p class="label-detail">（DH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DH"
+              onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="电话"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWRMC">
+            <span slot="label">
+              义务人名称： <br />
+              <p class="label-detail">（YWRMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRMC" placeholder="义务人名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRZJZL">
+            <span slot="label">
+              义务人证件种类： <br />
+              <p class="label-detail">（YWRZJZL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="请选择">
+              <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRZJH">
+            <span slot="label">
+              义务人证件号： <br />
+              <p class="label-detail">（YWRZJH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWRTXDZ">
+            <span slot="label">
+              义务人通讯地址： <br />
+              <p class="label-detail">（YWRTXDZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRTXDZ"
+              placeholder="义务人通讯地址"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRYB">
+            <span slot="label">
+              义务人邮编： <br />
+              <p class="label-detail">（YWRYB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRYB" placeholder="义务人邮编"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRFRMC">
+            <span slot="label">
+              义务人法人名称： <br />
+              <p class="label-detail">（YWRFRMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRMC"
+              placeholder="义务人法人名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWRFRDH">
+            <span slot="label">
+              义务人法人电话： <br />
+              <p class="label-detail">（YWRFRDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRDH"
+              placeholder="义务人法人电话"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRDLRMC">
+            <span slot="label">
+              义务人代理人名称： <br />
+              <p class="label-detail">（YWRDLRMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRMC"
+              placeholder="义务人代理人名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWRDLRDH">
+            <span slot="label">
+              义务人代理人电话： <br />
+              <p class="label-detail">（YWRDLRDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRDH"
+              placeholder="义务人代理人电话"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWRDLJG">
+            <span slot="label">
+              义务人代理机构： <br />
+              <p class="label-detail">（YWRDLJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLJG"
+              placeholder="义务人代理机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 申请人属性信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  components: {
+    treeSelect
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        QLRMC: '',
+        QLRZJZL: '',
+        QLRZJH: '',
+        QLRTXDZ: '',
+        QLRYB: '',
+        QLRFRMC: '',
+        QLRFRDH: '',
+        QLRDLRMC: '',
+        QLRDLRDH: '',
+        QLRDLJG: '',
+        HJSZSS: '',
+        XB: '',
+        DH: '',
+        YWRMC: '',
+        YWRZJZL: '',
+        YWRZJH: '',
+        YWRTXDZ: '',
+        YWRYB: '',
+        YWRFRMC: '',
+        YWRFRDH: '',
+        YWRDLRMC: '',
+        YWRDLJG: '',
+        BZ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjSqrById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let data = _.cloneDeep(this.ruleForm)
+          let res = await business.updateDjfDjSqr(data)
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="issuingInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="issuingInfo" label-width="100px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJDL">
+            <span slot="label">
+              登记大类： <br />
+              <p class="label-detail">（DJDL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJDL" placeholder="登记大类">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJXL">
+            <span slot="label">
+              登记小类： <br />
+              <p class="label-detail">（DJXL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJXL" placeholder="登记小类"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QZHM">
+            <span slot="label">
+              权证号码： <br />
+              <p class="label-detail">（QZHM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QZHM" placeholder="权证号码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="WJJS">
+            <span slot="label">
+              文件件数： <br />
+              <p class="label-detail">（WJJS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.WJJS"
+              v-only-number="{ max: 99999, min: 1, precision: 0 }" placeholder="文件件数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZYS">
+            <span slot="label">
+              总页数 <br />
+              <p class="label-detail">（ZYS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZYS"
+              v-only-number="{ max: 99999, min: 1, precision: 0 }" placeholder="总页数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GDRY">
+            <span slot="label">
+              归档人员： <br />
+              <p class="label-detail">（GDRY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GDRY" placeholder="归档人员"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GDSJ">
+            <span slot="label">
+              归档时间： <br />
+              <p class="label-detail">（GDSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="归档时间" clearable
+              v-model="ruleForm.GDSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 归档信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        DJDL: '',
+        DJXL: '',
+        ZL: '',
+        QZHM: '',
+        WJJS: '',
+        ZYS: '',
+        GDRY: '',
+        GDSJ: '',
+        BZ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjGdById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjfDjGd(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="auditInfo itemForm">
+    <el-form :model="form" ref="formList" label-width="110px" :key="key">
+      <div v-for="(item, index) in form.auditInfo" :key="index" class="auditInfo-item">
+        <p class="auditInfo-item-name">审核信息{{ index + 1 }}</p>
+
+        <div class="auditInfo-item-list">
+          <el-row class="auditInfo-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.YSDM'" :rules="rules.YSDM">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].YSDM"
+                  placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.YWH'" :rules="rules.YWH">
+                <span slot="label">
+                  业务号： <br />
+                  <p class="label-detail">（YWH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].YWH"
+                  placeholder="业务号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.JDMC'" :rules="rules.JDMC">
+                <span slot="label">
+                  节点名称： <br />
+                  <p class="label-detail">（JDMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].JDMC"
+                  placeholder="节点名称"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="auditInfo-item-input">
+            <el-col :span="24">
+              <el-form-item :prop="'auditInfo.' + index + '.SHYJ'" :rules="rules.SHYJ">
+                <span slot="label">
+                  审核意见： <br />
+                  <p class="label-detail">（SHYJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].SHYJ" type="textarea"
+                  :rows="2" placeholder="审核意见"></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+
+          <el-row class="auditInfo-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.SHRYXM'" :rules="rules.SHRYXM">
+                <span slot="label">
+                  审核人员姓名： <br />
+                  <p class="label-detail">（SHRYXM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].SHRYXM"
+                  placeholder="审核人员姓名"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.SHKSSJ'" :rules="rules.SHKSSJ">
+                <span slot="label">
+                  审核开始时间： <br />
+                  <p class="label-detail">（SHKSSJ）</p>
+                </span>
+                <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="审核开始时间" clearable
+                  v-model="form.auditInfo[index].SHKSSJ" value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="item.traceStart" @change="changeTraceStart(item)"></el-date-picker>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.SHJSSJ'" :rules="rules.SHJSSJ">
+                <span slot="label">
+                  审核结束时间： <br />
+                  <p class="label-detail">（SHJSSJ）</p>
+                </span>
+                <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="审核结束时间" clearable
+                  v-model="form.auditInfo[index].SHJSSJ" :picker-options="item.traceEnd" @change="changeTraceEnd(item)"
+                  value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="auditInfo-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.SXH'" :rules="{ ...rules.SXH, ...typeNum }">
+                <span slot="label">
+                  顺序号： <br />
+                  <p class="label-detail">（SXH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="form.auditInfo[index].SXH"
+                  type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="顺序号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.CZJG'" :rules="rules.SHKSSJ">
+                <span slot="label">
+                  操作结果： <br />
+                  <p class="label-detail">（CZJG）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].CZJG"
+                  placeholder="请选择操作结果">
+                  <el-option v-for="item in dicData['A37']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.QXDM'" :rules="rules.QXDM">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（QXDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].QXDM"
+                  placeholder="区县代码"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item :prop="'auditInfo.' + index + '.BZ'" :rules="rules.BZ">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（BZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.auditInfo[index].BZ"
+                  placeholder="备注"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 审核信息
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      form: {
+        auditInfo: [
+          {
+            YSDM: '',
+            YWH: '',
+            JDMC: '',
+            SHYJ: '',
+            SHRYXM: '',
+            SHKSSJ: '',
+            traceStart: {},
+            SHJSSJ: '',
+            traceEnd: {},
+            SXH: '',
+            CZJG: '',
+            QXDM: '',
+            BZ: ''
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    changeTraceEnd (item) {
+      if (item.SHJSSJ !== null) { //当前值为空 也会进行判断 所以条件最好不要非空验证
+        item.traceStart = {
+          disabledDate: (time) => {
+            return time.getTime() > new Date(item.SHJSSJ).getTime() //大于结束时间的不选
+          }
+        }
+      } else {
+        item.traceStart = {}
+      }
+    },
+    //跟踪API结束时间限制开始时间
+    changeTraceStart (item) {
+      if (item.SHKSSJ !== null) { //当前值为空 也会进行判断 所以条件最好不要非空验证
+        item.traceEnd = {
+          disabledDate: (time) => {
+            return time.getTime() < new Date(item.SHKSSJ).getTime() //小于开始时间的不选
+          }
+        }
+      } else {
+        item.traceEnd = {}
+      }
+    },
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjShById(this.bsmSjsb)
+        this.form.auditInfo = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjfDjSh(this.form.auditInfo)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.auditInfo-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="boundaryLine itemForm">
+    <el-form :model="boundaryLine" :rules="rules" ref="formList" label-width="121px" :key="key">
+      <div v-for="(item, index) in boundaryLine.ruleForm" :key="index" class="boundaryLine-item">
+        <p class="boundaryLine-item-name">界址线{{ index + 1 }}</p>
+        <div class="boundaryLine-item-list">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item>
+                <span slot="label">
+                  标识码： <br />
+                  <p class="label-detail">（BSM）</p>
+                </span>
+                <p :class="{ 'disabled': $store.state.business.Edit }">
+                  {{ boundaryLine.ruleForm[index].BSM }}
+                </p>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.YSDM'" :rules="rules.YSDM">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].YSDM"
+                  maxlength="10" placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.ZDZHDM'" :rules="rules.ZDZHDM">
+                <span slot="label">
+                  宗地/宗海代码： <br />
+                  <p class="label-detail">（ZDZHDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].ZDZHDM"
+                  maxlength="19" placeholder="宗地/宗海代码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JZXCD'" :rules="{ ...rules.JZXCD, ...typeNum }">
+                <span slot="label">
+                  界址线长度： <br />
+                  <p class="label-detail">（JZXCD）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryLine.ruleForm[index].JZXCD"
+                  type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+                  placeholder="界址线长度"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JZXLB'" :rules="rules.JZXLB">
+                <span slot="label">
+                  界址线类别： <br />
+                  <p class="label-detail">（JZXLB）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JZXLB"
+                  placeholder="界址线类别">
+                  <el-option v-for="item in dicData['A48']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JZXWZ'" :rules="rules.JZXWZ">
+                <span slot="label">
+                  界址线位置： <br />
+                  <p class="label-detail">（JZXWZ）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JZXWZ"
+                  placeholder="界址线位置">
+                  <el-option v-for="item in dicData['A3']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JXXZ'" class="borderTopNone" :rules="rules.JXXZ">
+                <span slot="label">
+                  界线性质： <br />
+                  <p class="label-detail">（JXXZ）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].JXXZ"
+                  placeholder="界线性质">
+                  <el-option v-for="item in dicData['A2']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.QSJXXYSBH'" class="borderTopNone" :rules="rules.QSJXXYSBH">
+                <span slot="label">
+                  权属界线协议书编号： <br />
+                  <p class="label-detail">（QSJXXYSBH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSJXXYSBH"
+                  placeholder="权属界线协议书编号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.QSJXXYS'" class="borderTopNone" :rules="rules.QSJXXYS">
+                <span slot="label">
+                  权属界线协议书： <br />
+                  <p class="label-detail">（QSJXXYS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSJXXYS"
+                  placeholder="权属界线协议书"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.QSZYYYSBH'" :rules="rules.QSZYYYSBH">
+                <span slot="label">
+                  权属争议原由书编号： <br />
+                  <p class="label-detail">（QSZYYYSBH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSZYYYSBH"
+                  placeholder="权属争议原由书编号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.QSZYYYS'" :rules="rules.QSZYYYS">
+                <span slot="label">
+                  权属争议原由书： <br />
+                  <p class="label-detail">（QSZYYYS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryLine.ruleForm[index].QSZYYYS"
+                  placeholder="权属争议原由书"></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 界址线信息
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      boundaryLine: {
+        ruleForm: [
+          {
+            BSM: '',
+            YSDM: '',
+            ZDZHDM: '',
+            JZXCD: undefined,
+            JZXLB: '',
+            JZXWZ: '',
+            JXXZ: '',
+            QSJXXYSBH: '',
+            QSJXXYS: '',
+            QSZYYYSBH: '',
+            QSZYYYS: ''
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttGyJzxById(this.bsmSjsb)
+        this.boundaryLine.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKttGyJzx(this.boundaryLine.ruleForm)
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.boundaryLine-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="boundaryPoint itemForm">
+    <el-form :model="boundaryPoint" :rules="rules" ref="formList" label-width="113px" :key="key">
+      <div v-for="(item, index) in boundaryPoint.ruleForm" :key="index" class="boundaryPoint-item">
+        <p class="boundaryPoint-item-name">界址点{{ index + 1 }}</p>
+        <div class="boundaryPoint-item-list">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item>
+                <span slot="label">
+                  标识码： <br />
+                  <p class="label-detail">（BSM）</p>
+                </span>
+                <p :class="{ 'disabled': $store.state.business.Edit }">
+                  {{ boundaryPoint.ruleForm[index].BSM }}
+                </p>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.YSDM'" :rules="rules.YSDM">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].YSDM"
+                  maxlength="10" placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.ZDZHDM'" :rules="rules.ZDZHDM">
+                <span slot="label">
+                  宗地/宗海代码： <br />
+                  <p class="label-detail">（ZDZHDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].ZDZHDM"
+                  maxlength="19" placeholder="宗地/宗海代码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JZDH'" :rules="rules.JZDH">
+                <span slot="label">
+                  界址点号： <br />
+                  <p class="label-detail">（JZDH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JZDH"
+                  maxlength="10" placeholder="界址点号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.SXH'" :rules="{ ...rules.SXH, ...typeNum }">
+                <span slot="label">
+                  顺序号： <br />
+                  <p class="label-detail">（SXH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].SXH"
+                  type="number" v-only-number="{ max: 99999999999, min: 0, precision: 0 }" placeholder="顺序号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JBLX'" :rules="rules.JBLX">
+                <span slot="label">
+                  界标类型： <br />
+                  <p class="label-detail">（JBLX）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JBLX"
+                  placeholder="界标类型">
+                  <el-option v-for="item in dicData['A4']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.JZDLX'" :rules="rules.JZDLX">
+                <span slot="label">
+                  界址点类型： <br />
+                  <p class="label-detail">（JZDLX）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="boundaryPoint.ruleForm[index].JZDLX"
+                  placeholder="界址点类型">
+                  <el-option v-for="item in dicData['A5']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.XZBZ'" :rules="{ ...rules.XZBZ, ...typeNum }">
+                <span slot="label">
+                  X坐标值： <br />
+                  <p class="label-detail">（XZBZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].XZBZ"
+                  type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+                  placeholder="X坐标值"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.YZBZ'" :rules="{ ...rules.YZBZ, ...typeNum }">
+                <span slot="label">
+                  Y坐标值： <br />
+                  <p class="label-detail">（YZBZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="boundaryPoint.ruleForm[index].YZBZ"
+                  type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+                  placeholder="Y坐标值"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 界址点信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      boundaryPoint: {
+        ruleForm: [{
+          BSM: '',
+          YSDM: '',
+          ZDZHDM: '',
+          JZDH: '',
+          SXH: '',
+          JBLX: '',
+          JZDLX: '',
+          XZBZ: '',
+          YZBZ: '',
+        }]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttGyJzdById(this.bsmSjsb)
+        this.boundaryPoint.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKttGyJzd(this.boundaryPoint.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.boundaryPoint-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="buildingOwnershipInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="150px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
+              placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDHYSYQR">
+            <span slot="label">
+              土地/海域使用权人： <br />
+              <p class="label-detail">（TDHYSYQR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDHYSYQR"
+              placeholder="土地/海域使用权人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDHYSYMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              土地/海域使用面积： <br />
+              <p class="label-detail">（TDHYSYMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.TDHYSYMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="土地/海域使用面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="TDHYSYQSSJ">
+            <span slot="label">
+              土地/海域使用起始时间： <br />
+              <p class="label-detail">（TDHYSYQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="土地/海域使用起始时间"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.TDHYSYQSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDHYSYJSSJ">
+            <span slot="label">
+              土地/海域使用结束时间： <br />
+              <p class="label-detail">（TDHYSYJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="土地/海域使用结束时间" clearable
+              :picker-options="pickerOptionsEnd" v-model="ruleForm.TDHYSYJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GJZWLX">
+            <span slot="label">
+              构（建）筑物类型： <br />
+              <p class="label-detail">（GJZWLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWLX" placeholder="构（建）筑物类型">
+              <el-option v-for="item in dicData['A25']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GJZWGHYT">
+            <span slot="label">
+              构（建）筑物规划用途： <br />
+              <p class="label-detail">（GJZWGHYT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWGHYT"
+              placeholder="构（建）筑物规划用途"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GJZWMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              构（建）筑物面积： <br />
+              <p class="label-detail">（GJZWMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GJZWMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="构（建）筑物面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="jgsj">
+            <span slot="label">
+              竣工时间： <br />
+              <p class="label-detail">（JGSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工时间" clearable
+              v-model="ruleForm.jgsj" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GJZWPMT">
+            <span slot="label">
+              构(建)筑物平面图： <br />
+              <p class="label-detail">（GJZWPMT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GJZWPMT"
+              placeholder="构(建)筑物平面图"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 构（建）筑物所有权信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.TDHYSYJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.TDHYSYQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        ZL: '',
+        TDHYSYQR: '',
+        TDHYSYMJ: '',
+        TDHYSYQSSJ: '',
+        TDHYSYJSSJ: '',
+        GJZWLX: '',
+        GJZWGHYT: '',
+        GJZWMJ: '',
+        jgsj: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        GJZWPMT: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQltQlGjzwsyqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQltQlGjzwsyq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="cancellationRegistration itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZXYWH">
+            <span slot="label">
+              注销业务号： <br />
+              <p class="label-detail">（ZXYWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYWH" placeholder="注销业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZXSJ">
+            <span slot="label">
+              注销时间： <br />
+              <p class="label-detail">（ZXSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.ZXSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人：<br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 注销登记信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        BDCQZH: '',
+        ZXYWH: '',
+        ZXSJ: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        BZ: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlZxdjById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlZxdj(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="certificateInfo itemForm">
+    <el-form :model="certificateInfo" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <div v-for="(item, index) in certificateInfo.ruleForm" :key="index" class="obligee-item">
+        <p class="obligee-item-name">善证信息{{ index + 1 }}</p>
+        <div class="obligee-item-list">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.YSDM'">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YSDM"
+                  placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.YWH'">
+                <span slot="label">
+                  业务号： <br />
+                  <p class="label-detail">（YWH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YWH"
+                  placeholder="业务号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.SZMC'">
+                <span slot="label">
+                  缮证名称： <br />
+                  <p class="label-detail">（SZMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZMC"
+                  placeholder="缮证名称"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.SZZH'">
+                <span slot="label">
+                  缮证证号： <br />
+                  <p class="label-detail">（SZZH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZZH"
+                  placeholder="缮证证号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.YSXLH'">
+                <span slot="label">
+                  印刷序列号： <br />
+                  <p class="label-detail">（YSXLH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].YSXLH"
+                  placeholder="印刷序列号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.SZRY'">
+                <span slot="label">
+                  缮证人员： <br />
+                  <p class="label-detail">（SZRY）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].SZRY"
+                  placeholder="缮证人员"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.SZSJ'">
+                <span slot="label">
+                  缮证时间： <br />
+                  <p class="label-detail">（SZSJ）</p>
+                </span>
+                <el-date-picker :disabled="$store.state.business.Edit" placeholder="缮证时间" type="datetime" clearable
+                  v-model="certificateInfo.ruleForm[index].SZSJ" value-format="yyyy-MM-dd HH:mm:ss">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.BZ'">
+                <span slot="label">
+                  备注： <br />
+                  <p class="label-detail">（BZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].BZ"
+                  placeholder="备注"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'ruleForm.' + index + '.QXDM'">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（QXDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="certificateInfo.ruleForm[index].QXDM"
+                  placeholder="区县代码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 缮证信息
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      certificateInfo: {
+        ruleForm: [{
+          YSDM: '',
+          YWH: '',
+          SZMC: '',
+          SZZH: '',
+          YSXLH: '',
+          SZRY: '',
+          SZSJ: '',
+          BZ: '',
+          QXDM: ''
+        }]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjSzById(this.bsmSjsb)
+        this.certificateInfo.ruleForm = res
+        console.log(this.certificateInfo.ruleForm)
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjfDjSz(this.certificateInfo.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.obligee-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="parcelChange itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZHDM">
+            <span slot="label">
+              宗海代码: <br />
+              <p class="label-detail">（ZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" maxlength="19"
+              placeholder="宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BHYY">
+            <span slot="label">
+              变化原因: <br />
+              <p class="label-detail">（BHYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHYY" placeholder="变化原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BHNR">
+            <span slot="label">
+              变化内容: <br />
+              <p class="label-detail">（BHNR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHNR" placeholder="变化内容"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间: <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人: <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码: <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 宗海变化情况
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        ZHDM: '',
+        BHYY: '',
+        BHNR: '',
+        DJSJ: '',
+        DBR: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getZhK105ById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateZhK105(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+.itemForm {
+  margin-top: 5px;
+  position: relative;
+  padding: 10px;
+
+  /deep/.el-select {
+    width: 100%;
+  }
+
+  /deep/.el-form-item__error {
+    right: 25px;
+    top: 15px;
+    text-align: right;
+    pointer-events: none;
+  }
+
+  /deep/.el-date-editor {
+    width: 100%;
+  }
+
+  /deep/.el-date-editor--date {
+    width: 100%;
+  }
+
+  /deep/.el-cascader {
+    width: 100%;
+  }
+
+  /deep/.el-form-item__label {
+    line-height: 16px;
+    font-size: 12px;
+    position: relative;
+  }
+
+  /deep/ .el-form-item__content {
+    display: flex;
+  }
+
+  // table 样式
+  /deep/.el-form-item__label {
+    border: 1px solid #DCDFE6;
+    border-right: none;
+    background-color: #F2F6FC;
+    text-align: center;
+    padding: 0;
+  }
+
+  /deep/.el-form-item__content {
+    border: 1px solid #DCDFE6;
+    margin-right: -1px;
+  }
+
+
+  /deep/.el-textarea__inner {
+    margin: 5px;
+    width: 96%;
+  }
+
+  /deep/.el-input__inner {
+    margin: 5px;
+    width: 96%;
+  }
+
+  /deep/.el-form-item {
+    margin-bottom: 0;
+    margin-top: -1px;
+  }
+
+  .item-label {
+    display: flex;
+    align-items: flex-end;
+    flex-direction: column;
+    font-size: 12px;
+    flex: 0 0 90px;
+    margin-right: 3px;
+
+    p {
+      line-height: 16px;
+      white-space: nowrap;
+      text-align: right;
+    }
+
+    p:nth-child(1) {
+      position: relative;
+      right: 5px;
+    }
+  }
+}
\ No newline at end of file

+<template>
+  <div class="otherRelevant itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GYDBDCDYH">
+            <span slot="label">
+              供地役不动产单元号： <br />
+              <p class="label-detail">（GYDBDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDBDCDYH"
+              placeholder="供地役不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GYDQLR">
+            <span slot="label">
+              供役地权利人： <br />
+              <p class="label-detail">（GYDQLR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLR" placeholder="供役地权利人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GYDQLRZJZL">
+            <span slot="label">
+              供役地权利人证件种类： <br />
+              <p class="label-detail">（GYDQLRZJZL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLRZJZL" placeholder="证件种类">
+              <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GYDQLRZJH">
+            <span slot="label">
+              供役地权利人证件号： <br />
+              <p class="label-detail">（GYDQLRZJH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GYDQLRZJH"
+              placeholder="供役地权利人证件号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="XYDBDCDYH">
+            <span slot="label">
+              需役地不动产单元号： <br />
+              <p class="label-detail">（XYDBDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDBDCDYH"
+              placeholder="需役地不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XYDZL">
+            <span slot="label">
+              需役地坐落： <br />
+              <p class="label-detail">（XYDZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDZL" placeholder="需役地坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XYDQLR">
+            <span slot="label">
+              需役地权利人： <br />
+              <p class="label-detail">（XYDQLR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLR" placeholder="需役地权利人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="XYDQLRZJZL">
+            <span slot="label">
+              需役地权利人证件种类： <br />
+              <p class="label-detail">（XYDQLRZJZL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLRZJZL" placeholder="证件种类">
+              <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XYDQLRZJZH">
+            <span slot="label">
+              需役地权利人证件号： <br />
+              <p class="label-detail">（XYDQLRZJZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XYDQLRZJZH"
+              placeholder="需役地权利人证件号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DYQNR">
+            <span slot="label">
+              地役权内容： <br />
+              <p class="label-detail">（DYQNR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DYQNR" placeholder="地役权内容"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDJZMH">
+            <span slot="label">
+              不动产登记证明号： <br />
+              <p class="label-detail">（BDCDJZMH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH"
+              placeholder="不动产登记证明号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLQSSJ">
+            <span slot="label">
+              权利起始时间： <br />
+              <p class="label-detail">（QLQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.QLQSSJ"
+              value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLJSSJ">
+            <span slot="label">
+              权利结束时间： <br />
+              <p class="label-detail">（QLJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable
+              :picker-options="pickerOptionsEnd" v-model="ruleForm.QLJSSJ" value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable type="datetime"
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 地役权信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.QLJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.QLQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        GYDBDCDYH: '',
+        GYDQLR: '',
+        GYDQLRZJZL: '',
+        GYDQLRZJH: '',
+        XYDBDCDYH: '',
+        XYDZL: '',
+        XYDQLR: '',
+        XYDQLRZJZL: '',
+        XYDQLRZJZH: '',
+        DJLX: '',
+        DJYY: '',
+        DYQNR: '',
+        BDCDJZMH: '',
+        QLQSSJ: '',
+        QLJSSJ: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlDyiqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlDyiq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="forestOwnership itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="164px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
+              placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FBF">
+            <span slot="label">
+              发包方： <br />
+              <p class="label-detail">（FBF）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FBF" placeholder="发包方"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYQMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              使用权（承包）面积： <br />
+              <p class="label-detail">（SYQMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYQMJ" type="number"
+              placeholder="使用权（承包）面积" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LDSYQSSJ">
+            <span slot="label">
+              林地使用(承包)起始时间： <br />
+              <p class="label-detail">（LDSYQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="林地使用(承包)起始时间" type="datetime" clearable
+              v-model="ruleForm.LDSYQSSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="LDSYJSSJ">
+            <span slot="label">
+              林地使用(承包)结束时间： <br />
+              <p class="label-detail">（LDSYJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="林地使用(承包)结束时间" type="datetime" clearable
+              v-model="ruleForm.LDSYJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LDSYQXZ">
+            <span slot="label">
+              林地所有权性质： <br />
+              <p class="label-detail">（LDSYQXZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LDSYQXZ" placeholder="林地所有权性质">
+              <el-option v-for="item in dicData['A45']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SLLMSYQR1">
+            <span slot="label">
+              森林林木所有权人1： <br />
+              <p class="label-detail">（SLLMSYQR1）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLLMSYQR1"
+              placeholder="森林林木所有权人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SLLMSYQR2">
+            <span slot="label">
+              森林林木使用权人2： <br />
+              <p class="label-detail">（SLLMSYQR2）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SLLMSYQR2"
+              placeholder="森林林木使用权人2"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZYSZ">
+            <span slot="label">
+              主要树种： <br />
+              <p class="label-detail">（ZYSZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZYSZ" placeholder="主要树种"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZS" :rules="{ type: 'number' }">
+            <span slot="label">
+              株数： <br />
+              <p class="label-detail">（ZS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZS" type="number"
+              v-only-number="{ max: 9999999999, min: 0, precision: 0 }" placeholder="株数"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="LZ">
+            <span slot="label">
+              林种： <br />
+              <p class="label-detail">（LZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZ" placeholder="林种">
+              <el-option v-for="item in dicData['A26']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="QY">
+            <span slot="label">
+              起源： <br />
+              <p class="label-detail">（QY）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QY" placeholder="起源">
+              <el-option v-for="item in dicData['A52']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZLND" :rules="{ type: 'number' }">
+            <span slot="label">
+              造林年度： <br />
+              <p class="label-detail">（ZLND）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZLND" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="造林年度"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="LB">
+            <span slot="label">
+              林班： <br />
+              <p class="label-detail">（LB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LB" placeholder="林班"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="XB">
+            <span slot="label">
+              小班： <br />
+              <p class="label-detail">（XB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="小班"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XDM">
+            <span slot="label">
+              小地名： <br />
+              <p class="label-detail">（XDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XDM" placeholder="小地名"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJSJ" placeholder="登记时间"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QSZT" :rules="{ type: 'number' }">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 林权
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        FBF: '',
+        SYQMJ: '',
+        LDSYQSSJ: '',
+        LDSYJSSJ: '',
+        LDSYQXZ: '',
+        SLLMSYQR1: '',
+        SLLMSYQR2: '',
+        ZYSZ: '',
+        ZS: '',
+        LZ: '',
+        QY: '',
+        ZLND: '',
+        LB: '',
+        XB: '',
+        XDM: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQltQlLqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQltQlLq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="houseFloor itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CH">
+            <span slot="label">
+              层号： <br />
+              <p class="label-detail">（CH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CH" placeholder="层号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZRZH">
+            <span slot="label">
+              自然幢号： <br />
+              <p class="label-detail">（ZRZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZRZH" placeholder="自然幢号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SJC">
+            <span slot="label">
+              实际层： <br />
+              <p class="label-detail">（SJC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SJC" placeholder="实际层"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MYC">
+            <span slot="label">
+              名义层： <br />
+              <p class="label-detail">（MYC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MYC" placeholder="名义层"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              层建筑面积： <br />
+              <p class="label-detail">（CJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="层建筑面积" type="number" v-model.number="ruleForm.CJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CTNJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              层套内建筑面积： <br />
+              <p class="label-detail">（CTNJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="层套内建筑面积" type="number" v-model.number="ruleForm.CTNJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CYTMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              层阳台面积： <br />
+              <p class="label-detail">（CYTMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="层阳台面积" type="number" v-model.number="ruleForm.CYTMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CGYJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              层共有建筑面积： <br />
+              <p class="label-detail">（CGYJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="层共有建筑面积" type="number" v-model.number="ruleForm.CGYJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CFTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              层分摊建筑面积： <br />
+              <p class="label-detail">（CFTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="层分摊建筑面积" type="number" v-model.number="ruleForm.CFTJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CBQMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              层半墙面积： <br />
+              <p class="label-detail">（CBQMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              type="number" placeholder="层半墙面积" v-model.number="ruleForm.CBQMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CG" :rules="{ type: 'number' }">
+            <span slot="label">
+              层高： <br />
+              <p class="label-detail">（CG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="层高" type="number" v-model.number="ruleForm.CG"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SPTYMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              水平投影面积： <br />
+              <p class="label-detail">（SPTYMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="水平投影面积" type="number" v-model.number="ruleForm.SPTYMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 层信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        CH: '',
+        ZRZH: '',
+        SJC: '',
+        MYC: '',
+        CJZMJ: '',
+        CTNJZMJ: '',
+        CYTMJ: '',
+        CGYJZMJ: '',
+        CFTJZMJ: '',
+        CBQMJ: '',
+        CG: '',
+        SPTYMJ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttFwCById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateKttFwC(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="households itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LJZH">
+            <span slot="label">
+              逻辑幢号： <br />
+              <p class="label-detail">（LJZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LJZH" placeholder="逻辑幢号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZRZH">
+            <span slot="label">
+              自然幢号： <br />
+              <p class="label-detail">（ZRZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZRZH" placeholder="自然幢号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWBM">
+            <span slot="label">
+              房屋编码： <br />
+              <p class="label-detail">（FWBM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWBM" placeholder="房屋编码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CH">
+            <span slot="label">
+              层号： <br />
+              <p class="label-detail">（CH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CH" placeholder="层号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位： <br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SJCS">
+            <span slot="label">
+              实际层数： <br />
+              <p class="label-detail">（SJCS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }"
+              placeholder="实际层数" v-model="ruleForm.SJCS"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="HH">
+            <span slot="label">
+              户号： <br />
+              <p class="label-detail">（HH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HH" placeholder="户号"
+              v-only-number="{ max: 99999, min: 1, precision: 0 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SHBW">
+            <span slot="label">
+              室号部位： <br />
+              <p class="label-detail">（SHBW）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SHBW" placeholder="室号部位"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="HX">
+            <span slot="label">
+              户型： <br />
+              <p class="label-detail">（HX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HX" placeholder="户型">
+              <el-option v-for="item in dicData['A15']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="HXJG">
+            <span slot="label">
+              户型结构： <br />
+              <p class="label-detail">（HXJG）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HXJG" placeholder="户型结构">
+              <el-option v-for="item in dicData['A16']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWYT1">
+            <span slot="label">
+              房屋用途1： <br />
+              <p class="label-detail">（FWYT1）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT1" placeholder="房屋用途1">
+              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWYT2">
+            <span slot="label">
+              房屋用途2： <br />
+              <p class="label-detail">（FWYT2）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT2" placeholder="房屋用途2">
+              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FWYT3">
+            <span slot="label">
+              房屋用途3： <br />
+              <p class="label-detail">（FWYT3）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT3" placeholder="房屋用途3">
+              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测建筑面积： <br />
+              <p class="label-detail">（YCJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测建筑面积" type="number"
+              v-model.number="ruleForm.YCJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YCTNJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测套内建筑面积： <br />
+              <p class="label-detail">（YCTNJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测套内建筑面积" type="number"
+              v-model.number="ruleForm.YCTNJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YCFTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测分摊建筑面积： <br />
+              <p class="label-detail">（YCFTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测分摊建筑面积" type="number"
+              v-model.number="ruleForm.YCFTJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YCDXBFJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测地下部分建筑面积： <br />
+              <p class="label-detail">（YCDXBFJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测地下部分建筑面积" type="number"
+              v-model.number="ruleForm.YCDXBFJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YCQTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测其它建筑面积： <br />
+              <p class="label-detail">（YCQTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="预测其它建筑面积" type="number"
+              v-model.number="ruleForm.YCQTJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 预测分摊系数 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YCFTXS" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测分摊系数： <br />
+              <p class="label-detail">（YCFTXS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YCFTXS" placeholder="预测分摊系数"
+              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 6 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测建筑面积： <br />
+              <p class="label-detail">（SCJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number"
+              v-model.number="ruleForm.SCJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SCTNJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测套内建筑面积： <br />
+              <p class="label-detail">（SCTNJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测套内建筑面积" type="number"
+              v-model.number="ruleForm.SCTNJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 实测分摊建筑面积 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SCFTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测分摊建筑面积： <br />
+              <p class="label-detail">（SCFTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测分摊建筑面积" type="number"
+              v-model.number="ruleForm.SCFTJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SCDXBFJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测地下部分建筑面积： <br />
+              <p class="label-detail">（SCDXBFJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测地下部分建筑面积" type="number"
+              v-model.number="ruleForm.SCDXBFJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SCQTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测其它建筑面积： <br />
+              <p class="label-detail">（SCQTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测其它建筑面积" type="number"
+              v-model.number="ruleForm.SCQTJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 实测分摊系数 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SCFTXS" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测分摊系数： <br />
+              <p class="label-detail">（SCFTXS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SCFTXS" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 6 }" placeholder="实测分摊系数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GYTDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              共有土地面积： <br />
+              <p class="label-detail">（GYTDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="共有土地面积" type="number"
+              v-model.number="ruleForm.GYTDMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              分摊土地面积： <br />
+              <p class="label-detail">（FTTDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="分摊土地面积" type="number"
+              v-model.number="ruleForm.FTTDMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 独用土地面积 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              独用土地面积： <br />
+              <p class="label-detail">（DYTDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DYTDMJ" placeholder="独用土地面积"
+              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWLX">
+            <span slot="label">
+              房屋类型： <br />
+              <p class="label-detail">（FWLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWLX" placeholder="房屋类型">
+              <el-option v-for="item in dicData['A18']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWXZ">
+            <span slot="label">
+              房屋性质： <br />
+              <p class="label-detail">（FWXZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZ" placeholder="房屋性质">
+              <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 房产分户图 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FCFHT">
+            <span slot="label">
+              房产分户图： <br />
+              <p class="label-detail">（FCFHT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FCFHT" placeholder="房产分户图"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZT">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
+              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 户信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        LJZH: '',
+        ZRZH: '',
+        FWBM: '',
+        CH: '',
+        ZL: '',
+        MJDW: '',
+        SJCS: '',
+        HH: '',
+        SHBW: '',
+        HX: '',
+        HXJG: '',
+        FWYT1: '',
+        FWYT2: '',
+        FWYT3: '',
+        YCJZMJ: '',
+        YCTNJZMJ: '',
+        YCFTJZMJ: '',
+        YCDXBFJZMJ: '',
+        YCQTJZMJ: '',
+        YCFTXS: '',
+        SCJZMJ: '',
+        SCTNJZMJ: '',
+        SCFTJZMJ: '',
+        SCDXBFJZMJ: '',
+        SCQTJZMJ: '',
+        SCFTXS: '',
+        GYTDMJ: '',
+        FTTDMJ: '',
+        DYTDMJ: '',
+        FWLX: '',
+        FWXZ: '',
+        FCFHT: '',
+        ZT: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttFwHById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateKttFwH(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.households {
+  .item-label {
+    flex: 0 0 120px;
+  }
+}
+</style>
+
+

+<template>
+  <div class="islandCoordinates itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZHHDDM">
+            <span slot="label">
+              宗海/海岛代码： <br />
+              <p class="label-detail">（ZHHDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19"
+              placeholder="宗海/海岛代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XH" :rules="{ type: 'number' }">
+            <span slot="label">
+              序号： <br />
+              <p class="label-detail">（XH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XH" type="number"
+              v-only-number="{ max: 999999, min: 0, precision: 0 }" placeholder="序号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BW" :rules="{ type: 'number' }">
+            <span slot="label">
+              北纬： <br />
+              <p class="label-detail">（BW）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.BW" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="北纬"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              东经： <br />
+              <p class="label-detail">（DJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="东经"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 用海、用岛坐标
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        ZHHDDM: '',
+        XH: '',
+        BW: '',
+        DJ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKtfZhYhydzbById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateKtfZhYhydzb(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="issuingInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="108px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH" class="borderTopNone">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FZRY" class="borderTopNone">
+            <span slot="label">
+              发证人员： <br />
+              <p class="label-detail">（FZRY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FZRY" placeholder="发证人员"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FZSJ">
+            <span slot="label">
+              发证时间： <br />
+              <p class="label-detail">（FZSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="发证时间" type="datetime" clearable
+              v-model="ruleForm.FZSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FZMC">
+            <span slot="label">
+              发证名称： <br />
+              <p class="label-detail">（FZMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FZMC" placeholder="发证名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FZSL" :rules="{ type: 'number' }">
+            <span slot="label">
+              发证数量： <br />
+              <p class="label-detail">（FZSL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }" type="number"
+              v-model.number="ruleForm.FZSL" placeholder="发证数量"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="HFZSH">
+            <span slot="label">
+              核发证书号： <br />
+              <p class="label-detail">（HFZSH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HFZSH" placeholder="核发证书号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LZRXM">
+            <span slot="label">
+              领证人姓名： <br />
+              <p class="label-detail">（LZRXM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRXM" placeholder="领证人姓名"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LZRZJLB">
+            <span slot="label">
+              领证人证件类别： <br />
+              <p class="label-detail">（LZRZJLB）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJLB" placeholder="请选择">
+              <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="LZRZJHM">
+            <span slot="label">
+              领证人证件号码： <br />
+              <p class="label-detail">（LZRZJHM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRZJHM"
+              placeholder="领证人证件号码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LZRDH">
+            <span slot="label">
+              领证人电话： <br />
+              <p class="label-detail">（LZRDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRDH"
+              onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="领证人电话"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LZRDZ">
+            <span slot="label">
+              领证人地址： <br />
+              <p class="label-detail">（LZRDZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRDZ" placeholder="领证人地址"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="LZRYB">
+            <span slot="label">
+              领证人邮编： <br />
+              <p class="label-detail">（LZRYB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LZRYB" placeholder="领证人邮编"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSXLH">
+            <span slot="label">
+              印刷序列号： <br />
+              <p class="label-detail">（YSXLH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSXLH" placeholder="印刷序列号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 发证信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  components: {
+    treeSelect
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        FZRY: '',
+        FZSJ: '',
+        FZMC: '',
+        FZSL: '',
+        HFZSH: '',
+        LZRXM: '',
+        LZRZJHM: '',
+        LZRDH: '',
+        LZRDZ: '',
+        LZRYB: '',
+        BZ: '',
+        QXDM: '',
+        YSXLH: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjFzDetailById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateDjfDjFz(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="landBuildingInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="108px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH" class="borderTopNone">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDDM" class="borderTopNone">
+            <span slot="label">
+              宗地代码： <br />
+              <p class="label-detail">（ZDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="请选择">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="请选择">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYQMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              使用权面积： <br />
+              <p class="label-detail">（SYQMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="使用权面积" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.SYQMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QDJG" :rules="{ type: 'number' }">
+            <span slot="label">
+              取得价格： <br />
+              <p class="label-detail">（QDJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="取得价格" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.QDJG"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SYQQSSJ">
+            <span slot="label">
+              使用权起始时间： <br />
+              <p class="label-detail">（SYQQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权起始时间"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQQSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYQJSSJ">
+            <span slot="label">
+              使用权结束时间： <br />
+              <p class="label-detail">（SYQJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权结束时间"
+              :picker-options="pickerOptionsEnd" clearable v-model="ruleForm.SYQJSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="请选择">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 建设用地、宅基地使用权信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.SYQJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.SYQQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        ZDDM: '',
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        SYQMJ: '',
+        QDJG: '',
+        SYQQSSJ: '',
+        SYQJSSJ: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: '',
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlJsydsyqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQlfQlJsydsyq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="landOwnershipInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDDM">
+            <span slot="label">
+              宗地代码： <br />
+              <p class="label-detail">（ZDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位： <br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="NYDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              农用地面积： <br />
+              <p class="label-detail">（NYDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.NYDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="农用地面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              耕地面积 <br />
+              <p class="label-detail">（GDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.GDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="耕地面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              林地面积： <br />
+              <p class="label-detail">（LDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.LDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="林地面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              草地面积： <br />
+              <p class="label-detail">（CDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.CDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="草地面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QTNYDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              其它农用地面积 <br />
+              <p class="label-detail">（QTNYDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.QTNYDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="其它农用地面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JSYDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              建设用地面积： <br />
+              <p class="label-detail">（JSYDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JSYDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="建设用地面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="WLYDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              未利用地面积： <br />
+              <p class="label-detail">（WLYDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.WLYDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="未利用地面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 土地所有权信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        ZDDM: '',
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        MJDW: '',
+        NYDMJ: '',
+        GDMJ: '',
+        LDMJ: '',
+        CDMJ: '',
+        QTNYDMJ: '',
+        JSYDMJ: '',
+        WLYDMJ: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlTdsyqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQlfQlTdsyq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="linearFixture itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item>
+            <span slot="label">
+              标识码： <br />
+              <p class="label-detail">（BSM）</p>
+            </span>
+            <p :class="{ 'disabled': $store.state.business.Edit }">
+              {{ ruleForm.BSM }}
+            </p>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDZHDM">
+            <span slot="label">
+              宗地/宗海代码： <br />
+              <p class="label-detail">（ZDZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XZDZWLX">
+            <span slot="label">
+              线状定着物类型： <br />
+              <p class="label-detail">（XZDZWLX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XZDZWLX"
+              placeholder="线状定着物类型"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DZWMC">
+            <span slot="label">
+              定着物名称： <br />
+              <p class="label-detail">（DZWMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位：<br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJ">
+            <span slot="label">
+              面积： <br />
+              <p class="label-detail">（MJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MJ"
+              v-only-number="{ max: 99999, min: 1, precision: 2 }" placeholder="面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DAH">
+            <span slot="label">
+              档案号： <br />
+              <p class="label-detail">（DAH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZT">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
+              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 线状定着物
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        BSM: '',
+        YSDM: '',
+        BDCDYH: '',
+        ZDZHDM: '',
+        mzdzwlx: '',
+        DZWMC: '',
+        MJ: '',
+        DAH: '',
+        ZT: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKtfQtXzdzwById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateKtfQtXzdzw(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="logicBuilding itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="LJZH">
+            <span slot="label">
+              逻辑幢号： <br />
+              <p class="label-detail">（LJZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.LJZH" placeholder="逻辑幢号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZRZH">
+            <span slot="label">
+              自然幢号： <br />
+              <p class="label-detail">（ZRZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZRZH" placeholder="自然幢号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="MPH">
+            <span slot="label">
+              门牌号： <br />
+              <p class="label-detail">（MPH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MPH" placeholder="门牌号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YCJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测建筑面积： <br />
+              <p class="label-detail">（YCJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="预测建筑面积" type="number" v-model.number="ruleForm.YCJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YCDXMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测地下面积： <br />
+              <p class="label-detail">（YCDXMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="预测地下面积" type="number" v-model.number="ruleForm.YCDXMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YCQTMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              预测其它面积： <br />
+              <p class="label-detail">（YCQTMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="预测其它面积" type="number" v-model.number="ruleForm.YCQTMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SCJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测建筑面积： <br />
+              <p class="label-detail">（SCJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="实测建筑面积" type="number" v-model.number="ruleForm.SCJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SCDXMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测地下面积： <br />
+              <p class="label-detail">（SCDXMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="实测地下面积" type="number" v-model.number="ruleForm.SCDXMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SCQTMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              实测其它面积： <br />
+              <p class="label-detail">（SCQTMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 3 }"
+              placeholder="实测其它面积" type="number" v-model.number="ruleForm.SCQTMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JGRQ">
+            <span slot="label">
+              竣工日期： <br />
+              <p class="label-detail">（JGRQ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="竣工日期" clearable
+              v-model="ruleForm.JGRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWJG1">
+            <span slot="label">
+              房屋结构1： <br />
+              <p class="label-detail">（FWJG1）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG1" placeholder="房屋结构1"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FWJG2">
+            <span slot="label">
+              房屋结构2： <br />
+              <p class="label-detail">（FWJG2）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG2" placeholder="房屋结构2"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWJG3">
+            <span slot="label">
+              房屋结构3： <br />
+              <p class="label-detail">（FWJG3）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG3" placeholder="房屋结构3"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JZWZT">
+            <span slot="label">
+              建筑物状态： <br />
+              <p class="label-detail">（JZWZT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JZWZT" placeholder="建筑物状态"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FWYT">
+            <span slot="label">
+              房屋用途1： <br />
+              <p class="label-detail">（FWYT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT" placeholder="房屋用途1"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWYT2">
+            <span slot="label">
+              房屋用途2： <br />
+              <p class="label-detail">（FWYT2）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT2" placeholder="房屋用途2"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWYT3">
+            <span slot="label">
+              房屋用途3： <br />
+              <p class="label-detail">（FWYT3）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FWYT3" placeholder="房屋用途3"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZCS" :rules="{ type: 'number' }">
+            <span slot="label">
+              总层数： <br />
+              <p class="label-detail">（ZCS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }"
+              placeholder="总层数" type="number" v-model.number="ruleForm.ZCS"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DSCS">
+            <span slot="label">
+              地上层数： <br />
+              <p class="label-detail">（DSCS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="地上层数" maxlength="5"
+              v-model="ruleForm.DSCS"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DXCS">
+            <span slot="label">
+              地下层数： <br />
+              <p class="label-detail">（DXCS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" maxlength="5" placeholder="地下层数"
+              v-model="ruleForm.DXCS"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 逻辑幢信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        LJZH: '',
+        ZRZH: '',
+        MPH: '',
+        YCJZMJ: '',
+        YCDXMJ: '',
+        YCQTMJ: '',
+        SCJZMJ: '',
+        SCDXMJ: '',
+        SCQTMJ: '',
+        JGRQ: '',
+        FWJG1: '',
+        FWJG2: '',
+        FWJG3: '',
+        JZWZT: '',
+        FWYT: '',
+        FWYT2: '',
+        FWYT3: '',
+        ZCS: '',
+        DSCS: '',
+        DXCS: '',
+        BZ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttFwLjzById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateKttFwLjz(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="mainCommonPart itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码：<br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
+              placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型 <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JGZWBH">
+            <span slot="label">
+              建（构）筑物编号： <br />
+              <p class="label-detail">（JGZWBH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JGZWBH"
+              placeholder="建（构）筑物编号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JGZWMC">
+            <span slot="label">
+              建（构）筑物名称： <br />
+              <p class="label-detail">（JGZWMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物名称"
+              v-model="ruleForm.JGZWMC"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JGZWSL" :rules="{ type: 'number' }">
+            <span slot="label">
+              建（构）筑物数量： <br />
+              <p class="label-detail">（JGZWSL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物数量" type="number"
+              v-only-number="{ max: 999999, min: 0, precision: 0 }" v-model.number="ruleForm.JGZWSL"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JGZWMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              建（构）筑物面积 <br />
+              <p class="label-detail">（JGZWMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="建（构）筑物面积" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.JGZWMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              分摊土地面积： <br />
+              <p class="label-detail">（FTTDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="分摊土地面积" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" v-model.number="ruleForm.FTTDMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="区县代码" v-model="ruleForm.QXDM"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="登记机构" v-model="ruleForm.DJJG"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="登簿人" v-model="ruleForm.DBR"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable v-model="ruleForm.DJSJ"
+              value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="附记" v-model="ruleForm.FJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 建筑物区分所有权业主共有部分信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        YWH: '',
+        QLLX: '',
+        JGZWBH: '',
+        JGZWMC: '',
+        JGZWSL: '',
+        JGZWMJ: '',
+        FTTDMJ: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfFwFdcqQfsyqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQlfFwFdcqQfsyq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="otherRelevant itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
+              placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SCYWH">
+            <span slot="label">
+              上次业务号： <br />
+              <p class="label-detail">（SCYWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SCYWH" placeholder="上次业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DYJELX">
+            <span slot="label">
+              抵押金额类型： <br />
+              <p class="label-detail">（DYJELX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DYJELX" placeholder="抵押金额类型"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DYBDCLX">
+            <span slot="label">
+              抵押不动产类型： <br />
+              <p class="label-detail">（DYBDCLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DYBDCLX" placeholder="抵押不动产类型">
+              <el-option v-for="item in dicData['A27']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DYR">
+            <span slot="label">
+              抵押人： <br />
+              <p class="label-detail">（DYR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DYR" placeholder="抵押人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DYFS">
+            <span slot="label">
+              抵押方式： <br />
+              <p class="label-detail">（DYFS）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DYFS" placeholder="抵押方式">
+              <el-option v-for="item in dicData['A28']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDBZZQSE" :rules="{ type: 'number' }">
+            <span slot="label">
+              被担保主债权数额： <br />
+              <p class="label-detail">（BDBZZQSE）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.BDBZZQSE" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="被担保主债权数额"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZWLXQSSJ">
+            <span slot="label">
+              债务履行起始时间： <br />
+              <p class="label-detail">（ZWLXQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择开始日期"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.ZWLXQSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZWLXJSSJ">
+            <span slot="label">
+              债务履行结束时间： <br />
+              <p class="label-detail">（ZWLXJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择结束日期" clearable
+              :picker-options="pickerOptionsEnd" v-model="ruleForm.ZWLXJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZGZQQDSS">
+            <span slot="label">
+              最高债权确定事实： <br />
+              <p class="label-detail">（ZGZQQDSS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZGZQQDSS"
+              placeholder="最高债权确定事实"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZGZQSE" :rules="{ type: 'number' }">
+            <span slot="label">
+              最高债权数额： <br />
+              <p class="label-detail">（ZGZQSE）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZGZQSE" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="最高债权数额"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZXDYYWH">
+            <span slot="label">
+              注销抵押业务号： <br />
+              <p class="label-detail">（ZXDYYWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXDYYWH"
+              placeholder="注销抵押业务号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="登记时间" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 抵押权信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.ZWLXJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.ZWLXQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        SCYWH: '',
+        DYJELX: '',
+        DYBDCLX: '',
+        DYR: '',
+        DYFS: '',
+        DJLX: '',
+        djyy: '',
+        zjjzwzl: '',
+        zjjzwdyfw: '',
+        BDBZZQSE: '',
+        ZWLXQSSJ: '',
+        ZWLXJSSJ: '',
+        ZGZQQDSS: '',
+        ZGZQSE: '',
+        ZXDYYWH: '',
+        zxdyyy: '',
+        zxsj: '',
+        bdcdjzmh: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlDyaqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQlfQlDyaq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="multiplehouseInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="125px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FDZL">
+            <span slot="label">
+              房地坐落： <br />
+              <p class="label-detail">（FDZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FDZL" placeholder="房地坐落"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYQR">
+            <span slot="label">
+              土地使用权人： <br />
+              <p class="label-detail">（TDSYQR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DYJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              独用土地面积： <br />
+              <p class="label-detail">（DYJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DYJZMJ" placeholder="独用土地面积"
+              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              分摊土地面积： <br />
+              <p class="label-detail">（FTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FTJZMJ" placeholder="分摊土地面积"
+              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYQSSJ">
+            <span slot="label">
+              土地使用起始时间： <br />
+              <p class="label-detail">（TDSYQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="土地使用起始时间"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.TDSYQSSJ"
+              value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYJSSJ">
+            <span slot="label">
+              土地使用结束时间： <br />
+              <p class="label-detail">（TDSYJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="土地使用结束时间"
+              :picker-options="pickerOptionsEnd" clearable v-model="ruleForm.TDSYJSSJ"
+              value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FDCJYJG" :rules="{ type: 'number' }">
+            <span slot="label">
+              房地产交易价格： <br />
+              <p class="label-detail">（FDCJYJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FDCJYJG" type="number"
+              placeholder="房地产交易价格" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构：<br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" clearable v-model="ruleForm.DJSJ"
+              value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FCFHT">
+            <span slot="label">
+              房产分户图： <br />
+              <p class="label-detail">（FCFHT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FCFHT" placeholder="房产分户图"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 房地产权_项目内多幢房屋信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.TDSYJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.TDSYQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      // 权属状态
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        FDZL: '',
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        TDSYQR: '',
+        DYJZMJ: '',
+        FTJZMJ: '',
+        TDSYQSSJ: '',
+        TDSYJSSJ: '',
+        FDCJYJG: '',
+        BDCQZH: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        FCFHT: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQltFwFdcqDzById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQltFwFdcqDz(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="multiplehouseInfoXmsx itemForm">
+    <el-form :model="ruleForm" ref="formList" label-width="115px" :key="key">
+      <div v-for="(item, index) in ruleForm.itemList" :key="index" class="multiplehouseInfoXmsx-item">
+        <p class="multiplehouseInfoXmsx-item-name">项目属性{{ index + 1 }}</p>
+        <div class="multiplehouseInfoXmsx-item-list">
+          <el-row>
+            <el-col :span="16">
+              <el-form-item :prop="'itemList.' + index + '.XMMC'" :rules="rules.XMMC">
+                <span slot="label">
+                  项目名称： <br />
+                  <p class="label-detail">（XMMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].XMMC"
+                  placeholder="项目名称"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.BDCDYH'" :rules="rules.BDCDYH">
+                <span slot="label">
+                  不动产单元号： <br />
+                  <p class="label-detail">（BDCDYH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].BDCDYH"
+                  placeholder="不动产单元号"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.ZH'" :rules="rules.ZH">
+                <span slot="label">
+                  幢号： <br />
+                  <p class="label-detail">（ZH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].ZH"
+                  placeholder="幢号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.ZCS'" :rules="{ ...rules.ZCS, ...typeNum }">
+                <span slot="label">
+                  总层数： <br />
+                  <p class="label-detail">（ZCS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].ZCS"
+                  type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.GHYT'" :rules="rules.GHYT">
+                <span slot="label">
+                  规划用途： <br />
+                  <p class="label-detail">（GHYT）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].GHYT"
+                  placeholder="规划用途"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.FWJG'" :rules="rules.FWJG">
+                <span slot="label">
+                  房屋结构： <br />
+                  <p class="label-detail">（FWJG）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].FWJG"
+                  placeholder="房屋结构"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.JZMJ'" :rules="{ ...rules.JZMJ, ...typeNum }">
+                <span slot="label">
+                  建筑面积：<br />
+                  <p class="label-detail">（JZMJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].JZMJ"
+                  type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+                  placeholder="建筑面积"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.JGSJ'" :rules="rules.JGSJ">
+                <span slot="label">
+                  竣工时间： <br />
+                  <p class="label-detail">（JGSJ）</p>
+                </span>
+                <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+                  v-model="ruleForm.itemList[index].JGSJ" value-format="yyyy-MM-dd"></el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.ZTS'" :rules="{ ...rules.ZTS, ...typeNum }">
+                <span slot="label">
+                  总套数： <br />
+                  <p class="label-detail">（ZTS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.itemList[index].ZTS"
+                  v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总套数"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'itemList.' + index + '.QXDM'" :rules="rules.QXDM">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（QXDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.itemList[index].QXDM"
+                  placeholder="区县代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 房地产权（项目内多幢房屋）项目属性
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        itemList: [
+          {
+            XMMC: '',
+            BDCDYH: '',
+            ZH: '',
+            ZCS: '',
+            GHYT: '',
+            FWJG: '',
+            JZMJ: '',
+            JGSJ: '',
+            ZTS: '',
+            QXDM: ''
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfFwFdcqDzXmById(this.bsmSjsb)
+        this.ruleForm.itemList = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve, reject) => {
+        try {
+          let res = await business.updateQlfFwFdcqDzXm(this.ruleForm.itemList)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.multiplehouseInfoXmsx-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="naturalBuilding itemForm">
+    <el-form :model="naturalForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <div v-for="(item, index) in naturalForm.naturalList" :key="index" class="naturalBuilding-item">
+        <p class="naturalBuilding-name">自然幢{{ index + 1 }}</p>
+        <div class="naturalBuilding-list">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item>
+                <span slot="label">
+                  标识码： <br />
+                  <p class="label-detail">（BSM）</p>
+                </span>
+                <p :class="{ 'disabled': $store.state.business.Edit }">
+                  {{ naturalForm.naturalList[index].BSM }}
+                </p>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.YSDM'" :rules="rules.YSDM">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].YSDM"
+                  placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.BDCDYH'" :rules="rules.BDCDYH">
+                <span slot="label">
+                  不动产单元号： <br />
+                  <p class="label-detail">（BDCDYH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].BDCDYH"
+                  placeholder="不动产单元号"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZDDM'" :rules="rules.ZDDM">
+                <span slot="label">
+                  宗地代码： <br />
+                  <p class="label-detail">（ZDDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ZDDM"
+                  placeholder="宗地代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZRZH'" :rules="rules.ZRZH">
+                <span slot="label">
+                  自然幢号： <br />
+                  <p class="label-detail">（ZRZH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ZRZH"
+                  placeholder="自然幢号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.XMMC'" :rules="rules.XMMC">
+                <span slot="label">
+                  项目名称： <br />
+                  <p class="label-detail">（XMMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].XMMC"
+                  placeholder="项目名称"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.JZWMC'" :rules="rules.JZWMC">
+                <span slot="label">
+                  建筑物名称： <br />
+                  <p class="label-detail">（JZWMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].JZWMC"
+                  placeholder="建筑物名称"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.JGRQ'" :rules="rules.JGRQ">
+                <span slot="label">
+                  竣工日期： <br />
+                  <p class="label-detail">（JGRQ）</p>
+                </span>
+                <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="竣工日期" clearable
+                  v-model="naturalForm.naturalList[index].JGRQ" value-format="yyyy-MM-dd"></el-date-picker>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.JZWGD'" :rules="{ ...rules.JZWGD, ...typeNum }">
+                <span slot="label">
+                  建筑物高度： <br />
+                  <p class="label-detail">（JZWGD）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit"
+                  v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="建筑物高度" type="number"
+                  v-model.number="naturalForm.naturalList[index].JZWGD"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZZDMJ'" :rules="{ ...rules.ZZDMJ, ...typeNum }">
+                <span slot="label">
+                  幢占地面积： <br />
+                  <p class="label-detail">（ZZDMJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit"
+                  v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢占地面积" type="number"
+                  v-model.number="naturalForm.naturalList[index].ZZDMJ"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZYDMJ'" :rules="{ ...rules.ZYDMJ, ...typeNum }">
+                <span slot="label">
+                  幢用地面积： <br />
+                  <p class="label-detail">（ZYDMJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit"
+                  v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="幢用地面积" type="number"
+                  v-model.number="naturalForm.naturalList[index].ZYDMJ"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.YCJZMJ'" :rules="{ ...rules.YCJZMJ, ...typeNum }">
+                <span slot="label">
+                  预测建筑面积： <br />
+                  <p class="label-detail">（YCJZMJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit"
+                  v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="预测建筑面积" type="number"
+                  v-model.number="naturalForm.naturalList[index].YCJZMJ"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.SCJZMJ'" :rules="{ ...rules.SCJZMJ, ...typeNum }">
+                <span slot="label">
+                  实测建筑面积： <br />
+                  <p class="label-detail">（SCJZMJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit"
+                  v-only-number="{ max: 999999999999999, min: 0, precision: 3 }" placeholder="实测建筑面积" type="number"
+                  v-model.number="naturalForm.naturalList[index].SCJZMJ"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZCS'" :rules="{ ...rules.ZCS, ...typeNum }">
+                <span slot="label">
+                  总层数： <br />
+                  <p class="label-detail">（ZCS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" placeholder="总层数" type="number"
+                  v-only-number="{ max: 9999, min: 0, precision: 3 }"
+                  v-model.number="naturalForm.naturalList[index].ZCS"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.DSCS'" :rules="rules.DSCS">
+                <span slot="label">
+                  地上层数： <br />
+                  <p class="label-detail">（DSCS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999, min: 0, precision: 0 }"
+                  placeholder="地上层数" v-model="naturalForm.naturalList[index].DSCS"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.DXCS'" :rules="rules.DXCS">
+                <span slot="label">
+                  地下层数： <br />
+                  <p class="label-detail">（DXCS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9, min: 0, precision: 0 }"
+                  placeholder="地下层数" v-model="naturalForm.naturalList[index].DXCS"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.DXSD'" :rules="{ ...rules.DXSD, ...typeNum }">
+                <span slot="label">
+                  地下深度： <br />
+                  <p class="label-detail">（DXSD）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit"
+                  v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="地下深度" type="number"
+                  v-model.number="naturalForm.naturalList[index].DXSD"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.GHYT'" :rules="rules.GHYT">
+                <span slot="label">
+                  规划用途： <br />
+                  <p class="label-detail">（GHYT）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].GHYT"
+                  placeholder="规划用途">
+                  <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.FWJG'" :rules="rules.FWJG">
+                <span slot="label">
+                  房屋结构： <br />
+                  <p class="label-detail">（FWJG）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].FWJG"
+                  placeholder="房屋结构">
+                  <el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZTS'" :rules="{ ...rules.ZTS, ...typeNum }">
+                <span slot="label">
+                  总套数： <br />
+                  <p class="label-detail">（ZTS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999, min: 0, precision: 0 }"
+                  placeholder="总套数" type="number" v-model.number="naturalForm.naturalList[index].ZTS"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.JZWJBYT'" :rules="rules.JZWJBYT">
+                <span slot="label">
+                  建筑物基本用途： <br />
+                  <p class="label-detail">（JZWJBYT）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].JZWJBYT"
+                  placeholder="建筑物基本用途"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.DAH'" :rules="rules.DAH">
+                <span slot="label">
+                  档案号： <br />
+                  <p class="label-detail">（DAH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].DAH"
+                  placeholder="档案号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.BZ'" :rules="rules.BZ">
+                <span slot="label">
+                  备注： <br />
+                  <p class="label-detail">（BZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].BZ"
+                  placeholder="备注"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.ZT'" :rules="rules.ZT">
+                <span slot="label">
+                  状态： <br />
+                  <p class="label-detail">（ZT）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].ZT"
+                  placeholder="状态">
+                  <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <el-form-item :prop="'naturalList.' + index + '.QXDM'" :rules="rules.QXDM">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（QXDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="naturalForm.naturalList[index].QXDM"
+                  placeholder="区县代码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 自然幢
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      naturalForm: {
+        naturalList: [
+          {
+            BSM: '',
+            YSDM: '',
+            BDCDYH: '',
+            ZDDM: '',
+            ZRZH: '',
+            XMMC: '',
+            JZWMC: '',
+            JGRQ: '',
+            JZWGD: '',
+            ZZDMJ: '',
+            ZYDMJ: '',
+            YCJZMJ: '',
+            SCJZMJ: '',
+            ZCS: '',
+            DSCS: '',
+            DXCS: '',
+            DXSD: '',
+            GHYT: '',
+            FWJG: '',
+            ZTS: '',
+            JZWJBYT: '',
+            DAH: '',
+            BZ: '',
+            ZT: '',
+            QXDM: ''
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttFwZrzById(this.bsmSjsb)
+        this.naturalForm.naturalList = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKttFwZrz(this.naturalForm.naturalList)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.naturalBuilding {
+  .naturalBuilding-item {
+    display: flex;
+    height: 100%;
+    margin-bottom: 15px;
+    margin-right: 5px;
+
+    .naturalBuilding-name {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 20px;
+      padding: 10px 20px;
+      line-height: 28px;
+      border: 1px solid #ccc;
+      margin-right: 15px;
+      border-radius: 3px;
+    }
+
+    .naturalBuilding-list {
+      width: 100%;
+      flex: 1;
+    }
+  }
+
+  .bsm {
+    white-space: nowrap;
+  }
+}
+</style>
+
+

+<template>
+  <div class="objectionRegistration itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="121px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YYSX">
+            <span slot="label">
+              异议事项： <br />
+              <p class="label-detail">（YYSX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YYSX" placeholder="异议事项"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDJZMH">
+            <span slot="label">
+              不动产登记证明号： <br />
+              <p class="label-detail">（BDCDJZMH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDJZMH"
+              placeholder="不动产登记证明号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZXYYYWH">
+            <span slot="label">
+              注销异议业务号： <br />
+              <p class="label-detail">（ZXYYYWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYYWH"
+              placeholder="注销异议业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZXYYYY">
+            <span slot="label">
+              注销异议原因： <br />
+              <p class="label-detail">（ZXYYYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYYY" placeholder="注销异议原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZXYYDBR">
+            <span slot="label">
+              注销异议登簿人： <br />
+              <p class="label-detail">（ZXYYDBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZXYYDBR"
+              placeholder="注销异议登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZXYYDJSJ">
+            <span slot="label">
+              注销异议登记时间： <br />
+              <p class="label-detail">（ZXYYDJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.ZXYYDJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 异议登记信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        YYSX: '',
+        BDCDJZMH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        ZXYYYWH: '',
+        ZXYYYY: '',
+        ZXYYDBR: '',
+        ZXYYDJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlYydjById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlYydj(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="obligee itemForm">
+    <el-form :model="obligeeForm" ref="formList" label-width="113px" :key="key">
+      <div v-for="(item, index) in obligeeForm.obligeeList" :key="index" class="obligee-item">
+        <p class="obligee-item-name">权利人{{ index + 1 }}</p>
+        <div class="obligee-item-list">
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.YSDM'" :rules="rules.YSDM">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].YSDM"
+                  placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.SXH'"
+                :rules="{ ...rules.SXH, ...typeNum }">
+                <span slot="label">
+                  顺序号： <br />
+                  <p class="label-detail">（SXH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model.number="obligeeForm.obligeeList[index].SXH"
+                  type="number" v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="顺序号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item class="borderTopNone" :prop="'obligeeList.' + index + '.BDCDYH'" :rules="rules.BDCDYH">
+                <span slot="label">
+                  不动产单元号： <br />
+                  <p class="label-detail">（BDCDYH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BDCDYH"
+                  placeholder="不动产单元号"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.QLRMC'" :rules="rules.QLRMC">
+                <span slot="label">
+                  权利人名称： <br />
+                  <p class="label-detail">（QLRMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRMC"
+                  placeholder="权利人名称"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.BDCQZH'" :rules="rules.BDCQZH">
+                <span slot="label">
+                  不动产权证号： <br />
+                  <p class="label-detail">（BDCQZH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BDCQZH"
+                  placeholder="不动产权证号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.QZYSXLH'" :rules="rules.QZYSXLH">
+                <span slot="label">
+                  权证印刷序列号： <br />
+                  <p class="label-detail">（QZYSXLH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QZYSXLH"
+                  placeholder="权证印刷序列号"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.SFCZR'" :rules="rules.SFCZR">
+                <span slot="label">
+                  是否持证人： <br />
+                  <p class="label-detail">（SFCZR）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SFCZR"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.ZJZL'" :rules="rules.ZJZL">
+                <span slot="label">
+                  证件种类： <br />
+                  <p class="label-detail">（ZJZL）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJZL"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.ZJH'" :rules="rules.ZJH">
+                <span slot="label">
+                  证件号： <br />
+                  <p class="label-detail">（ZJH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].ZJH"
+                  placeholder="证件号"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.FZJG'" :rules="rules.FZJG">
+                <span slot="label">
+                  发证机关： <br />
+                  <p class="label-detail">（FZJG）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].FZJG"
+                  placeholder="发证机关"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.SSHY'" :rules="rules.SSHY">
+                <span slot="label">
+                  所属行业： <br />
+                  <p class="label-detail">（SSHY）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].SSHY"
+                  placeholder="所属行业"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.GJ'" :rules="rules.GJ">
+                <span slot="label">
+                  国家/地区： <br />
+                  <p class="label-detail">（GJ）</p>
+                </span>
+                <tree-select :options="dicData['A35']" v-model="obligeeForm.obligeeList[index].GJ"
+                  placeholder="国家/地区" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.HJSZSS'" :rules="rules.HJSZSS">
+                <span slot="label">
+                  户籍所在省市： <br />
+                  <p class="label-detail">（HJSZSS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].HJSZSS"
+                  placeholder="户籍所在省市"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.XB'" :rules="rules.XB">
+                <span slot="label">
+                  性别： <br />
+                  <p class="label-detail">（XB）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].XB"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.DH'" :rules="rules.DH">
+                <span slot="label">
+                  电话： <br />
+                  <p class="label-detail">（DH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
+                  maxlength="11" v-model="obligeeForm.obligeeList[index].DH" placeholder="电话"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.DZ'" :rules="rules.DZ">
+                <span slot="label">
+                  地址： <br />
+                  <p class="label-detail">（DZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].DZ"
+                  placeholder="地址"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.YB'" :rules="rules.YB">
+                <span slot="label">
+                  邮编： <br />
+                  <p class="label-detail">（YB）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].YB"
+                  placeholder="邮编"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.GZDW'" :rules="rules.GZDW">
+                <span slot="label">
+                  工作单位： <br />
+                  <p class="label-detail">（GZDW）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GZDW"
+                  placeholder="工作单位"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.DZYJ'" :rules="rules.DZYJ">
+                <span slot="label">
+                  电子邮件： <br />
+                  <p class="label-detail">（DZYJ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].DZYJ"
+                  placeholder="电子邮件"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.QLRLX'" :rules="rules.QLRLX">
+                <span slot="label">
+                  权利人类型： <br />
+                  <p class="label-detail">（QLRLX）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLRLX"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.QLBL'" :rules="rules.QLBL">
+                <span slot="label">
+                  权利比例： <br />
+                  <p class="label-detail">（QLBL）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QLBL"
+                  placeholder="权利比例"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.GYFS'" :rules="rules.GYFS">
+                <span slot="label">
+                  共有方式： <br />
+                  <p class="label-detail">（GYFS）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GYFS"
+                  placeholder="共有方式">
+                  <el-option v-for="item in dicData['A34']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.GYQK'" :rules="rules.GYQK">
+                <span slot="label">
+                  共有情况： <br />
+                  <p class="label-detail">（GYQK）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].GYQK"
+                  placeholder="共有情况"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.BZ'" :rules="rules.BZ">
+                <span slot="label">
+                  备注： <br />
+                  <p class="label-detail">（BZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].BZ"
+                  placeholder="备注"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="obligee-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'obligeeList.' + index + '.QXDM'" :rules="rules.QXDM">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（QXDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="obligeeForm.obligeeList[index].QXDM"
+                  placeholder="区县代码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+import treeSelect from '../treeSelect/index.vue'
+// 权利人
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  components: {
+    treeSelect
+  },
+  data () {
+    return {
+      obligeeForm: {
+        obligeeList: [
+          {
+            YSDM: '',
+            SXH: '',
+            BDCDYH: '',
+            QLRMC: '',
+            BDCQZH: '',
+            QZYSXLH: '',
+            SFCZR: '',
+            ZJZL: '',
+            ZJH: '',
+            FZJG: '',
+            SSHY: '',
+            GJ: '',
+            HJSZSS: '',
+            XB: '',
+            DH: '',
+            DZ: '',
+            YB: '',
+            GZDW: '',
+            DZYJ: '',
+            QLRLX: '',
+            QLBL: '',
+            GYFS: '',
+            GYQK: '',
+            BZ: '',
+            QXDM: ''
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getZttGyQlrById(this.bsmSjsb)
+        this.obligeeForm.obligeeList = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateZttGyQlr(this.obligeeForm.obligeeList)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.obligee-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="otherRelevant itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLQSSJ">
+            <span slot="label">
+              权利起始时间： <br />
+              <p class="label-detail">（QLQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="权利起始时间"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.QLQSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLJSSJ">
+            <span slot="label">
+              权利结束时间： <br />
+              <p class="label-detail">（QLJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="权利结束时间" clearable
+              :picker-options="pickerOptionsEnd" v-model="ruleForm.QLJSSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSFS">
+            <span slot="label">
+              取水方式： <br />
+              <p class="label-detail">（QSFS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSFS" placeholder="取水方式"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SYLX">
+            <span slot="label">
+              水源类型： <br />
+              <p class="label-detail">（SYLX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYLX" placeholder="水源类型"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSL">
+            <span slot="label">
+              取水量： <br />
+              <p class="label-detail">（QSL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSL" placeholder="取水量"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSYT">
+            <span slot="label">
+              取水用途： <br />
+              <p class="label-detail">（QSYT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QSYT" placeholder="取水用途"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="KCMJ">
+            <span slot="label">
+              勘查面积： <br />
+              <p class="label-detail">（KCMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCMJ"
+              v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="勘查面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="KCFS">
+            <span slot="label">
+              开采方式： <br />
+              <p class="label-detail">（KCFS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCFS" placeholder="开采方式"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="KCKZ">
+            <span slot="label">
+              开采矿种： <br />
+              <p class="label-detail">（KCKZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.KCKZ" placeholder="开采矿种"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SCGM">
+            <span slot="label">
+              生产规模： <br />
+              <p class="label-detail">（SCGM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SCGM" placeholder="生产规模"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FT">
+            <span slot="label">
+              附图： <br />
+              <p class="label-detail">（FT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FT" placeholder="附图"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权利类型">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 其他相关权利
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.QLJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.QLQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        BSM: '',
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        QLQSSJ: '',
+        QLJSSJ: '',
+        QSFS: '',
+        SYLX: '',
+        QSL: '',
+        QSYT: '',
+        KCMJ: '',
+        KCFS: '',
+        KCKZ: '',
+        SCGM: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        FT: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlQtxgqlById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlQtxgql(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="parcelBaseInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="120px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item class="borderTopNone">
+            <span slot="label">
+              标识码： <br />
+              <p class="label-detail">（BSM）</p>
+            </span>
+            <p :class="{ 'disabled': $store.state.business.Edit }">
+              {{ ruleForm.BSM }}
+            </p>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDDM" class="borderTopNone">
+            <span slot="label">
+              宗地代码： <br />
+              <p class="label-detail">（ZDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDTZM">
+            <span slot="label">
+              宗地特征码： <br />
+              <p class="label-detail">（ZDTZM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDTZM" placeholder="宗地特征码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              宗地面积： <br />
+              <p class="label-detail">（ZDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDMJ" type="number"
+              v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="宗地面积">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位： <br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YT">
+            <span slot="label">
+              用途： <br />
+              <p class="label-detail">（YT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YT" placeholder="用途"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJ">
+            <span slot="label">
+              等级： <br />
+              <p class="label-detail">（DJ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJ" placeholder="等级">
+              <el-option v-for="item in dicData['A50']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JG" :rules="{ type: 'number' }">
+            <span slot="label">
+              价格： <br />
+              <p class="label-detail">（JG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.JG" type="number"
+              v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="价格"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利性质">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLXZ">
+            <span slot="label">
+              权利性质： <br />
+              <p class="label-detail">（QLXZ）</p>
+            </span>
+            <tree-select :disabled="$store.state.business.Edit" :options="dicData['A9']" v-model="ruleForm.QLXZ"
+              placeholder="权利性质" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLSDFS">
+            <span slot="label">
+              权利设定方式： <br />
+              <p class="label-detail">（QLSDFS）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLSDFS" placeholder="权利设定方式">
+              <el-option v-for="item in dicData['A10']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="RJL">
+            <span slot="label">
+              容积率： <br />
+              <p class="label-detail">（RJL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.RJL"
+              v-only-number="{ max: 99999, min: 0, precision: 0 }" placeholder="容积率"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JZMD" :rules="{ type: 'number' }">
+            <span slot="label">
+              建筑密度： <br />
+              <p class="label-detail">（JZMD）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZMD"
+              placeholder="建筑密度">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JZXG" :rules="{ type: 'number' }">
+            <span slot="label">
+              建筑限高： <br />
+              <p class="label-detail">（JZXG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" type="number" v-model.number="ruleForm.JZXG"
+              v-only-number="{ max: 99999, min: 1, precision: 2 }" placeholder="建筑限高">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDSZD">
+            <span slot="label">
+              宗地四至-东: <br />
+              <p class="label-detail">（ZDSZD）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZD" placeholder="宗地四至-东">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDSZN">
+            <span slot="label">
+              宗地四至-南： <br />
+              <p class="label-detail">（ZDSZN）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZN" placeholder="宗地四至-南">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDSZX">
+            <span slot="label">
+              宗地四至-西： <br />
+              <p class="label-detail">（ZDSZX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZX" placeholder="宗地四至-西">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDSZB">
+            <span slot="label">
+              宗地四至-北： <br />
+              <p class="label-detail">（ZDSZB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDSZB" placeholder="宗地四至-北">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDT">
+            <span slot="label">
+              宗地图： <br />
+              <p class="label-detail">（ZDT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDT" placeholder="宗地图">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TFH">
+            <span slot="label">
+              图幅号： <br />
+              <p class="label-detail">（TFH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TFH" placeholder="图幅号">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJh">
+            <span slot="label">
+              地籍号：<br />
+              <p class="label-detail">（DJH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJh" placeholder="地籍号">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DAH" class="borderTopNone">
+            <span slot="label">
+              档案号： <br />
+              <p class="label-detail">（DAH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BZ" class="borderTopNone">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZT" class="borderTopNone">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
+              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码：<br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择日期" type="datetime" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人: <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJGBM">
+            <span slot="label">
+              登记机构编码： <br />
+              <p class="label-detail">（DJJGBM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGBM" placeholder="登记机构编码">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJGMC">
+            <span slot="label">
+              登记机构名称： <br />
+              <p class="label-detail">（DJJGMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGMC" placeholder="登记机构名称">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JDH">
+            <span slot="label">
+              街道（乡、镇）： <br />
+              <p class="label-detail">（JDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH" placeholder="街道（乡、镇）">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JFH">
+            <span slot="label">
+              街坊（村）: <br />
+              <p class="label-detail">（JFH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH" placeholder="街坊（村）">
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZH">
+            <span slot="label">
+              组： <br />
+              <p class="label-detail">（ZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH" placeholder="组">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 宗地基本信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+export default {
+  mixins: [ruleMixin],
+  components: {
+    treeSelect
+  },
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        BSM: '',
+        YSDM: '',
+        ZDDM: '',
+        BDCDYH: '',
+        ZDTZM: '',
+        ZL: '',
+        ZDMJ: '',
+        MJDW: '',
+        YT: '',
+        DJ: '',
+        JG: '',
+        QLLX: '',
+        QLXZ: '',
+        QLSDFS: '',
+        RJL: '',
+        JZMD: '',
+        JZXG: '',
+        ZDSZD: '',
+        ZDSZN: '',
+        ZDSZX: '',
+        ZDSZB: '',
+        ZDT: '',
+        TFH: '',
+        DJh: '',
+        DAH: '',
+        BZ: '',
+        ZT: '',
+        QXDM: '',
+        DJSJ: '',
+        DBR: '',
+        FJ: '',
+        DJJGBM: '',
+        DJJGMC: '',
+        JDH: '',
+        JFH: '',
+        ZH: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttZdjbxxById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKttZdjbxx(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="parcelChange itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDDM">
+            <span slot="label">
+              宗地代码： <br />
+              <p class="label-detail">（ZDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDDM" placeholder="宗地代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BHYY">
+            <span slot="label">
+              变化原因： <br />
+              <p class="label-detail">（BHYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHYY" placeholder="变化原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BHNR">
+            <span slot="label">
+              变化内容： <br />
+              <p class="label-detail">（BHNR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BHNR" placeholder="变化内容"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 宗地变化情况
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        ZDDM: '',
+        BHYY: '',
+        BHNR: '',
+        DJSJ: '',
+        DBR: '',
+        FJ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKtfZdbhqkById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKtfZdbhqk(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="parcelSpaceProperties itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZDX" :rules="{ type: 'number' }">
+            <span slot="label">
+              子对象： <br />
+              <p class="label-detail">（ZDX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDX" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="子对象"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XH" :rules="{ type: 'number' }">
+            <span slot="label">
+              序号： <br />
+              <p class="label-detail">（XH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XH" type="number"
+              v-only-number="{ max: 999999, min: 0, precision: 0 }" placeholder="序号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="XZB" :rules="{ type: 'number' }">
+            <span slot="label">
+              X坐标： <br />
+              <p class="label-detail">（XZB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XZB" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="X坐标"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YZB" :rules="{ type: 'number' }">
+            <span slot="label">
+              Y坐标： <br />
+              <p class="label-detail">（YZB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YZB" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="Y坐标"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 宗地空间属性
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        BDCDYH: '',
+        ZDX: '',
+        XH: '',
+        XZB: '',
+        YZB: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getZdK103ById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateZdK103(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="planarFixture itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item>
+            <span slot="label">
+              标识码： <br />
+              <p class="label-detail">（BSM）</p>
+            </span>
+            <p :class="{ 'disabled': $store.state.business.Edit }">
+              {{ ruleForm.BSM || '暂无' }}
+            </p>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDZHDM">
+            <span slot="label">
+              宗地/宗海代码： <br />
+              <p class="label-detail">（ZDZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MZDZWLX">
+            <span slot="label">
+              面状定着物类型： <br />
+              <p class="label-detail">（MZDZWLX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MZDZWLX"
+              placeholder="面状定着物类型"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DZWMC">
+            <span slot="label">
+              定着物名称： <br />
+              <p class="label-detail">（DZWMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位： <br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJ">
+            <span slot="label">
+              面积： <br />
+              <p class="label-detail">（MJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MJ"
+              v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DAH">
+            <span slot="label">
+              档案号： <br />
+              <p class="label-detail">（DAH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZT">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
+              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 面状定着物
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        ZDZHDM: '',
+        MZDZWLX: '',
+        DZWMC: '',
+        MJ: '',
+        DAH: '',
+        ZT: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKtfQtMzdzwById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKtfQtMzdzw(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="punctateFixator itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item>
+            <span slot="label">
+              标识码： <br />
+              <p class="label-detail">（BSM）</p>
+            </span>
+            <p :class="{ 'disabled': $store.state.business.Edit }">
+              {{ ruleForm.BSM || '暂无' }}
+            </p>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDZHDM">
+            <span slot="label">
+              宗地/宗海代码： <br />
+              <p class="label-detail">（ZDZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DZDZWLX">
+            <span slot="label">
+              点状定着物类型： <br />
+              <p class="label-detail">（DZDZWLX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZDZWLX"
+              placeholder="点状定着物类型"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DZWMC">
+            <span slot="label">
+              定着物名称： <br />
+              <p class="label-detail">（DZWMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DZWMC" placeholder="定着物名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位： <br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJ">
+            <span slot="label">
+              面积： <br />
+              <p class="label-detail">（MJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.MJ"
+              v-only-number="{ max: 99999, min: 0, precision: 2 }" placeholder="面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DAH">
+            <span slot="label">
+              档案号： <br />
+              <p class="label-detail">（DAH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZT">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
+              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 点状定着物信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        ZDZHDM: '',
+        DZDZWLX: '',
+        DZWMC: '',
+        MJ: '',
+        DAH: '',
+        ZT: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKtfQtDzdzwById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKtfQtDzdzw(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="receivingInfo itemForm">
+    <el-form :model="form" :rules="rules" ref="formList" label-width="112px" :key="key">
+      <div v-for="(item, index) in form.receivingInfo" :key="index" class="receivingInfo-item">
+        <p class="receivingInfo-item-name">收件信息{{ index + 1 }}</p>
+
+        <div class="receivingInfo-item-list">
+          <el-row class="receivingInfo-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.YSDM'" :rules="rules.YSDM">
+                <span slot="label">
+                  要素代码： <br />
+                  <p class="label-detail">（YSDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].YSDM"
+                  placeholder="要素代码"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.YWH'" :rules="rules.YWH">
+                <span slot="label">
+                  业务号： <br />
+                  <p class="label-detail">（YWH）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].YWH"
+                  placeholder="业务号"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.SJSJ'" :rules="rules.SJSJ">
+                <span slot="label">
+                  收件时间： <br />
+                  <p class="label-detail">（SJSJ）</p>
+                </span>
+                <el-date-picker :disabled="$store.state.business.Edit" placeholder="收件时间" type="datetime" clearable
+                  v-model="form.receivingInfo[index].SJSJ" value-format="yyyy-MM-dd HH:mm:ss">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="receivingInfo-item-input">
+            <el-col :span="8">
+              <el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJLX'" :rules="rules.SJLX">
+                <span slot="label">
+                  收件类型： <br />
+                  <p class="label-detail">（SJLX）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJLX"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A40']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJMC'" :rules="rules.SJMC">
+                <span slot="label">
+                  收件名称： <br />
+                  <p class="label-detail">（SJMC）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SJMC"
+                  placeholder="收件名称"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item class="borderTopNone" :prop="'receivingInfo.' + index + '.SJSL'"
+                :rules="{ ...rules.SJSL, ...typeNum }">
+                <span slot="label">
+                  收件数量： <br />
+                  <p class="label-detail">（SJSL）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 9999, min: 0, precision: 0 }"
+                  type="number" v-model.number="form.receivingInfo[index].SJSL" placeholder="收件数量"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="receivingInfo-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.SFSJSY'" :rules="rules.SFSJSY">
+                <span slot="label">
+                  是否收缴收验： <br />
+                  <p class="label-detail">（SFSJSY）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFSJSY"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.SFEWSJ'" :rules="rules.SFEWSJ">
+                <span slot="label">
+                  是否额外收件： <br />
+                  <p class="label-detail">（SFEWSJ）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFEWSJ"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.SFBCSJ'" :rules="rules.SFBCSJ">
+                <span slot="label">
+                  是否补充收件： <br />
+                  <p class="label-detail">（SFBCSJ）</p>
+                </span>
+                <el-select :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].SFBCSJ"
+                  placeholder="请选择">
+                  <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row class="receivingInfo-item-input">
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.YS'" :rules="{ ...rules.YS, ...typeNum }">
+                <span slot="label">
+                  页数： <br />
+                  <p class="label-detail">（YS）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 99999, min: 1, precision: 0 }"
+                  type="number" v-model.number="form.receivingInfo[index].YS" placeholder="页数"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.BZ'" :rules="rules.BZ">
+                <span slot="label">
+                  备注： <br />
+                  <p class="label-detail">（BZ）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].BZ"
+                  placeholder="备注"></el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :prop="'receivingInfo.' + index + '.QXDM'" :rules="rules.QXDM">
+                <span slot="label">
+                  区县代码： <br />
+                  <p class="label-detail">（QXDM）</p>
+                </span>
+                <el-input :disabled="$store.state.business.Edit" v-model="form.receivingInfo[index].QXDM"
+                  placeholder="区县代码"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 登记收件信息
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      form: {
+        receivingInfo: [
+          {
+            YSDM: '',
+            YWH: '',
+            SJSJ: '',
+            SJLX: '',
+            SJMC: '',
+            SJSL: '',
+            SFSJSY: '',
+            SFEWSJ: '',
+            SFBCSJ: '',
+            YS: '',
+            BZ: '',
+            QXDM: ''
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjSjById(this.bsmSjsb)
+        this.form.receivingInfo = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjfDjSj(this.form.receivingInfo)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+
+.receivingInfo-item {
+  display: flex;
+  height: 100%;
+  margin-bottom: 15px;
+  margin-right: 5px;
+
+  &-name {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    padding: 10px 20px;
+    line-height: 28px;
+    border: 1px solid #ccc;
+    margin-right: 15px;
+    border-radius: 3px;
+  }
+
+  &-list {
+    width: 100%;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+  }
+}
+</style>
+
+

+<template>
+  <div class="registrationChargeInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH" class="borderTopNone">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JFRY" class="borderTopNone">
+            <span slot="label">
+              计费人员： <br />
+              <p class="label-detail">（JFRY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFRY" placeholder="计费人员"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JFRQ">
+            <span slot="label">
+              计费日期： <br />
+              <p class="label-detail">（JFRQ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="计费日期" clearable
+              v-model="ruleForm.JFRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SFKMMC">
+            <span slot="label">
+              收费科目名称： <br />
+              <p class="label-detail">（SFKMMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFKMMC" placeholder="收费科目名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SFEWSF">
+            <span slot="label">
+              是否额外收费： <br />
+              <p class="label-detail">（SFEWSF）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFEWSF" placeholder="是否额外收费">
+              <el-option v-for="item in dicData['A6']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SFJS" :rules="{ type: 'number' }">
+            <span slot="label">
+              收费基数： <br />
+              <p class="label-detail">（SFJS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SFJS" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="收费基数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SFLX">
+            <span slot="label">
+              收费类型： <br />
+              <p class="label-detail">（SFLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.SFLX" placeholder="收费类型">
+              <el-option v-for="item in dicData['A39']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSJE" :rules="{ type: 'number' }">
+            <span slot="label">
+              应收金额： <br />
+              <p class="label-detail">（YSJE）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YSJE" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="应收金额"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZKHYSJE" :rules="{ type: 'number' }">
+            <span slot="label">
+              折扣后应收金额： <br />
+              <p class="label-detail">（ZKHYSJE）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZKHYSJE" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="折扣后应收金额"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SFRY">
+            <span slot="label">
+              收费人员： <br />
+              <p class="label-detail">（SFRY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFRY" placeholder="收费人员"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SFRQ">
+            <span slot="label">
+              收费日期： <br />
+              <p class="label-detail">（SFRQ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.SFRQ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FFF">
+            <span slot="label">
+              付费方： <br />
+              <p class="label-detail">（FFF）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FFF" placeholder="付费方">
+              <el-option v-for="item in dicData['A33']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SJFFR">
+            <span slot="label">
+              实际付费人： <br />
+              <p class="label-detail">（SJFFR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SJFFR" placeholder="实际付费人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SSJE" :rules="{ type: 'number' }">
+            <span slot="label">
+              实收金额： <br />
+              <p class="label-detail">（SSJE）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SSJE" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="实收金额"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SFDW">
+            <span slot="label">
+              收费单位： <br />
+              <p class="label-detail">（SFDW）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SFDW" placeholder="收费单位"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 登记收费信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        JFRY: '',
+        JFRQ: '',
+        SFKMMC: '',
+        SFEWSF: '',
+        SFJS: '',
+        SFLX: '',
+        YSJE: '',
+        ZKHYSJE: '',
+        SFRY: '',
+        SFRQ: '',
+        FFF: '',
+        SJFFR: '',
+        SSJE: '',
+        SFDW: '',
+        QXDM: '',
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjSfById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjfDjSf(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="registrationFiling itemForm" :key="key">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWH" class="borderTopNone">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM" class="borderTopNone">
+            <span slot="label">
+              要素代码：<br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJDL" class="borderTopNone">
+            <span slot="label">
+              登记大类： <br />
+              <p class="label-detail">（DJDL）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJDL" placeholder="登记大类">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJXL" :rules="{ type: 'number' }">
+            <span slot="label">
+              登记小类： <br />
+              <p class="label-detail">（DJXL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.DJXL" type="number"
+              v-only-number="{ max: 999999, min: 0, precision: 0 }" placeholder="登记小类"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QZHM">
+            <span slot="label">
+              权证号码： <br />
+              <p class="label-detail">（QZHM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QZHM" placeholder="权证号码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="WJJS" :rules="{ type: 'number' }">
+            <span slot="label">
+              文件件数： <br />
+              <p class="label-detail">（WJJS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.WJJS" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="文件件数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZYS" :rules="{ type: 'number' }">
+            <span slot="label">
+              总页数： <br />
+              <p class="label-detail">（ZYS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZYS" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总页数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GDRY">
+            <span slot="label">
+              归档人员： <br />
+              <p class="label-detail">（GDRY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GDRY" placeholder="归档人员"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="GDSJ">
+            <span slot="label">
+              归档时间： <br />
+              <p class="label-detail">（GDSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" v-model="ruleForm.GDSJ" type="datetime"
+              format="yyyy-MM-dd HH:mm:ss" placeholder="归档时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BZ">
+            <span slot="label">
+              备注： <br />
+              <p class="label-detail">（BZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 登记归档信息
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YWH: '',
+        YSDM: '',
+        DJDL: '',
+        DJXL: '',
+        ZL: '',
+        QZHM: '',
+        WJJS: '',
+        ZYS: '',
+        GDRY: '',
+        GDSJ: '',
+        BZ: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getDjfDjGdById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateDjfDjGd(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="seaAreaUse itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZHHDDM">
+            <span slot="label">
+              宗海海岛代码： <br />
+              <p class="label-detail">（ZHHDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19"
+              placeholder="宗海海岛代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYQMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              使用权面积： <br />
+              <p class="label-detail">（SYQMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="使用权面积" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.SYQMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYJZE" :rules="{ type: 'number' }">
+            <span slot="label">
+              使用金总额： <br />
+              <p class="label-detail">（SYJZE）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="使用金总额" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" v-model.number="ruleForm.SYJZE"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SYQQSSJ">
+            <span slot="label">
+              使用权起始时间： <br />
+              <p class="label-detail">（SYQQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权起始时间"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQQSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYQJSSJ">
+            <span slot="label">
+              使用权结束时间： <br />
+              <p class="label-detail">（SYQJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="使用权结束时间"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.SYQJSSJ"
+              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYJBZYJ">
+            <span slot="label">
+              使用金标准依据： <br />
+              <p class="label-detail">（SYJBZYJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYJBZYJ"
+              placeholder="使用金标准依据"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="SYJJNQK">
+            <span slot="label">
+              使用金缴纳情况： <br />
+              <p class="label-detail">（SYJJNQK）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.SYJJNQK"
+              placeholder="使用金缴纳情况"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder=" 区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="datetime" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 海域（含无居民海岛）使用权
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.SYQJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.SYQQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        ZHHDDM: '',
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        SYQMJ: '',
+        SYJZE: '',
+        SYQQSSJ: '',
+        SYQJSSJ: '',
+        SYJBZYJ: '',
+        SYJJNQK: '',
+        BDCQZH: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlHysyqById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlHysyq(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="seaSpaceAttribute itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="ZDX" :rules="{ type: 'number' }">
+            <span slot="label">
+              子对象： <br />
+              <p class="label-detail">（ZDX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZDX" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="子对象"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="XH" :rules="{ type: 'number' }">
+            <span slot="label">
+              序号： <br />
+              <p class="label-detail">（XH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XH" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="序号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="XZB" :rules="{ type: 'number' }">
+            <span slot="label">
+              X坐标： <br />
+              <p class="label-detail">（XZB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.XZB"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" type="number" placeholder="X坐标"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="YZB" :rules="{ type: 'number' }">
+            <span slot="label">
+              Y坐标： <br />
+              <p class="label-detail">（YZB）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YZB" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="Y坐标"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 宗海空间属性
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        BDCDYH: '',
+        zhdm: '',
+        ZDX: '',
+        XH: '',
+        XZB: '',
+        YZB: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getZhK105ById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateZhK105(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="seaUse itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZHDM">
+            <span slot="label">
+              宗海代码： <br />
+              <p class="label-detail">（ZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YHFS">
+            <span slot="label">
+              用海方式： <br />
+              <p class="label-detail">（YHFS）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHFS" placeholder="用海方式">
+              <el-option v-for="item in dicData['A51']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YHMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              用海面积： <br />
+              <p class="label-detail">（YHMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHMJ" type="number"
+              v-only-number="{ max: 999999, min: 1, precision: 2 }" placeholder="用海面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JTYT">
+            <span slot="label">
+              具体用途： <br />
+              <p class="label-detail">（JTYT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JTYT" placeholder="具体用途"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SYJES" :rules="{ type: 'number' }">
+            <span slot="label">
+              使用金额数： <br />
+              <p class="label-detail">（SYJES）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYJES" type="number"
+              v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="使用金额数"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 用海状况
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        ZHDM: '',
+        YHFS: '',
+        YHMJ: '',
+        JTYT: '',
+        SYJES: '',
+        QXDM: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKtfZhYhzkById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKtfZhYhzk(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="seizureRegistration itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="112px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CFJG">
+            <span slot="label">
+              查封机关： <br />
+              <p class="label-detail">（CFJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CFJG" placeholder="查封机关"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CFLX">
+            <span slot="label">
+              查封类型： <br />
+              <p class="label-detail">（CFLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.CFLX" placeholder="查封类型">
+              <el-option v-for="item in dicData['A32']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CFWJ">
+            <span slot="label">
+              查封文件： <br />
+              <p class="label-detail">（CFWJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CFWJ" placeholder="查封文件"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CFWH">
+            <span slot="label">
+              查封文号： <br />
+              <p class="label-detail">（CFWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CFWH" placeholder="查封文号"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="CFQSSJ">
+            <span slot="label">
+              查封起始时间： <br />
+              <p class="label-detail">（CFQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择开始日期"
+              :picker-options="pickerOptionsStart" clearable v-model="ruleForm.CFQSSJ"
+              value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="CFJSSJ">
+            <span slot="label">
+              查封结束时间： <br />
+              <p class="label-detail">（CFJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" placeholder="选择结束日期" clearable
+              :picker-options="pickerOptionsEnd" v-model="ruleForm.CFJSSJ" value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="CFFW">
+            <span slot="label">
+              查封范围： <br />
+              <p class="label-detail">（CFFW）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.CFFW" placeholder="查封范围"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="JFYWH">
+            <span slot="label">
+              解封业务号： <br />
+              <p class="label-detail">（JFYWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFYWH" placeholder="解封业务号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JFJG">
+            <span slot="label">
+              解封机关： <br />
+              <p class="label-detail">（JFJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFJG" placeholder="解封机关"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="JFWJ">
+            <span slot="label">
+              解封文件： <br />
+              <p class="label-detail">（JFWJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFWJ" placeholder="解封文件"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JFWH">
+            <span slot="label">
+              解封文号： <br />
+              <p class="label-detail">（JFWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFWH" placeholder="解封文号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JFDBR">
+            <span slot="label">
+              解封登簿人： <br />
+              <p class="label-detail">（JFDBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFDBR" placeholder="解封登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="JFDJSJ">
+            <span slot="label">
+              解封登记时间： <br />
+              <p class="label-detail">（JFDJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.JFDJSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="查封类型">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 查封登记信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.ruleForm.CFJSSJ;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.ruleForm.CFQSSJ;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      },
+      ruleForm: {
+        YSDM: '',
+        YWH: '',
+        BDCDYH: '',
+        CFJG: '',
+        CFWJ: '',
+        CFWH: '',
+        CFQSSJ: '',
+        CFJSSJ: '',
+        CFFW: '',
+        QXDM: '',
+        DJJG: '',
+        DBR: '',
+        DJSJ: '',
+        JFYWH: '',
+        JFJG: '',
+        JFWJ: '',
+        JFWH: '',
+        JFDBR: '',
+        JFDJSJ: '',
+        FJ: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQlfQlCfdjById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQlfQlCfdj(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="singleBuilding itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="135px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" maxlength="10"
+              placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" maxlength="28"
+              placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YWH">
+            <span slot="label">
+              业务号： <br />
+              <p class="label-detail">（YWH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" maxlength="20"
+              placeholder="业务号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="QLLX">
+            <span slot="label">
+              权利类型： <br />
+              <p class="label-detail">（QLLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLLX" placeholder="权利类型">
+              <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJLX">
+            <span slot="label">
+              登记类型： <br />
+              <p class="label-detail">（DJLX）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DJLX" placeholder="登记类型">
+              <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJYY">
+            <span slot="label">
+              登记原因： <br />
+              <p class="label-detail">（DJYY）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJYY" placeholder="登记原因"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FDZL">
+            <span slot="label">
+              房地坐落： <br />
+              <p class="label-detail">（FDZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FDZL" placeholder="房地坐落"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYQR">
+            <span slot="label">
+              土地使用权人： <br />
+              <p class="label-detail">（TDSYQR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.TDSYQR" placeholder="土地使用权人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DYTDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              独用土地面积： <br />
+              <p class="label-detail">（DYTDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+              placeholder="独用土地面积" type="number" v-model.number="ruleForm.DYTDMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 分摊土地面积 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FTTDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              分摊土地面积： <br />
+              <p class="label-detail">（FTTDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+              placeholder="分摊土地面积" type="number" v-model.number="ruleForm.FTTDMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYQSSJ">
+            <span slot="label">
+              土地使用起始时间： <br />
+              <p class="label-detail">（TDSYQSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.TDSYQSSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="TDSYJSSJ">
+            <span slot="label">
+              土地使用结束时间： <br />
+              <p class="label-detail">（TDSYJSSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.TDSYJSSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!-- 房地产交易价格 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FDCJYJG" :rules="{ type: 'number' }">
+            <span slot="label">
+              房地产交易价格： <br />
+              <p class="label-detail">（FDCJYJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.FDCJYJG" placeholder="房地产交易价格"
+              type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 4 }"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GHYT">
+            <span slot="label">
+              规划用途： <br />
+              <p class="label-detail">（GHYT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.GHYT" placeholder="规划用途">
+              <el-option v-for="item in dicData['A17']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FWXZ">
+            <span slot="label">
+              房屋性质： <br />
+              <p class="label-detail">（FWXZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWXZ" placeholder="房屋性质">
+              <el-option v-for="item in dicData['A19']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!-- 房屋结构 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FWJG">
+            <span slot="label">
+              房屋结构： <br />
+              <p class="label-detail">（FWJG）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.FWJG" placeholder="房屋结构">
+              <el-option v-for="item in dicData['A46']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="SZC">
+            <span slot="label">
+              所在层： <br />
+              <p class="label-detail">（SZC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" placeholder="所在层" v-model="ruleForm.SZC"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZCS" :rules="{ type: 'number' }">
+            <span slot="label">
+              总层数： <br />
+              <p class="label-detail">（ZCS）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZCS" type="number"
+              v-only-number="{ max: 9999, min: 0, precision: 0 }" placeholder="总层数"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 建筑面积 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              建筑面积： <br />
+              <p class="label-detail">（JZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+              placeholder="建筑面积" type="number" v-model.number="ruleForm.JZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZYJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              专有建筑面积： <br />
+              <p class="label-detail">（ZYJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+              placeholder="专有建筑面积" type="number" v-model.number="ruleForm.ZYJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FTJZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              分摊建筑面积： <br />
+              <p class="label-detail">（FTJZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-only-number="{ max: 999999999999999, min: 0, precision: 2 }"
+              placeholder="分摊建筑面积" type="number" v-model.number="ruleForm.FTJZMJ"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!-- 竣工时间 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JGSJ">
+            <span slot="label">
+              竣工时间： <br />
+              <p class="label-detail">（JGSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.JGSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCQZH">
+            <span slot="label">
+              不动产权证号： <br />
+              <p class="label-detail">（BDCQZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCQZH" placeholder="不动产权证号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!-- 登记时间 -->
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" type="date" placeholder="选择日期" clearable
+              v-model="ruleForm.DJSJ" value-format="yyyy-MM-dd"></el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJG">
+            <span slot="label">
+              登记机构： <br />
+              <p class="label-detail">（DJJG）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJG" placeholder="登记机构"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QSZT">
+            <span slot="label">
+              权属状态： <br />
+              <p class="label-detail">（QSZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QSZT" placeholder="权属状态">
+              <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+// 房地产权_独幢
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        YSDM: '',
+        BDCDYH: '',
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        DJYY: '',
+        FDZL: '',
+        TDSYQR: '',
+        DYTDMJ: '',
+        FTTDMJ: '',
+        TDSYQSSJ: '',
+        TDSYJSSJ: '',
+        FDCJYJG: '',
+        GHYT: '',
+        FWXZ: '',
+        FWJG: '',
+        SZC: '',
+        ZCS: '',
+        JZMJ: '',
+        ZYJZMJ: '',
+        FTJZMJ: '',
+        JGSJ: '',
+        BDCQZH: '',
+        DBR: '',
+        DJSJ: '',
+        FJ: '',
+        QXDM: '',
+        DJJG: '',
+        QSZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getQltFwFdcqYzById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateQltFwFdcqYz(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="structure itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item>
+            <span slot="label">
+              标识码： <br />
+              <p class="label-detail">（BSM）</p>
+            </span>
+            <p :class="{ 'disabled': $store.state.business.Edit }">
+              {{ ruleForm.BSM }}
+            </p>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号： <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZDZHDM">
+            <span slot="label">
+              宗地/宗海代码： <br />
+              <p class="label-detail">（ZDZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZDZHDM" placeholder="宗地/宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="GZWMC">
+            <span slot="label">
+              构筑物名称： <br />
+              <p class="label-detail">（GZWMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.GZWMC" placeholder="构筑物名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZL">
+            <span slot="label">
+              坐落： <br />
+              <p class="label-detail">（ZL）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZL" placeholder="坐落"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="MJDW">
+            <span slot="label">
+              面积单位： <br />
+              <p class="label-detail">（MJDW）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.MJDW" placeholder="面积单位">
+              <el-option v-for="item in dicData['A7']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="MJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              面积： <br />
+              <p class="label-detail">（MJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.MJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DAH">
+            <span slot="label">
+              档案号： <br />
+              <p class="label-detail">（DAH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="ZT">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="请选择">
+              <el-option v-for="item in ZTOptions" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 构筑物
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ZTOptions: [],
+      ruleForm: {
+        BSM: '',
+        YSDM: '',
+        BDCDYH: '',
+        ZDZHDM: '',
+        GZWMC: '',
+        ZL: '',
+        MJDW: '',
+        MJ: '',
+        DAH: '',
+        ZT: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttGzwById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKttGzw(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="unstructuredDoc itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="FJMC">
+            <span slot="label">
+              附件名称： <br />
+              <p class="label-detail">（FJMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJMC" placeholder="附件名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJLX">
+            <span slot="label">
+              附件类型： <br />
+              <p class="label-detail">（FJLX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJLX" placeholder="附件类型"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJNR">
+            <span slot="label">
+              附件内容： <br />
+              <p class="label-detail">（FJNR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJNR" placeholder="附件内容"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 非结构化文档
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        FJMC: '',
+        FJLX: '',
+        FJNR: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getFjF100ById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateFjF100(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <div class="zonghaiBasicInfo itemForm">
+    <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item>
+            <span slot="label">
+              标识码：<br />
+              <p class="label-detail">（BSM）</p>
+            </span>
+            <p :class="{ 'disabled': $store.state.business.Edit }">
+              {{ ruleForm.BSM }}
+            </p>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YSDM">
+            <span slot="label">
+              要素代码： <br />
+              <p class="label-detail">（YSDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZHDM">
+            <span slot="label">
+              宗海代码： <br />
+              <p class="label-detail">（ZHDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="BDCDYH">
+            <span slot="label">
+              不动产单元号 <br />
+              <p class="label-detail">（BDCDYH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BDCDYH" placeholder="不动产单元号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZHTZM">
+            <span slot="label">
+              宗海特征码： <br />
+              <p class="label-detail">（ZHTZM）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZHTZM" placeholder="请选择宗海特征码">
+              <el-option v-for="item in dicData['A44']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="XMMC">
+            <span slot="label">
+              项目名称： <br />
+              <p class="label-detail">（XMMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.XMMC" placeholder="项目名称"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="XMXZ">
+            <span slot="label">
+              项目性质： <br />
+              <p class="label-detail">（XMXZ）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XMXZ" placeholder="请选择项目性质">
+              <el-option v-for="item in dicData['A49']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YHZMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              用海总面积： <br />
+              <p class="label-detail">（YHZMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHZMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="用海总面积"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZHMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              宗海面积： <br />
+              <p class="label-detail">（ZHMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZHMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 4 }" placeholder="宗海面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DB">
+            <span slot="label">
+              等别： <br />
+              <p class="label-detail">（DB）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.DB" placeholder="等别">
+              <el-option v-for="item in dicData['A14']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZHAX" :rules="{ type: 'number' }">
+            <span slot="label">
+              占海岸线： <br />
+              <p class="label-detail">（ZHAX）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.ZHAX" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="占海岸线"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YHLXA">
+            <span slot="label">
+              用海类型A： <br />
+              <p class="label-detail">（YHLXA）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHLXA" placeholder="用海类型A">
+              <el-option v-for="item in dicData['A12']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="YHLXB">
+            <span slot="label">
+              用海类型B： <br />
+              <p class="label-detail">（YHLXB）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHLXB" placeholder="用海类型B">
+              <el-option v-for="item in dicData['A13']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YHWZSM">
+            <span slot="label">
+              用海位置说明： <br />
+              <p class="label-detail">（YHWZSM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YHWZSM" placeholder="用海位置说明"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="HDMC">
+            <span slot="label">
+              海岛名称： <br />
+              <p class="label-detail">（HDMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDMC" placeholder="海岛名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="HDDM">
+            <span slot="label">
+              海岛代码： <br />
+              <p class="label-detail">（HDDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDDM" placeholder="海岛代码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YDFW">
+            <span slot="label">
+              用岛范围： <br />
+              <p class="label-detail">（YDFW）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YDFW" placeholder="用岛范围"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="YDMJ" :rules="{ type: 'number' }">
+            <span slot="label">
+              用岛面积： <br />
+              <p class="label-detail">（YDMJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YDMJ" type="number"
+              v-only-number="{ max: 999999999999999, min: 0, precision: 2 }" placeholder="用岛面积"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="HDWZ">
+            <span slot="label">
+              海岛位置： <br />
+              <p class="label-detail">（HDWZ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HDWZ" placeholder="海岛位置"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="HDYT">
+            <span slot="label">
+              海岛用途： <br />
+              <p class="label-detail">（HDYT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.HDYT" placeholder="海岛用途">
+              <el-option v-for="item in dicData['A53']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZHT">
+            <span slot="label">
+              宗海图： <br />
+              <p class="label-detail">（ZHT）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHT" placeholder="宗海图"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DAH">
+            <span slot="label">
+              档案号： <br />
+              <p class="label-detail">（DAH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DAH" placeholder="档案号"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZT">
+            <span slot="label">
+              状态： <br />
+              <p class="label-detail">（ZT）</p>
+            </span>
+            <el-select :disabled="$store.state.business.Edit" v-model="ruleForm.ZT" placeholder="状态">
+              <el-option v-for="item in dicData['A11']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="QXDM">
+            <span slot="label">
+              区县代码： <br />
+              <p class="label-detail">（QXDM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJSJ">
+            <span slot="label">
+              登记时间： <br />
+              <p class="label-detail">（DJSJ）</p>
+            </span>
+            <el-date-picker :disabled="$store.state.business.Edit" v-model="ruleForm.DJSJ" type="datetime"
+              format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DBR">
+            <span slot="label">
+              登簿人： <br />
+              <p class="label-detail">（DBR）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DBR" placeholder="登簿人"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="FJ">
+            <span slot="label">
+              附记： <br />
+              <p class="label-detail">（FJ）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.FJ" placeholder="附记"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="DJJGBM">
+            <span slot="label">
+              登记机构编码： <br />
+              <p class="label-detail">（DJJGBM）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGBM" placeholder="登记机构编码"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="DJJGMC">
+            <span slot="label">
+              登记机构名称： <br />
+              <p class="label-detail">（DJJGMC）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DJJGMC" placeholder="登记机构名称"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="JDH">
+            <span slot="label">
+              街道（乡、镇）： <br />
+              <p class="label-detail">（JDH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JDH" placeholder="街道（乡、镇）"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item prop="JFH">
+            <span slot="label">
+              街坊（村）： <br />
+              <p class="label-detail">（JFH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JFH" placeholder="街坊（村）"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="ZH">
+            <span slot="label">
+              组： <br />
+              <p class="label-detail">（ZH）</p>
+            </span>
+            <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZH" placeholder="组"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <message-tips ref="msg" />
+  </div>
+</template>
+<script>
+// 宗海基本信息
+import business from '@/api/business'
+import ruleMixin from '@/mixins/ruleMixin.js'
+export default {
+  mixins: [ruleMixin],
+  props: {
+    bsmSjsb: {
+      type: String,
+      default: ''
+    },
+    dataTable: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      ruleForm: {
+        BSM: '',
+        YSDM: '',
+        // 宗海代码
+        ZHDM: '',
+        BDCDYH: '',
+        ZHTZM: '',
+        XMMC: '',
+        XMXZ: '',
+        YHZMJ: '',
+        ZHMJ: '',
+        DB: '',
+        ZHAX: '',
+        YHLXA: '',
+        YHLXB: '',
+        YHWZSM: '',
+        HDMC: '',
+        HDDM: '',
+        YDFW: '',
+        YDMJ: '',
+        HDWZ: '',
+        HDYT: '',
+        ZHT: '',
+        DAH: '',
+        ZT: '',
+        QXDM: '',
+        DJSJ: '',
+        DBR: '',
+        FJ: '',
+        DJJGBM: '',
+        DJJGMC: '',
+        JDH: '',
+        JFH: '',
+        ZH: ''
+      }
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        let { result: res } = await business.getKttZhjbxxById(this.bsmSjsb)
+        this.ruleForm = res
+        this.featchRule()
+      } catch (error) {
+        this.$refs.msg.messageShow()
+      }
+    },
+    handleUpdateForm () {
+      return new Promise(async (resolve) => {
+        try {
+          let res = await business.updateKttZhjbxx(this.ruleForm)
+          // this.$refs['formList'].resetFields();
+          resolve(res.code)
+        } catch (error) {
+          this.$refs.msg.messageShow()
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./css/itemForm.scss";
+</style>
+
+

+<template>
+  <!-- 编辑 -->
+  <el-dialog top="0" :close-on-click-modal="false" custom-class="editDialogBox" :visible.sync="dialogVisible"
+    width="75%">
+    <div slot="title" class="dialog_title" ref="dialogTitle">
+      <b>{{ title }}</b>
+    </div>
+    <div class="dialog-from">
+      <el-row>
+        <el-col :span="6">
+          <span>业务报文ID：</span>
+          <p>{{ ruleFormList.bizMsgID }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>接入报文ID：</span>
+          <p>{{ ruleFormList.asid }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>行政区划编码：</span>
+          <p>{{ ruleFormList.areaCode }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>上次不动产单元号：</span>
+          <p>{{ ruleFormList.preestateNum }}</p>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <span>业务编码：</span>
+          <p>{{ ruleFormList.recType }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>权利类型：</span>
+          <p>{{ ruleFormList.rightType }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>登记类型：</span>
+          <p>{{ ruleFormList.regType }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>不动产权证书数量：</span>
+          <p>{{ ruleFormList.certCount }}</p>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <span>创建时间：</span>
+          <p>{{ ruleFormList.createDate }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>业务流水号：</span>
+          <p>{{ ruleFormList.recFlowID }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>登记机构：</span>
+          <p>{{ ruleFormList.regOrgID }}</p>
+        </el-col>
+        <el-col :span="6">
+          <span>证明数量：</span>
+          <p>{{ ruleFormList.prllfCount }}</p>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6">
+          <span>宗地/宗海代码：</span>
+          <p>{{ ruleFormList.parcelID }}</p>
+        </el-col>
+        <el-col :span="10">
+          <span>不动产单元号：</span>
+          <p>{{ ruleFormList.estateNum }}</p>
+        </el-col>
+        <el-col :span="7">
+          <span>上次不动产权证号/不动产登记证明：</span>
+          <p>{{ ruleFormList.preCertID }}</p>
+        </el-col>
+      </el-row>
+    </div>
+    <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
+      <el-tab-pane :name="item.soleUrl" v-for="item in headerList" :key="item.soleUrl">
+        <div slot="label" class="tab-pane-item">
+          <p class="name">{{ item.chineseTable }}</p>
+          <p class="soleUrl" :data-name="item.soleUrl">({{ item.dataTable }})</p>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+    <div class="edit-content">
+      <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" :bsmSjsb="bsmSjsb"
+        :dataTable="dataTable" />
+    </div>
+    <div slot="footer" class="dialog_footer" ref="dialogFooter">
+      <div class="dialog_button">
+        <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding"
+          :disabled="JSON.stringify(this.$store.state.business.rules) === '{}'">确定
+        </el-button>
+        <el-button type="primary" plain @click="closeDialog()">关闭</el-button>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import dataReporting from '@/api/dataReporting'
+import { MessageBox } from 'element-ui'
+export default {
+  computed: {
+    ...mapGetters(['Edit'])
+  },
+  props: {
+    diaData: Object,
+    bsmSjsb: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      index: 0,
+      ruleFormList: {
+        bizMsgID: '',
+        asid: '',
+        areaCode: '',
+        preestateNum: '',
+        recType: '',
+        rightType: '',
+        regType: '',
+        certCount: '',
+        createDate: '',
+        recFlowID: '',
+        regOrgID: '',
+        prllfCount: '',
+        parcelID: '',
+        estateNum: '',
+        preCertID: '',
+        digitalSign: ''
+      },
+      images: require('./images/success.gif'),
+      saveloding: false,
+      dialogVisible: false,
+      activeName: undefined,
+      editItem: '',
+      title: '',
+      headerList: [],
+      dataTable: ''
+    }
+  },
+  methods: {
+    async getFormList (id) {
+      let { result: res } = await dataReporting.searchTaskInfoByMsgid(id)
+      this.ruleFormList = res
+    },
+    isShow () {
+      setTimeout(() => {
+        if (this.diaData && this.diaData.list) {
+          this.getFormList(this.diaData.msgId)
+          this.headerList = this.diaData.list
+          this.activeName = this.diaData.list[0].soleUrl
+          this.dataTable = this.diaData.list[0].dataTable
+          this.title = this.diaData.jrywmc
+        }
+        this.dialogVisible = true
+        if (this.activeName) {
+          this.editItem = this.loadView(this.activeName)
+        }
+      }, 0)
+    },
+    changeList (val) {
+      console.log(this.$refs.elTabs,)
+      let _index = val.index
+      if (_index > this.index) {
+
+      }
+      this.index = _index
+      this.editItem = this.loadView(this.activeName)
+      this.diaData.list.forEach((item) => {
+        if (item.soleUrl == this.activeName) {
+          this.dataTable = item.dataTable
+        }
+      });
+    },
+    loadView (view) {
+      return r => require.ensure([], () => r(require(`@/components/business/${view}`)))
+    },
+    closeDialog () {
+      this.dialogVisible = false
+    },
+    submitForm () {
+      let _this = this
+      this.$store.dispatch('business/setRules', this.$store.state.business.subRules)
+      this.$nextTick(() => {
+        this.$refs['editItem'] && this.$refs['editItem'].verificationForm().then(res => {
+          if (!res) {
+            _this.$message({
+              message: '请检查表单必填项是否完整',
+              type: 'warning'
+            })
+            return false
+          } else {
+            _this.saveloding = true
+            _this.$refs['editItem'].handleUpdateForm().then(res => {
+              if (res == 200) {
+                _this.$alert('<p><img class="success-images" src="' + this.images + '"/>编辑成功！</p>', '提示', {
+                  showConfirmButton: false,
+                  dangerouslyUseHTMLString: true
+                })
+                setTimeout(() => {
+                  MessageBox.close(false)
+                }, 1500)
+              }
+            }).catch(function (error) {
+              _this.$alert(error, '提示', {
+                confirmButtonText: '确定',
+                type: 'error'
+              })
+            });
+            _this.saveloding = false
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.editForm {
+  /deep/.el-textarea__inner {
+    border: none !important;
+    margin: 0 !important;
+    width: 100% !important;
+  }
+
+  /deep/.el-input__inner {
+    border: none !important;
+    margin: 0 !important;
+    width: 100% !important;
+  }
+}
+
+/deep/.el-dialog__body {
+  display: flex;
+  flex-direction: column;
+}
+
+// /deep/.el-tabs__item {
+//   background-color: #f2f6fc;
+// }
+
+/deep/.el-tabs__nav-scroll {
+  background: none;
+}
+
+/deep/.el-tabs__item.is-top {
+  border: 1px solid #dfe4ed;
+  border-top: 1px solid #dfe4ed;
+  border-bottom: 1px solid transparent;
+}
+
+/deep/.el-tabs__header .el-tabs__nav {
+  border-top: none;
+}
+
+/deep/.el-tabs__item.is-top:not(:last-child) {
+  margin-right: 5px;
+}
+
+/deep/.el-tabs__item.is-top {
+  background-color: #f2f6fc;
+}
+
+.success-images {
+  width: 30px;
+  height: 30px;
+  position: relative;
+  top: 10px;
+  right: 3px;
+}
+
+.tab-pane-item {
+  line-height: 20px;
+
+  p {
+    text-align: center;
+  }
+}
+
+.edit-content {
+  height: 380px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 1px;
+  border: 1px solid #ccc;
+  margin-bottom: 10px;
+  border-top: none;
+}
+
+.editDialogBox {
+  border-radius: 8px;
+  overflow: hidden;
+  min-width: 1228px;
+
+  .dialog-from {
+    margin-bottom: 10px;
+    padding: 5px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+
+    .el-col {
+      line-height: 24px;
+      display: flex;
+      align-items: center;
+      margin-bottom: 3px;
+
+      span {
+        display: inline-block;
+        padding: 3px;
+        border-radius: 3px;
+        overflow: hidden;
+        min-width: 130px;
+        text-align: right;
+        background-color: #f2f6fc;
+        margin-right: 5px;
+      }
+
+      p {
+        white-space: nowrap;
+        flex: 1;
+        width: 100%;
+        padding-left: 5px;
+        border: 1px solid #f2f6fc;
+        height: 26px;
+        background-color: #f5f7fa;
+        color: #c0c4cc;
+        cursor: not-allowed;
+        margin-right: 5px;
+      }
+    }
+  }
+
+  .dialog_title {
+    display: flex;
+    position: relative;
+    top: -2px;
+
+    b {
+      flex: 1;
+      width: 100%;
+      @flex-center();
+    }
+  }
+
+  .el-dialog__header {
+    height: 50px;
+  }
+
+  .dialog_footer {
+    flex-direction: column;
+
+    .dialog_button {
+      margin-top: 8px;
+    }
+  }
+
+  .divider {
+    width: 100%;
+    border-bottom: 1px solid #ccc;
+  }
+}
+
+.el-dialog__wrapper {
+  overflow: hidden;
+}
+</style>
+

+<template>
+  <div>
+    <!-- 年度开工率 -->
+    <Echart
+      :options="options"
+      id="bottomLeftChart"
+      height="480px"
+      width="100%"
+    ></Echart>
+  </div>
+</template>
+
+<script>
+import Echart from '@/common/echart'
+export default {
+  data () {
+    return {
+      options: {},
+    };
+  },
+  components: {
+    Echart,
+  },
+  props: {
+    cdata: {
+      type: Object,
+      default: () => ({})
+    },
+  },
+  watch: {
+    cdata: {
+      handler (newData) {
+        this.options = {
+          tooltip: {
+            trigger: "axis",
+            backgroundColor: "rgba(255,255,255,0.1)",
+            axisPointer: {
+              type: "shadow",
+              label: {
+                show: true,
+                backgroundColor: "#7B7DDC"
+              }
+            }
+          },
+          legend: {
+            data: ["已贯通", "计划贯通", "贯通率"],
+            textStyle: {
+              color: "#B4B4B4"
+            },
+            top: "0%"
+          },
+          grid: {
+            x: "8%",
+            width: "88%",
+            y: "4%"
+          },
+          xAxis: {
+            data: newData.category,
+            axisLine: {
+              lineStyle: {
+                color: "#B4B4B4"
+              }
+            },
+            axisTick: {
+              show: false
+            }
+          },
+          yAxis: [
+            {
+              splitLine: { show: false },
+              axisLine: {
+                lineStyle: {
+                  color: "#B4B4B4"
+                }
+              },
+
+              axisLabel: {
+                formatter: "{value} "
+              }
+            },
+            {
+              splitLine: { show: false },
+              axisLine: {
+                lineStyle: {
+                  color: "#B4B4B4"
+                }
+              },
+              axisLabel: {
+                formatter: "{value} "
+              }
+            }
+          ],
+          series: [
+            {
+              name: "贯通率",
+              type: "line",
+              smooth: true,
+              showAllSymbol: true,
+              symbol: "emptyCircle",
+              symbolSize: 8,
+              yAxisIndex: 1,
+              itemStyle: {
+                normal: {
+                  color: "#F02FC2"
+                }
+              },
+              data: newData.rateData
+            },
+            {
+              name: "已贯通",
+              type: "bar",
+              barWidth: 10,
+              itemStyle: {
+                normal: {
+                  barBorderRadius: 5,
+                  color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: "#956FD4" },
+                    { offset: 1, color: "#3EACE5" }
+                  ])
+                }
+              },
+              data: newData.barData
+            },
+            {
+              name: "计划贯通",
+              type: "bar",
+              barGap: "-100%",
+              barWidth: 10,
+              itemStyle: {
+                normal: {
+                  barBorderRadius: 5,
+                  color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: "rgba(156,107,211,0.8)" },
+                    { offset: 0.2, color: "rgba(156,107,211,0.5)" },
+                    { offset: 1, color: "rgba(156,107,211,0.2)" }
+                  ])
+                }
+              },
+              z: -12,
+              data: newData.lineData
+            }
+          ]
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+  },
+}
+</script>
\ No newline at end of file

+<template>
+  <div>
+    <Chart :cdata="cdata" />
+  </div>
+</template>
+
+<script>
+import Chart from './chart.vue'
+export default {
+  data () {
+    return {
+      cdata: {
+        category: [
+          "市区",
+          "万州",
+          "江北",
+          "南岸",
+          "北碚",
+          "綦南",
+          "长寿",
+          "永川",
+          "璧山",
+          "江津",
+          "城口",
+          "大足",
+          "垫江",
+          "丰都",
+          "奉节",
+          "合川",
+          "江津区",
+          "开州",
+          "南川",
+          "彭水",
+          "黔江",
+          "石柱",
+          "铜梁",
+          "潼南",
+          "巫山",
+          "巫溪",
+          "武隆",
+          "秀山",
+          "酉阳",
+          "云阳",
+          "忠县",
+          "川东",
+          "检修"
+        ],
+        lineData: [
+          18092,
+          20728,
+          24045,
+          28348,
+          32808,
+          36097,
+          39867,
+          44715,
+          48444,
+          50415,
+          56061,
+          62677,
+          59521,
+          67560,
+          18092,
+          20728,
+          24045,
+          28348,
+          32808,
+          36097,
+          39867,
+          44715,
+          48444,
+          50415,
+          36097,
+          39867,
+          44715,
+          48444,
+          50415,
+          50061,
+          32677,
+          49521,
+          32808
+        ],
+        barData: [
+          4600,
+          5000,
+          5500,
+          6500,
+          7500,
+          8500,
+          9900,
+          12500,
+          14000,
+          21500,
+          23200,
+          24450,
+          25250,
+          33300,
+          4600,
+          5000,
+          5500,
+          6500,
+          7500,
+          8500,
+          9900,
+          22500,
+          14000,
+          21500,
+          8500,
+          9900,
+          12500,
+          14000,
+          21500,
+          23200,
+          24450,
+          25250,
+          7500
+        ],
+        rateData: []
+      }
+    };
+  },
+  components: {
+    Chart,
+  },
+  mounted () {
+    this.setData();
+  },
+  methods: {
+    // 根据自己的业务情况修改
+    setData () {
+      for (let i = 0; i < this.cdata.barData.length -1; i++) {
+        let rate = this.cdata.barData[i] / this.cdata.lineData[i];
+        this.cdata.rateData.push(rate.toFixed(2));
+      }
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <Echart
+      :options="options"
+      id="centreLeft1Chart"
+      height="480px"
+      width="100%"
+    ></Echart>
+  </div>
+</template>
+
+<script>
+import Echart from '@/common/echart'
+export default {
+  data() {
+    return {
+      options: {},
+      // 定义颜色
+      colorList: {
+        linearYtoG: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 1,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0,
+              color: '#f5b44d'
+            },
+            {
+              offset: 1,
+              color: '#28f8de'
+            }
+          ]
+        },
+        linearGtoB: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 1,
+          y2: 0,
+          colorStops: [
+            {
+              offset: 0,
+              color: '#43dfa2'
+            },
+            {
+              offset: 1,
+              color: '#28f8de'
+            }
+          ]
+        },
+        linearBtoG: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 1,
+          y2: 0,
+          colorStops: [
+            {
+              offset: 0,
+              color: '#1c98e8'
+            },
+            {
+              offset: 1,
+              color: '#28f8de'
+            }
+          ]
+        },
+        areaBtoG: {
+          type: 'linear',
+          x: 0,
+          y: 0,
+          x2: 0,
+          y2: 1,
+          colorStops: [
+            {
+              offset: 0,
+              color: 'rgba(35,184,210,.2)'
+            },
+            {
+              offset: 1,
+              color: 'rgba(35,184,210,0)'
+            }
+          ]
+        }
+      }
+    }
+  },
+  components: {
+    Echart
+  },
+  props: {
+    cdata: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  watch: {
+    cdata: {
+      handler(newData) {
+        this.options = {
+          title: {
+            text: '',
+            textStyle: {
+              color: '#D3D6DD',
+              fontSize: 24,
+              fontWeight: 'normal'
+            },
+            subtext: newData.year + '/' + newData.weekCategory[6],
+            subtextStyle: {
+              color: '#fff',
+              fontSize: 16
+            },
+            top: 50,
+            left: 80
+          },
+          legend: {
+            top: 120,
+            left: 80,
+            orient: 'vertical',
+            itemGap: 15,
+            itemWidth: 12,
+            itemHeight: 12,
+            data: ['平均指标', '我的指标'],
+            textStyle: {
+              color: '#fff',
+              fontSize: 14
+            }
+          },
+          tooltip: {
+            trigger: 'item'
+          },
+          radar: {
+            center: ['68%', '27%'],
+            radius: '40%',
+            name: {
+              color: '#fff'
+            },
+            splitNumber: 8,
+            axisLine: {
+              lineStyle: {
+                color: this.colorList.linearYtoG,
+                opacity: 0.6
+              }
+            },
+            splitLine: {
+              lineStyle: {
+                color: this.colorList.linearYtoG,
+                opacity: 0.6
+              }
+            },
+            splitArea: {
+              areaStyle: {
+                color: '#fff',
+                opacity: 0.1,
+                shadowBlur: 25,
+                shadowColor: '#000',
+                shadowOffsetX: 0,
+                shadowOffsetY: 5
+              }
+            },
+            indicator: [
+              {
+                name: '服务态度',
+                max: newData.maxData
+              },
+              {
+                name: '产品质量',
+                max: 10
+              },
+              {
+                name: '任务效率',
+                max: 12
+              },
+              {
+                name: '售后保障',
+                max: 3.5
+              }
+            ]
+          },
+          grid: {
+            left: 90,
+            right: 80,
+            bottom: 40,
+            top: '60%'
+          },
+          xAxis: {
+            type: 'category',
+            position: 'bottom',
+            axisLine: true,
+            axisLabel: {
+              color: 'rgba(255,255,255,.8)',
+              fontSize: 12
+            },
+            data: newData.weekCategory
+          },
+          // 下方Y轴
+          yAxis: {
+            name: '工单',
+            nameLocation: 'end',
+            nameGap: 24,
+            nameTextStyle: {
+              color: 'rgba(255,255,255,.5)',
+              fontSize: 14
+            },
+            max: newData.maxData,
+            splitNumber: 4,
+
+            axisLine: {
+              lineStyle: {
+                opacity: 0
+              }
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                color: '#fff',
+                opacity: 0.1
+              }
+            },
+            axisLabel: {
+              color: 'rgba(255,255,255,.8)',
+              fontSize: 12
+            }
+          },
+          series: [
+            {
+              name: '',
+              type: 'radar',
+              symbolSize: 0,
+              data: [
+                {
+                  value: newData.radarDataAvg[6],
+                  name: '平均指标',
+                  itemStyle: {
+                    normal: {
+                      color: '#f8d351'
+                    }
+                  },
+                  lineStyle: {
+                    normal: {
+                      opacity: 0
+                    }
+                  },
+                  areaStyle: {
+                    normal: {
+                      color: '#f8d351',
+                      shadowBlur: 25,
+                      shadowColor: 'rgba(248,211,81,.3)',
+                      shadowOffsetX: 0,
+                      shadowOffsetY: -10,
+                      opacity: 1
+                    }
+                  }
+                },
+                {
+                  value: newData.radarData[6],
+                  name: '我的指标',
+                  itemStyle: {
+                    normal: {
+                      color: '#43dfa2'
+                    }
+                  },
+                  lineStyle: {
+                    normal: {
+                      opacity: 0
+                    }
+                  },
+                  areaStyle: {
+                    normal: {
+                      color: this.colorList.linearGtoB,
+                      shadowBlur: 15,
+                      shadowColor: 'rgba(0,0,0,.2)',
+                      shadowOffsetX: 0,
+                      shadowOffsetY: 5,
+                      opacity: 0.8
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              name: '',
+              type: 'line',
+              smooth: true,
+              symbol: 'emptyCircle',
+              symbolSize: 8,
+              itemStyle: {
+                normal: {
+                  color: '#fff'
+                }
+              },
+              lineStyle: {
+                normal: {
+                  color: this.colorList.linearBtoG,
+                  width: 3
+                }
+              },
+              areaStyle: {
+                normal: {
+                  color: this.colorList.areaBtoG
+                }
+              },
+              data: newData.weekLineData,
+              lineSmooth: true,
+              markLine: {
+                silent: true,
+                data: [
+                  {
+                    type: 'average',
+                    name: '平均值'
+                  }
+                ],
+                precision: 0,
+                label: {
+                  normal: {
+                    formatter: '平均值: \n {c}'
+                  }
+                },
+                lineStyle: {
+                  normal: {
+                    color: 'rgba(248,211,81,.7)'
+                  }
+                }
+              },
+              tooltip: {
+                position: 'top',
+                formatter: '{c} m',
+                backgroundColor: 'rgba(28,152,232,.2)',
+                padding: 6
+              }
+            },
+            {
+              name: '占位背景',
+              type: 'bar',
+              itemStyle: {
+                normal: {
+                  show: true,
+                  color: '#000',
+                  opacity: 0
+                }
+              },
+              silent: true,
+              barWidth: '50%',
+              data: newData.weekMaxData,
+              animation: false
+            }
+          ]
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+}
+</script>

+<template>
+  <div>
+    <Chart :cdata="cdata" />
+  </div>
+</template>
+
+<script>
+import Chart from './chart.vue'
+export default {
+  data () {
+    return {
+      drawTiming: null,
+      cdata: {
+        year: null,
+        weekCategory: [],
+        radarData: [],
+        radarDataAvg: [],
+        maxData: 12000,
+        weekMaxData: [],
+        weekLineData: []
+      }
+    }
+  },
+  components: {
+    Chart,
+  },
+  mounted () {
+    this.drawTimingFn();
+  },
+  beforeDestroy () {
+    clearInterval(this.drawTiming);
+  },
+  methods: {
+    drawTimingFn () {
+      this.setData();
+      this.drawTiming = setInterval(() => {
+        this.setData();
+      }, 6000);
+    },
+    setData () {
+      // 清空轮询数据
+      this.cdata.weekCategory = [];
+      this.cdata.weekMaxData = [];
+      this.cdata.weekLineData = [];
+      this.cdata.radarData = [];
+      this.cdata.radarDataAvg = [];
+
+      let dateBase = new Date();
+      this.cdata.year = dateBase.getFullYear();
+      // 周数据
+      for (let i = 0; i < 7; i++) {
+        // 日期
+        let date = new Date();
+        this.cdata.weekCategory.unshift([date.getMonth() + 1, date.getDate()-i].join("/"));
+
+        // 折线图数据
+        this.cdata.weekMaxData.push(this.cdata.maxData);
+        let distance = Math.round(Math.random() * 11000 + 500);
+        this.cdata.weekLineData.push(distance);
+
+        // 雷达图数据
+        // 我的指标
+        let averageSpeed = +(Math.random() * 5 + 3).toFixed(3);
+        let maxSpeed = averageSpeed + +(Math.random() * 3).toFixed(2);
+        let hour = +(distance / 1000 / averageSpeed).toFixed(1);
+        let radarDayData = [distance, averageSpeed, maxSpeed, hour];
+        this.cdata.radarData.unshift(radarDayData);
+
+        // 平均指标
+        let distanceAvg = Math.round(Math.random() * 8000 + 4000);
+        let averageSpeedAvg = +(Math.random() * 4 + 4).toFixed(3);
+        let maxSpeedAvg = averageSpeedAvg + +(Math.random() * 2).toFixed(2);
+        let hourAvg = +(distance / 1000 / averageSpeed).toFixed(1);
+        let radarDayDataAvg = [
+          distanceAvg,
+          averageSpeedAvg,
+          maxSpeedAvg,
+          hourAvg
+        ];
+        this.cdata.radarDataAvg.unshift(radarDayDataAvg);
+      }
+
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <!-- 通过率/达标率 -->
+    <Echart
+      :options="options"
+      :id="id"
+      height="100px"
+      width="100px"
+    ></Echart>
+  </div>
+</template>
+
+<script>
+import Echart from '@/common/echart'
+export default {
+  data () {
+    return {
+      options: {},
+    };
+  },
+  components: {
+    Echart,
+  },
+  props: {
+    id: {
+      type: String,
+      required: true,
+      default: "chartRate"
+    },
+    tips: {
+      type: Number,
+      required: true,
+      default: 50
+    },
+    colorObj: {
+      type: Object,
+      default: function () {
+        return {
+          textStyle: "#3fc0fb",
+          series: {
+            color: ["#00bcd44a", "transparent"],
+            dataColor: {
+              normal: "#03a9f4",
+              shadowColor: "#97e2f5"
+            }
+          }
+        };
+      }
+    }
+  },
+  watch: {
+    // tips 是会变更的数据，所以进行监听
+    tips: {
+      handler (newData) {
+        this.options = {
+          title:{
+            text: newData * 1 + "%",
+            x: "center",
+            y: "center",
+            textStyle: {
+              color: this.colorObj.textStyle,
+              fontSize: 16
+            }
+          },
+          series: [
+            {
+              type: "pie",
+              radius: ["75%", "80%"],
+              center: ["50%", "50%"],
+              hoverAnimation: false,
+              color: this.colorObj.series.color,
+              label: {
+                normal: {
+                  show: false
+                }
+              },
+              data: [
+                {
+                  value: newData,
+                  itemStyle: {
+                    normal: {
+                      color: this.colorObj.series.dataColor.normal,
+                      shadowBlur: 10,
+                      shadowColor: this.colorObj.series.dataColor.shadowColor
+                    }
+                  }
+                },
+                {
+                  value: 100 - newData
+                }
+              ]
+            }
+          ]
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <Echart
+      :options="options"
+      id="centreLeft1Chart"
+      height="220px"
+      width="260px"
+    ></Echart>
+  </div>
+</template>
+
+<script>
+import Echart from '@/common/echart'
+export default {
+  data () {
+    return {
+      options: {},
+    };
+  },
+  components: {
+    Echart,
+  },
+  props: {
+    cdata: {
+      type: Object,
+      default: () => ({})
+    },
+  },
+  watch: {
+    cdata: {
+      handler (newData) {
+        this.options = {
+          color: [
+            "#37a2da",
+            "#32c5e9",
+            "#9fe6b8",
+            "#ffdb5c",
+            "#ff9f7f",
+            "#fb7293",
+            "#e7bcf3",
+            "#8378ea"
+          ],
+          tooltip: {
+            trigger: "item",
+            formatter: "{a} <br/>{b} : {c} ({d}%)"
+          },
+          toolbox: {
+            show: true
+          },
+          calculable: true,
+          legend: {
+            orient: "horizontal",
+            icon: "circle",
+            bottom: 0,
+            x: "center",
+            data: newData.xData,
+            textStyle: {
+              color: "#fff"
+            }
+          },
+          series: [
+            {
+              name: "通过率统计",
+              type: "pie",
+              radius: [10, 50],
+              roseType: "area",
+              center: ["50%", "40%"],
+              data: newData.seriesData
+            }
+          ]
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <Chart :cdata="cdata" />
+  </div>
+</template>
+
+<script>
+import Chart from './chart.vue';
+export default {
+  data () {
+    return {
+      cdata: {
+        xData: ["data1", "data2", "data3", "data4", "data5", "data6"],
+        seriesData: [
+          { value: 10, name: "data1" },
+          { value: 5, name: "data2" },
+          { value: 15, name: "data3" },
+          { value: 25, name: "data4" },
+          { value: 20, name: "data5" },
+          { value: 35, name: "data6" }
+        ]
+      }
+    }
+  },
+  components: {
+    Chart,
+  },
+  mounted () {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <Echart
+      id="centreLeft2Chart"
+      ref="centreLeft2ChartRef"
+      :options="options"
+      height="360px"
+      width="330px"
+    ></Echart>
+  </div>
+</template>
+
+<script>
+import Echart from '@/common/echart';
+export default {
+  data() {
+    return {
+      options: {},
+    };
+  },
+  components: {
+    Echart,
+  },
+  props: {
+    cdata: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  watch: {
+    cdata: {
+      handler(newData) {
+        // 设置点的位置(经纬度)
+        const geoCoordMap = {
+          厦门市: [118.11022, 24.490474, 20],
+          福州市: [119.206239, 26.275302, 20],
+          泉州市: [118.589421, 24.908853, 20],
+          漳州市: [117.561801, 24.510897, 20],
+          龙岩市: [116.82978, 25.391603, 20],
+          莆田市: [119.007558, 25.591011, 20],
+          三明市: [117.435001, 26.465444, 20],
+          南平市: [118.178459, 27.535627, 20],
+          宁德市: [119.527082, 27.15924, 20],
+        };
+        let seriesData = [
+          {
+            name: '厦门市',
+          },
+          {
+            name: '福州市',
+          },
+          {
+            name: '泉州市',
+          },
+          {
+            name: '漳州市',
+          },
+          {
+            name: '龙岩市',
+          },
+          {
+            name: '莆田市',
+          },
+          {
+            name: '三明市',
+          },
+          {
+            name: '南平市',
+          },
+          {
+            name: '宁德市',
+          },
+        ];
+        let convertData = function (data) {
+          let scatterData = [];
+          for (var i = 0; i < data.length; i++) {
+            var geoCoord = geoCoordMap[data[i].name];
+            if (geoCoord) {
+              scatterData.push({
+                name: data[i].name,
+                value: geoCoord.concat(data[i].value),
+              });
+            }
+          }
+          return scatterData;
+        };
+        this.options = {
+          showLegendSymbol: true,
+          tooltip: {
+            trigger: 'item',
+            textStyle: {
+              fontSize: 14,
+              lineHeight: 22,
+            },
+            position: point => {
+              // 固定在顶部
+              return [point[0] + 50, point[1] - 20];
+            },
+            // 如果需要自定义 tooltip样式，需要使用formatter
+            /*
+              formatter: params => {
+                return `<div style=""> ... </div>`
+              }
+            */
+          },
+          visualMap: {
+            min: 0,
+            max: 10,
+            show: false,
+            seriesIndex: 0,
+            // 颜色
+            inRange: {
+              color: ['rgba(41,166,206, .5)', 'rgba(69,117,245, .9)'],
+            },
+          },
+          // 底部背景
+          geo: {
+            show: true,
+            aspectScale: 0.85, //长宽比
+            zoom: 1.2,
+            top: '10%',
+            left: '16%',
+            map: '福建',
+            roam: false,
+            itemStyle: {
+              normal: {
+                areaColor: 'rgba(0,0,0,0)',
+                shadowColor: 'rgba(7,114,204, .8)',
+                shadowOffsetX: 5,
+                shadowOffsetY: 5,
+              },
+              emphasis: {
+                areaColor: '#00aeef',
+              },
+            },
+          },
+          series: [
+            {
+              name: '相关指数',
+              type: 'map',
+              aspectScale: 0.85, //长宽比
+              zoom: 1.2,
+              mapType: '福建', // 自定义扩展图表类型
+              top: '10%',
+              left: '16%',
+              itemStyle: {
+                normal: {
+                  color: 'red',
+                  areaColor: 'rgba(19,54,162, .5)',
+                  borderColor: 'rgba(0,242,252,.3)',
+                  borderWidth: 1,
+                  shadowBlur: 7,
+                  shadowColor: '#00f2fc',
+                },
+                emphasis: {
+                  areaColor: '#4f7fff',
+                  borderColor: 'rgba(0,242,252,.6)',
+                  borderWidth: 2,
+                  shadowBlur: 10,
+                  shadowColor: '#00f2fc',
+                },
+              },
+              label: {
+                formatter: params => `${params.name}`,
+                show: true,
+                position: 'insideRight',
+                textStyle: {
+                  fontSize: 14,
+                  color: '#efefef',
+                },
+                emphasis: {
+                  textStyle: {
+                    color: '#fff',
+                  },
+                },
+              },
+              data: newData,
+            },
+            {
+              type: 'effectScatter',
+              coordinateSystem: 'geo',
+              symbolSize: 7,
+              effectType: 'ripple',
+              legendHoverLink: false,
+              showEffectOn: 'render',
+              rippleEffect: {
+                period: 4,
+                scale: 2.5,
+                brushType: 'stroke',
+              },
+              zlevel: 1,
+              itemStyle: {
+                normal: {
+                  color: '#99FBFE',
+                  shadowBlur: 5,
+                  shadowColor: '#fff',
+                },
+              },
+              data: convertData(seriesData),
+            },
+          ],
+        };
+        // 重新选择区域
+        this.handleMapRandomSelect();
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+  methods: {
+    // 开启定时器
+    startInterval() {
+      const _self = this;
+      // 应通过接口获取配置时间，暂时写死5s
+      const time = 2000;
+      if (this.intervalId !== null) {
+        clearInterval(this.intervalId);
+      }
+      this.intervalId = setInterval(() => {
+        _self.reSelectMapRandomArea();
+      }, time);
+    },
+    // 重新随机选中地图区域
+    reSelectMapRandomArea() {
+      const length = 9;
+      this.$nextTick(() => {
+        try {
+          const map = this.$refs.centreLeft2ChartRef.chart;
+          let index = Math.floor(Math.random() * length);
+          while (index === this.preSelectMapIndex || index >= length) {
+            index = Math.floor(Math.random() * length);
+          }
+          map.dispatchAction({
+            type: 'mapUnSelect',
+            seriesIndex: 0,
+            dataIndex: this.preSelectMapIndex,
+          });
+          map.dispatchAction({
+            type: 'showTip',
+            seriesIndex: 0,
+            dataIndex: index,
+          });
+          map.dispatchAction({
+            type: 'mapSelect',
+            seriesIndex: 0,
+            dataIndex: index,
+          });
+          this.preSelectMapIndex = index;
+        } catch (error) {
+          console.log(error)
+        }
+      });
+    },
+    handleMapRandomSelect() {
+      this.$nextTick(() => {
+        try {
+          const map = this.$refs.centreLeft2ChartRef.chart;
+          const _self = this;
+          setTimeout(() => {
+            _self.reSelectMapRandomArea();
+          }, 0);
+          // 移入区域，清除定时器、取消之前选中并选中当前
+          map.on('mouseover', function (params) {
+            clearInterval(_self.intervalId);
+            map.dispatchAction({
+              type: 'mapUnSelect',
+              seriesIndex: 0,
+              dataIndex: _self.preSelectMapIndex,
+            });
+            map.dispatchAction({
+              type: 'mapSelect',
+              seriesIndex: 0,
+              dataIndex: params.dataIndex,
+            });
+            _self.preSelectMapIndex = params.dataIndex;
+          });
+          // 移出区域重新随机选中地图区域，并开启定时器
+          map.on('globalout', function () {
+            _self.reSelectMapRandomArea();
+            _self.startInterval();
+          });
+          this.startInterval();
+        } catch (error) {
+          console.log(error)
+        }
+      });
+    },
+  },
+};
+</script>

+<template>
+  <div>
+    <Chart :cdata="cdata" />
+  </div>
+</template>
+
+<script>
+import Chart from './chart.vue';
+export default {
+  data () {
+    return {
+      cdata: [
+        {
+          // 名字需要与 “common/map/fujian.js” 地图数据文件里面定义的一一对应，不能是 “福州” 或者 “闽” 之类的缩写
+          name: '福州市',
+          value: 10,
+          elseData:{
+            // 这里放置地图 tooltip 里想显示的数据
+          }
+        },
+        {
+          name: '厦门市',
+          value: 9,
+        },
+        {
+          name: '漳州市',
+          value: 8,
+        },
+        {
+          name: '泉州市',
+          value: 7,
+        },
+        {
+          name: '三明市',
+          value: 6,
+        },
+        {
+          name: '莆田市',
+          value: 5,
+        },
+        {
+          name: '南平市',
+          value: 4,
+        },
+        {
+          name: '龙岩市',
+          value: 3,
+        },
+        {
+          name: '宁德市',
+          value: 2,
+        }
+      ]
+    }
+  },
+  components: {
+    Chart,
+  },
+  mounted () {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <Echart
+      :options="options"
+      id="centreRight2Chart1"
+      height="200px"
+      width="260px"
+    ></Echart>
+  </div>
+</template>
+
+<script>
+import Echart from '@/common/echart'
+export default {
+  data () {
+    return {
+      options: {},
+    };
+  },
+  components: {
+    Echart,
+  },
+  props: {
+    cdata: {
+      type: Object,
+      default: () => ({})
+    },
+  },
+  watch: {
+    cdata: {
+      handler (newData) {
+        // 固定样式数据
+        let lineStyle = {
+          normal: {
+            width: 1,
+            opacity: 0.5
+          }
+        };
+
+        this.options = {
+          radar: {
+            indicator: newData.indicatorData,
+            shape: "circle",
+            splitNumber: 5,
+            radius: ["0%", "65%"],
+            name: {
+              textStyle: {
+                color: "rgb(238, 197, 102)"
+              }
+            },
+            splitLine: {
+              lineStyle: {
+                color: [
+                  "rgba(238, 197, 102, 0.1)",
+                  "rgba(238, 197, 102, 0.2)",
+                  "rgba(238, 197, 102, 0.4)",
+                  "rgba(238, 197, 102, 0.6)",
+                  "rgba(238, 197, 102, 0.8)",
+                  "rgba(238, 197, 102, 1)"
+                ].reverse()
+              }
+            },
+            splitArea: {
+              show: false
+            },
+            axisLine: {
+              lineStyle: {
+                color: "rgba(238, 197, 102, 0.5)"
+              }
+            }
+          },
+          series: [
+            {
+              name: "北京",
+              type: "radar",
+              lineStyle: lineStyle,
+              data: newData.dataBJ,
+              symbol: "none",
+              itemStyle: {
+                normal: {
+                  color: "#F9713C"
+                }
+              },
+              areaStyle: {
+                normal: {
+                  opacity: 0.1
+                }
+              }
+            },
+            {
+              name: "上海",
+              type: "radar",
+              lineStyle: lineStyle,
+              data: newData.dataSH,
+              symbol: "none",
+              itemStyle: {
+                normal: {
+                  color: "#B3E4A1"
+                }
+              },
+              areaStyle: {
+                normal: {
+                  opacity: 0.05
+                }
+              }
+            },
+            {
+              name: "广州",
+              type: "radar",
+              lineStyle: lineStyle,
+              data: newData.dataGZ,
+              symbol: "none",
+              itemStyle: {
+                normal: {
+                  color: "rgb(238, 197, 102)"
+                }
+              },
+              areaStyle: {
+                normal: {
+                  opacity: 0.05
+                }
+              }
+            } //end
+          ]
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+};
+</script>
\ No newline at end of file

+<template>
+  <div>
+    <Chart :cdata="cdata" />
+  </div>
+</template>
+
+<script>
+import Chart from './chart.vue';
+export default {
+  data () {
+    return {
+      cdata: {
+        indicatorData: [
+          { name: "data1", max: 300 },
+          { name: "data2", max: 250 },
+          { name: "data3", max: 300 },
+          { name: "data4", max: 5},
+          { name: "data5", max: 200 },
+          { name: "data6", max: 100 }
+        ],
+        dataBJ: [
+          [94, 69, 114, 2.08, 73, 39, 22],
+          [99, 73, 110, 2.43, 76, 48, 23],
+          [31, 12, 30, 0.5, 32, 16, 24],
+          [42, 27, 43, 1, 53, 22, 25],
+          [154, 117, 157, 3.05, 92, 58, 26],
+          [234, 185, 230, 4.09, 123, 69, 27],
+          [160, 120, 186, 2.77, 91, 50, 28]
+        ],
+        dataGZ: [
+          [84, 94, 140, 2.238, 68, 18, 22],
+          [93, 77, 104, 1.165, 53, 7, 23],
+          [99, 130, 227, 3.97, 55, 15, 24],
+          [146, 84, 139, 1.094, 40, 17, 25],
+          [113, 108, 137, 1.481, 48, 15, 26],
+          [81, 48, 62, 1.619, 26, 3, 27],
+          [56, 48, 68, 1.336, 37, 9, 28]
+        ],
+        dataSH: [
+          [91, 45, 125, 0.82, 34, 23, 1],
+          [65, 27, 78, 0.86, 45, 29, 2],
+          [83, 60, 84, 1.09, 73, 27, 3],
+          [109, 81, 121, 1.28, 68, 51, 4],
+          [106, 77, 114, 1.07, 55, 51, 5],
+          [109, 81, 121, 1.28, 68, 51, 6],
+          [106, 77, 114, 1.07, 55, 51, 7]
+        ]
+      }
+    }
+  },
+  components: {
+    Chart,
+  }
+}
+</script>
\ No newline at end of file

+<template>
+  <el-select :value="valueTitle" ref="carrerSelect" :disabled="$store.state.business.Edit" style="width:100%"
+    :placeholder="placeholder"
+    clearable @clear="clearHandle">
+    <el-option :value="valueTitle" :label="valueTitle" class="options">
+      <el-tree id="tree-option" ref="selectTree" :accordion="accordion" :data="options"
+        :check-strictly="true"
+        :props="props" :node-key="props.value" :default-expanded-keys="defaultExpandedKey"
+        :filter-node-method="filterNode" @node-click="handleNodeClick">
+      </el-tree>
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+  export default {
+    name: 'el-tree-select',
+    props: {
+      /* 配置项 */
+      props: {
+        type: Object,
+        default: () => {
+          return {
+            value: 'DCODE', // ID字段名
+            label: 'DNAME', // 显示名称
+            children: 'children', // 子级字段名
+          }
+        },
+      },
+      options: {
+        type: Array,
+        default: () => {
+          return []
+        },
+      },
+      /* 初始值 */
+      value: {
+        type: String,
+        default: () => {
+          return null
+        },
+      },
+      /* 自动收起 */
+      accordion: {
+        type: Boolean,
+        default: () => {
+          return true
+        },
+      },
+      placeholder: {
+        type: String,
+        default: () => {
+          return '请选择'
+        },
+      },
+    },
+    data () {
+      return {
+        valueId: this.value, // 初始值
+        valueTitle: '',
+        defaultExpandedKey: [],
+      }
+    },
+    mounted () {
+      this.initHandle() 
+    },
+    methods: {
+      // 初始化值
+      initHandle () {
+        if (this.valueId && this.options.length!=0) {
+          this.valueTitle = this.$refs.selectTree.getNode(this.valueId).data[
+            this.props.label
+          ] // 初始化显示
+          this.$refs.selectTree.setCurrentKey(this.valueId) // 设置默认选中
+          this.defaultExpandedKey = [this.valueId] // 设置默认展开
+        }
+        this.initScroll()
+      },
+      // 初始化滚动条
+      initScroll () {
+        this.$nextTick(() => {
+          let scrollWrap = document.querySelectorAll(
+            '.el-scrollbar .el-select-dropdown__wrap'
+          )[0]
+          let scrollBar = document.querySelectorAll(
+            '.el-scrollbar .el-scrollbar__bar'
+          )
+          scrollWrap.style.cssText =
+            'margin: 0px; max-height: none; overflow: hidden;'
+          scrollBar.forEach((ele) => (ele.style.width = 0))
+        })
+      },
+      // 切换选项
+      handleNodeClick (node) {
+        this.valueId = node[this.props.value]
+        this.valueTitle = node[this.props.label]
+        // this.$emit('getValue', this.valueId)
+        this.$emit("input", this.valueId);
+        this.defaultExpandedKey = []
+        if (!node.children) {
+          this.$refs.carrerSelect.handleClose()
+        }
+      },
+      // parentId (arr1, id) {
+      //   let _this = this
+      //   var temp = []
+      //   var forFn = function (arr, id) {
+      //     for (var i = 0; i < arr.length; i++) {
+      //       var item = arr[i]
+      //       if (item[_this.props.value] === id) {
+      //         forFn(arr1, item.parentid)
+      //         temp.push(item[_this.props.label])
+      //         break
+      //       } else {
+      //         if (item.children) {
+      //           forFn(item.children, id)
+      //         }
+      //       }
+      //     }
+      //   }
+      //   forFn(arr1, id)
+      //   return temp
+      // },
+      // 清除选中
+      clearHandle () {
+        this.valueTitle = ''
+        this.valueId = null
+        this.defaultExpandedKey = []
+        this.clearSelected()
+        this.$emit('getValue', null)
+      },
+      /* 清空选中样式 */
+      clearSelected () {
+        let allNode = document.querySelectorAll('#tree-option .el-tree-node')
+        allNode.forEach((element) => element.classList.remove('is-current'))
+      },
+      filterNode (value, data) {
+        if (!value) return true
+        return data.name.indexOf(value) !== -1
+      },
+    },
+    watch: {
+      value () {
+        this.valueId = this.value
+        this.initHandle()
+      },
+      filterText (val) {
+        this.$refs.selectTree.filter(val)
+      },
+    },
+  }
+</script>
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
+    height: auto;
+    max-height: 274px;
+    padding: 0;
+    overflow: hidden;
+    overflow-y: auto;
+  }
+  .el-select-dropdown__item.selected {
+    font-weight: normal;
+  }
+  ul li >>> .el-tree .el-tree-node__content {
+    height: auto;
+    padding: 0 20px;
+  }
+  .el-tree-node__label {
+    font-weight: normal;
+  }
+  .el-tree >>> .is-current .el-tree-node__label {
+    color: #409eff;
+    font-weight: 700;
+  }
+  .el-tree >>> .is-current .el-tree-node__children .el-tree-node__label {
+    color: #606266;
+    font-weight: normal;
+  }
+  .selectInput {
+    padding: 0 5px;
+    box-sizing: border-box;
+  }
+</style>
\ No newline at end of file

+export const theme = {
+  bind: function (el, binding, vnode) {
+    setEleStyleColorAttribute(el, binding);
+  },
+  update: function (el, binding, vnode) {
+    setEleStyleColorAttribute(el, binding);
+  },
+  componentUpdated: function (el, binding, vnode) {
+    setEleStyleColorAttribute(el, binding);
+  }
+}
+
+function setEleStyleColorAttribute (el, binding) {
+  const { name, value, arg, expression, modifiers } = binding;
+  const { background, font, border } = modifiers;
+  if (background) el.style['background-color'] = value;
+  if (font) el.style.color = value;
+  if (border) el.style['border-color'] = value;
+}
\ No newline at end of file

+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)

+<svg t="1665567795982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2615" width="200" height="200"><path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z" p-id="2616"></path><path d="M657.066667 360.533333c-12.8-12.8-32-12.8-44.8 0l-102.4 102.4-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l102.4 102.4-102.4 102.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533334s17.066667-2.133333 23.466667-8.533334l102.4-102.4 102.4 102.4c6.4 6.4 14.933333 8.533333 23.466667 8.533334s17.066667-2.133333 23.466666-8.533334c12.8-12.8 12.8-32 0-44.8l-106.666666-100.266666 102.4-102.4c12.8-12.8 12.8-34.133333 0-46.933334z" p-id="2617"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668671631108" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1959" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M992 255.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32zM992 544H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32s-14.3 32-32 32zM992 832.3H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32z" p-id="1960" fill="#ffffff"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668560086395" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2762" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M448 282.4v459.2L301.6 594.4 282.4 576H192V448h90.4l18.4-18.4L448 282.4M512 128L256 384H128v256h128l256 256V128z m64 5.6v64.8c145.6 29.6 256 159.2 256 313.6s-110.4 284-256 313.6v64.8c181.6-30.4 320-188 320-378.4S757.6 164 576 133.6z m0 188.8v65.6c55.2 14.4 96 64 96 124s-40.8 109.6-96 124v65.6C666.4 686.4 736 607.2 736 512s-69.6-174.4-160-189.6z" fill="#ffffff" p-id="2763"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118748190" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2584" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M938.666667 98.773333c16.128 0 29.226667 13.098667 29.226666 29.226667v528.64A114.56 114.56 0 0 1 853.333333 771.2h-334.208v68.437333h228.693334a29.226667 29.226667 0 0 1 4.352 58.154667l-4.309334 0.341333H236.928a29.226667 29.226667 0 0 1-4.309333-58.154666l4.266666-0.298667 223.786667-0.042667v-68.437333h-356.266667a29.226667 29.226667 0 0 1-28.928-24.917333l-0.298666-4.266667V213.333333a114.56 114.56 0 0 1 114.56-114.56z m-29.269334 58.453334H189.738667c-30.976 0-56.106667 25.130667-56.106667 56.106666v499.413334H853.333333c29.013333 0 52.906667-22.058667 55.808-50.346667l0.298667-5.76-0.042667-499.413333zM640 292.565333a146.304 146.304 0 0 1 122.026667 226.986667l51.029333 50.986667a29.269333 29.269333 0 0 1-37.717333 44.458666l-3.626667-3.072-51.029333-51.029333A146.304 146.304 0 1 1 640 292.522667z m-271.573333 210.773334a29.226667 29.226667 0 0 1 4.352 58.154666l-4.352 0.298667H273.066667a29.226667 29.226667 0 0 1-4.309334-58.112l4.309334-0.341333h95.36zM640 351.146667a87.765333 87.765333 0 1 0 0 175.530666 87.765333 87.765333 0 0 0 0-175.530666z m-189.226667-71.125334a29.226667 29.226667 0 0 1 4.266667 58.154667l-4.266667 0.298667H273.066667a29.226667 29.226667 0 0 1-4.309334-58.154667l4.309334-0.298667h177.706666z" fill="#ffffff" p-id="2585"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660116174178" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13145" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M873.192727 177.105455v504.552727h-721.454545V177.105455zM93.090909 681.658182a59.345455 59.345455 0 0 0 57.716364 60.741818h721.454545a55.854545 55.854545 0 0 0 40.727273-17.92 61.672727 61.672727 0 0 0 17.92-42.821818V177.105455A59.345455 59.345455 0 0 0 873.192727 116.363636h-721.454545a56.087273 56.087273 0 0 0-40.727273 17.687273A62.370909 62.370909 0 0 0 93.090909 177.105455zM781.032727 884.363636a29.556364 29.556364 0 0 0 28.858182-30.254545v-1.396364a31.883636 31.883636 0 0 0-8.378182-21.643636 28.858182 28.858182 0 0 0-20.48-8.843636H242.967273a29.789091 29.789091 0 0 0-28.858182 30.487272v1.396364a29.556364 29.556364 0 0 0 28.858182 30.254545z m-298.589091-61.44h57.716364V742.4h-56.32z m-213.410909-323.956363l144.523637-141.963637 24.669091 27.694546-144.523637 141.963636z m282.996364 0l144.290909-141.963637L721.454545 384.698182l-144.290909 141.963636z m-30.254546 3.723636l-79.592727-93.090909a43.985455 43.985455 0 1 1 29.323637-41.658182 46.545455 46.545455 0 0 1-2.792728 16.058182l80.290909 94.487273a39.563636 39.563636 0 0 1 31.883637 4.189091 43.752727 43.752727 0 0 1 20.712727 37.701818 41.658182 41.658182 0 1 1-83.083636 0 46.545455 46.545455 0 0 1 3.258181-17.687273z m-281.832727 9.309091a41.658182 41.658182 0 1 1 41.658182 43.752727A42.589091 42.589091 0 0 1 239.941818 512z m439.621818-154.996364a41.658182 41.658182 0 1 1 41.890909 43.52 42.589091 42.589091 0 0 1-41.890909-43.52z" p-id="13146" fill="#ffffff"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118828860" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2768" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M889.898667 98.730667c16.170667 0 29.269333 13.098667 29.269333 29.269333v719.232a114.602667 114.602667 0 0 1-114.602667 114.602667H128a71.936 71.936 0 0 1-71.936-71.936V213.333333A114.602667 114.602667 0 0 1 170.666667 98.730667z m-29.269334 58.496H170.666667c-30.976 0-56.064 25.173333-56.064 56.106666v676.565334c0 7.424 5.973333 13.397333 13.397333 13.397333h676.565333c30.976 0 56.064-25.088 56.064-56.064V157.226667zM597.333333 457.173333a146.304 146.304 0 0 1 134.826667 203.093334l68.693333 68.778666a29.269333 29.269333 0 0 1-37.717333 44.458667l-3.626667-3.114667-61.184-61.141333A146.304 146.304 0 1 1 597.333333 457.130667z m-219.434666 244.992a29.269333 29.269333 0 0 1 4.309333 58.197334l-4.266667 0.341333h-146.346666a29.269333 29.269333 0 0 1-4.266667-58.197333l4.266667-0.341334h146.346666zM597.333333 515.669333a87.765333 87.765333 0 1 0 0 175.530667 87.765333 87.765333 0 0 0 0-175.530667z m-219.434666 3.626667a29.269333 29.269333 0 0 1 4.309333 58.197333l-4.266667 0.341334h-146.346666a29.269333 29.269333 0 0 1-4.266667-58.197334l4.266667-0.341333h146.346666zM743.68 299.946667a29.269333 29.269333 0 0 1 4.266667 58.197333l-4.266667 0.298667h-512a29.269333 29.269333 0 0 1-4.352-58.197334l4.352-0.298666h512z" fill="#ffffff" p-id="2769"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660118877999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2952" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M779.008 56.064c14.72 0 26.88 10.837333 28.970667 24.96l0.298666 4.309333v692.181334c0 14.72-10.837333 26.88-24.917333 28.970666l-4.352 0.298667H229.632a29.269333 29.269333 0 0 1-4.352-58.197333l4.352-0.298667 520.106667-0.042667V114.56H170.666667c-29.013333 0-52.906667 22.101333-55.808 50.346667L114.602667 170.666667l-0.042667 689.962666H810.666667c29.013333 0 52.906667-22.058667 55.808-50.346666l0.256-5.717334V262.528a29.269333 29.269333 0 0 1 58.197333-4.309333l0.341333 4.309333v542.037333a114.602667 114.602667 0 0 1-107.349333 114.346667l-7.253333 0.256H85.333333a29.269333 29.269333 0 0 1-28.928-24.96l-0.341333-4.266667V170.666667A114.602667 114.602667 0 0 1 163.413333 56.32L170.666667 56.064h608.341333z m-236.544 219.434667c10.112 0 19.456 5.205333 24.832 13.738666l91.434667 146.304a29.269333 29.269333 0 0 1 0 31.018667l-91.434667 146.261333a29.269333 29.269333 0 0 1-24.832 13.781334H359.68a29.269333 29.269333 0 0 1-24.832-13.781334l-91.434667-146.261333a29.269333 29.269333 0 0 1 0-31.018667l91.434667-146.304a29.269333 29.269333 0 0 1 24.832-13.738666z m-16.213333 58.496H375.893333l-73.173333 117.034666 73.173333 117.034667h150.357334l73.173333-117.034667-73.173333-117.034666z" fill="#ffffff" p-id="2953"></path></svg>
\ No newline at end of file

+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'

+<template>
+  <section class="app-main">
+    <transition name="fade-transform" mode="out-in">
+      <router-view />
+    </transition>
+  </section>
+</template>
+<script>
+export default {
+  name: 'AppMain',
+  computed: {
+    key () {
+      return this.$route.path
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.hasTagsView {
+  .app-main {
+    height: calc(100% - 41px);
+    overflow-x: auto;
+    padding: 5px;
+    box-sizing: border-box;
+    // background-color: #EDF1F7;
+    background-color: #fff;
+    box-sizing: border-box;
+
+  }
+}
+</style>
\ No newline at end of file

+<template>
+  <div class="navbar-con">
+    <div class="navbar" v-theme.background="mTheme">
+      <div class="logo">
+        <img v-if="logo" :src="logo" class="header-logo">
+      </div>
+      <div class="backdrop">
+        <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" />
+      </div>
+      <div class="right-menu">
+        <svg-icon class="function" icon-class='function' />
+        <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
+          <div class="avatar-wrapper">
+            <span style="padding-right:10px">{{ name }}</span>
+            <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="a">个人中心</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+        <svg-icon class="shutdown" icon-class='shutdown' />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex'
+export default {
+  computed: {
+    ...mapGetters(['sidebar', 'avatar', 'name'])
+  },
+  data () {
+    return {
+      logo: require('../../image/logo.png'),
+      noticeList: []
+    }
+  },
+  methods: {
+    themeChange (val) {
+      this.$store.dispatch('app/updateTheme', val)
+    },
+    searchMessageCenter () {
+      this.$router.push({ name: 'messagecenter' })
+    },
+    handleCommand (command) {
+      if (command == 'a') {
+        //个人中心
+        this.$router.push({ name: 'personal' })
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.navbar-con {
+  position: relative;
+}
+
+.NoticeBar {
+  position: absolute;
+  bottom: 0;
+}
+
+.el-dropdown-menu {
+  padding: 0 !important;
+  border: 1px solid #EBEEF5;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 4px 0 0 4px 4px;
+
+  .el-dropdown-menu__item {
+    text-align: center;
+    margin-top: 0 !important;
+    font-size: 14px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #4A4A4A;
+    width: 140px;
+    height: 36px;
+    line-height: 36px;
+  }
+
+  .el-dropdown-menu__item:nth-child(6) {
+    border-top: 1px solid #EBEEF5;
+  }
+
+  .popper__arrow {
+    top: -11px !important;
+    left: 110px !important;
+    transform: rotate(0deg) scale(2);
+  }
+
+  .el-dropdown-menu__item:not(.is-disabled):hover,
+  .el-dropdown-menu__item:focus {
+    background: #F6F7F9;
+    color: #4A4A4A;
+  }
+}
+
+.navbar {
+  height: $headerHeight;
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  // background: linear-gradient(270deg, #148CEE 0%, #1870E3 100%); //默认颜色
+  box-shadow: 0 1px 0px rgba(0, 21, 41, 0.08);
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  justify-content: space-between;
+
+  .header-logo {
+    width: 300px;
+  }
+
+  .backdrop {
+    flex: 1;
+    width: 60%;
+    background: url('../../image/backdrop.png');
+    background-size: 100% 100%;
+    height: $headerHeight;
+  }
+
+  .hamburger-container {
+    line-height: 43px;
+    height: 100%;
+    float: left;
+    cursor: pointer;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.025);
+    }
+  }
+
+  .breadcrumb-container {
+    float: left;
+  }
+
+  .right-menu {
+    float: right;
+    height: 100%;
+    line-height: 50px;
+    display: flex;
+    align-items: center;
+
+    .function {
+      margin: 0 15px;
+      cursor: pointer;
+    }
+
+    .shutdown {
+      font-size: 20px;
+      margin-left: 15px;
+      cursor: pointer;
+    }
+
+    .organization-item {
+      margin-right: 40px;
+      margin-top: -40px !important;
+    }
+
+    .item {
+      margin-right: 40px;
+      margin-top: -20px;
+      line-height: 18.4px;
+      cursor: pointer;
+      position: relative;
+
+      .item-box {
+        position: absolute;
+        top: -5px;
+        left: 3px;
+        width: 100%;
+        min-width: 25px;
+        height: 25px;
+        cursor: pointer;
+        z-index: 100;
+      }
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    .right-menu-item {
+      display: inline-block;
+      height: 100%;
+      font-size: 18px;
+      color: #fff;
+      vertical-align: text-bottom;
+
+      &.hover-effect {
+        cursor: pointer;
+        transition: background 0.3s;
+        display: flex;
+        align-items: center;
+
+        &:hover {
+          background: rgba(0, 0, 0, 0.025);
+        }
+      }
+    }
+
+    .avatar-wrapper {
+      position: relative;
+      display: flex;
+      height: 40px;
+      align-items: center;
+
+      .user-avatar {
+        cursor: pointer;
+        width: 35px;
+        height: 35px;
+        border-radius: 50%;
+      }
+
+      .el-icon-caret-bottom {
+        cursor: pointer;
+        position: absolute;
+        right: -15px;
+        top: 17px;
+        font-size: 12px;
+      }
+    }
+  }
+}
+</style>

+export default {
+  computed: {
+    device() {
+      return this.$store.state.app.device
+    }
+  },
+  mounted() {
+    // In order to fix the click on menu on the ios device will trigger the mouseleave bug
+    // https://github.com/PanJiaChen/vue-element-admin/issues/1135
+    this.fixBugIniOS()
+  },
+  methods: {
+    fixBugIniOS() {
+      const $subMenu = this.$refs.subMenu
+      if ($subMenu) {
+        const handleMouseleave = $subMenu.handleMouseleave
+        $subMenu.handleMouseleave = (e) => {
+          if (this.device === 'mobile') {
+            return
+          }
+          handleMouseleave(e)
+        }
+      }
+    }
+  }
+}

+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render (h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+
+    if (icon) {
+      if (icon.includes('el-icon')) {
+        vnodes.push(<i class={[icon, 'sub-el-icon']} />)
+      } else {
+        vnodes.push(<svg-icon icon-class={icon} />)
+      }
+    }
+
+    if (title) {
+      vnodes.push(<span slot='title'>{(title)}</span>)
+    }
+    return vnodes
+  }
+}
+</script>
+
+<style scoped>
+.sub-el-icon {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+</style>

+<template>
+  <component :is="type" v-bind="linkProps(to)">
+    <slot />
+  </component>
+</template>
+
+<script>
+import { isExternal } from '@/utils/validate'
+
+export default {
+  props: {
+    to: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.to)
+    },
+    type() {
+      if (this.isExternal) {
+        return 'a'
+      }
+      return 'router-link'
+    }
+  },
+  methods: {
+    linkProps(to) {
+      if (this.isExternal) {
+        return {
+          href: to,
+          target: '_blank',
+          rel: 'noopener'
+        }
+      }
+      return {
+        to: to
+      }
+    }
+  }
+}
+</script>

+<template>
+  <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
+    <transition name="sidebarLogoFade">
+      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 v-else class="sidebar-title">
+          {{ title }}
+        </h1>
+      </router-link>
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 class="sidebar-title">
+          {{ title }}
+        </h1>
+      </router-link>
+    </transition>
+  </div>
+</template>
+
+<script>
+import defaultSettings from '@/settings'
+const { title } = defaultSettings
+import logonImg from '@/image/logo.png'
+export default {
+  name: 'SidebarLogo',
+  props: {
+    collapse: {
+      type: Boolean,
+      required: true
+    }
+  },
+  data () {
+    return {
+      title: title,
+      logo: logonImg
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.sidebarLogoFade-enter-active {
+  transition: opacity 1.5s;
+}
+
+.sidebarLogoFade-enter,
+.sidebarLogoFade-leave-to {
+  opacity: 0;
+}
+
+.sidebar-logo-container {
+  position: relative;
+  width: 100%;
+  text-align: center;
+  overflow: hidden;
+  height: 100px;
+
+  & .sidebar-logo-link {
+    height: 100%;
+    width: 100%;
+
+    & .sidebar-logo {
+      width: 41px;
+      height: 39px;
+      vertical-align: middle;
+      //   margin-left: 47px;
+      //   margin-right: 48px;
+      margin-top: 22px;
+    }
+
+    & .sidebar-title {
+      margin: 0;
+      margin-top: 10px;
+      margin-bottom: 20px;
+      color: #fff;
+      font-weight: 600;
+      line-height: 25px;
+      font-size: 16px;
+      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      vertical-align: middle;
+    }
+  }
+
+  &.collapse {
+    .sidebar-logo {
+      margin-right: 0px;
+      width: 32.8px;
+      height: 31.2px;
+    }
+  }
+}
+</style>

+<template>
+  <div v-if="!item.hidden">
+    <template
+      v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren)">
+      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
+        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">
+          <item :icon="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" :title="onlyOneChild.meta.title"
+            class="menu-icon" />
+        </el-menu-item>
+      </app-link>
+    </template>
+
+    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+      <template slot="title">
+        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+      </template>
+      <sidebar-item v-for="child in item.children" :key="child.path" :is-nest="true" :item="child"
+        :base-path="resolvePath(child.path)" class="nest-menu" />
+    </el-submenu>
+  </div>
+</template>
+
+<script>
+import path from 'path'
+import { isExternal } from '@/utils/validate'
+import Item from './Item'
+import AppLink from './Link'
+import FixiOSBug from './FixiOSBug'
+
+export default {
+  name: 'SidebarItem',
+  components: { Item, AppLink },
+  mixins: [FixiOSBug],
+  props: {
+    // route object
+    item: {
+      type: Object,
+      required: true
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    },
+    basePath: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
+    // TODO: refactor with render function
+    this.onlyOneChild = null
+    return {}
+  },
+  methods: {
+    hasOneShowingChild (children = [], parent) {
+      const showingChildren = children.filter(item => {
+        if (item.hidden) {
+          return false
+        } else {
+          // Temp set(will be used if only has one showing child)
+          this.onlyOneChild = item
+          return true
+        }
+      })
+
+      // When there is only one child router, the child router is displayed by default
+      if (showingChildren.length === 1) {
+        return true
+      }
+
+      // Show parent if there are no child router to display
+      if (showingChildren.length === 0) {
+        this.onlyOneChild = { ...parent, path: '', noShowingChildren: true }
+        return true
+      }
+
+      return false
+    },
+    resolvePath (routePath) {
+      if (isExternal(routePath)) {
+        return routePath
+      }
+      if (isExternal(this.basePath)) {
+        return this.basePath
+      }
+      return path.resolve(this.basePath, routePath)
+    }
+  }
+}
+</script>
+
+<style scoped>
+/deep/.el-menu-item {
+  padding-left: 30px !important;
+}
+</style>
\ No newline at end of file

+<template>
+  <div>
+    <el-scrollbar wrap-class="scrollbar-wrapper">
+      <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText"
+        :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false"
+        mode="vertical">
+        <!-- 权限菜单 -->
+        <!-- <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" /> -->
+        <!-- 菜单全部展示 -->
+        <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" />
+      </el-menu>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Logo from './Logo'
+import SidebarItem from './SidebarItem'
+import variables from '@/styles/variables.scss'
+import { asyncRoutes } from '@/router'
+export default {
+  components: { SidebarItem, Logo },
+  computed: {
+    ...mapGetters(['permission_routes', 'sidebar']),
+    activeMenu () {
+      const route = this.$route
+      const { meta, path } = route
+      if (meta.activeMenu) {
+        return meta.activeMenu
+      }
+      return path
+    },
+    variables () {
+      return variables
+    },
+    asyncRoutes () {
+      return asyncRoutes
+    }
+  }
+}
+</script>

+<template>
+  <el-scrollbar ref="scrollContainer" :vertical="false" class="scroll-container" @wheel.native.prevent="handleScroll">
+    <slot />
+  </el-scrollbar>
+</template>
+
+<script>
+const tagAndTagSpacing = 4 // tagAndTagSpacing
+
+export default {
+  name: 'ScrollPane',
+  data () {
+    return {
+      left: 0
+    }
+  },
+  computed: {
+    scrollWrapper () {
+      return this.$refs.scrollContainer.$refs.wrap
+    }
+  },
+  mounted () {
+    this.scrollWrapper.addEventListener('scroll', this.emitScroll, true)
+  },
+  beforeDestroy () {
+    this.scrollWrapper.removeEventListener('scroll', this.emitScroll)
+  },
+  methods: {
+    handleScroll (e) {
+      const eventDelta = e.wheelDelta || -e.deltaY * 40
+      const $scrollWrapper = this.scrollWrapper
+      $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4
+    },
+    emitScroll () {
+      this.$emit('scroll')
+    },
+    moveToTarget (currentTag) {
+      const $container = this.$refs.scrollContainer.$el
+      const $containerWidth = $container.offsetWidth
+      const $scrollWrapper = this.scrollWrapper
+      const tagList = this.$parent.$refs.tag
+
+      let firstTag = null
+      let lastTag = null
+
+      // find first tag and last tag
+      if (tagList.length > 0) {
+        firstTag = tagList[0]
+        lastTag = tagList[tagList.length - 1]
+      }
+
+      if (firstTag === currentTag) {
+        $scrollWrapper.scrollLeft = 0
+      } else if (lastTag === currentTag) {
+        $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth
+      } else {
+        // find preTag and nextTag
+        const currentIndex = tagList.findIndex(item => item === currentTag)
+        const prevTag = tagList[currentIndex - 1]
+        const nextTag = tagList[currentIndex + 1]
+
+        // the tag's offsetLeft after of nextTag
+        const afterNextTagOffsetLeft = nextTag.$el.offsetLeft + nextTag.$el.offsetWidth + tagAndTagSpacing
+
+        // the tag's offsetLeft before of prevTag
+        const beforePrevTagOffsetLeft = prevTag.$el.offsetLeft - tagAndTagSpacing
+
+        if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
+          $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth
+        } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
+          $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.scroll-container {
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+
+/deep/ .el-scrollbar__view {
+  display: inline-block !important;
+}
+
+/deep/ .el-scrollbar__wrap {
+  overflow-x: hidden !important;
+}
+</style>

+<template>
+  <div id="tags-view-container" class="tags-view-container">
+    <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
+      <router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag)?'active':''"
+        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="span" class="tags-view-item"
+        @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
+        @contextmenu.prevent.native="openMenu(tag,$event)">
+        {{ tag.title }}
+        <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
+      </router-link>
+    </scroll-pane>
+    <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
+      <li @click="refreshSelectedTag(selectedTag)">Refresh</li>
+      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">Close</li>
+      <li @click="closeOthersTags">Close Others</li>
+      <li @click="closeAllTags(selectedTag)">Close All</li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import ScrollPane from './ScrollPane'
+import path from 'path'
+
+export default {
+  components: { ScrollPane },
+  data () {
+    return {
+      visible: false,
+      top: 0,
+      left: 0,
+      selectedTag: {},
+      affixTags: []
+    }
+  },
+  computed: {
+    visitedViews () {
+      return this.$store.state.tagsView.visitedViews
+    },
+    routes () {
+      return this.$store.state.permission.routes
+    }
+  },
+  watch: {
+    $route () {
+      this.addTags()
+      this.moveToCurrentTag()
+    },
+    visible (value) {
+      if (value) {
+        document.body.addEventListener('click', this.closeMenu)
+      } else {
+        document.body.removeEventListener('click', this.closeMenu)
+      }
+    }
+  },
+  mounted () {
+    this.initTags()
+    this.addTags()
+  },
+  methods: {
+    isActive (route) {
+      return route.path === this.$route.path
+    },
+    isAffix (tag) {
+      return tag.meta && tag.meta.affix
+    },
+    filterAffixTags (routes, basePath = '/') {
+      let tags = []
+      routes.forEach(route => {
+        if (route.meta && route.meta.affix) {
+          const tagPath = path.resolve(basePath, route.path)
+          tags.push({
+            fullPath: tagPath,
+            path: tagPath,
+            name: route.name,
+            meta: { ...route.meta }
+          })
+        }
+        if (route.children) {
+          const tempTags = this.filterAffixTags(route.children, route.path)
+          if (tempTags.length >= 1) {
+            tags = [...tags, ...tempTags]
+          }
+        }
+      })
+      return tags
+    },
+    initTags () {
+      const affixTags = this.affixTags = this.filterAffixTags(this.routes)
+      for (const tag of affixTags) {
+        // Must have tag name
+        if (tag.name) {
+          this.$store.dispatch('tagsView/addVisitedView', tag)
+        }
+      }
+    },
+    addTags () {
+      const { name } = this.$route
+      if (name) {
+        this.$store.dispatch('tagsView/addView', this.$route)
+      }
+      return false
+    },
+    moveToCurrentTag () {
+      const tags = this.$refs.tag
+      this.$nextTick(() => {
+        for (const tag of tags) {
+          if (tag.to.path === this.$route.path) {
+            this.$refs.scrollPane.moveToTarget(tag)
+            // when query is different then update
+            if (tag.to.fullPath !== this.$route.fullPath) {
+              this.$store.dispatch('tagsView/updateVisitedView', this.$route)
+            }
+            break
+          }
+        }
+      })
+    },
+    refreshSelectedTag (view) {
+      this.$store.dispatch('tagsView/delCachedView', view).then(() => {
+        const { fullPath } = view
+        this.$nextTick(() => {
+          this.$router.replace({
+            path: '/redirect' + fullPath
+          })
+        })
+      })
+    },
+    closeSelectedTag (view) {
+      this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => {
+        if (this.isActive(view)) {
+          this.toLastView(visitedViews, view)
+        }
+      })
+    },
+    closeOthersTags () {
+      this.$router.push(this.selectedTag)
+      this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => {
+        this.moveToCurrentTag()
+      })
+    },
+    closeAllTags (view) {
+      this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => {
+        if (this.affixTags.some(tag => tag.path === view.path)) {
+          return
+        }
+        this.toLastView(visitedViews, view)
+      })
+    },
+    toLastView (visitedViews, view) {
+      const latestView = visitedViews.slice(-1)[0]
+      if (latestView) {
+        this.$router.push(latestView.fullPath)
+      } else {
+        // now the default is to redirect to the home page if there is no tags-view,
+        // you can adjust it according to your needs.
+        if (view.name === 'Dashboard') {
+          // to reload home page
+          this.$router.replace({ path: '/redirect' + view.fullPath })
+        } else {
+          this.$router.push('/')
+        }
+      }
+    },
+    openMenu (tag, e) {
+      const menuMinWidth = 105
+      const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
+      const offsetWidth = this.$el.offsetWidth // container width
+      const maxLeft = offsetWidth - menuMinWidth // left boundary
+      const left = e.clientX - offsetLeft + 15 // 15: margin right
+
+      if (left > maxLeft) {
+        this.left = maxLeft
+      } else {
+        this.left = left
+      }
+
+      this.top = e.clientY
+      this.visible = true
+      this.selectedTag = tag
+    },
+    closeMenu () {
+      this.visible = false
+    },
+    handleScroll () {
+      this.closeMenu()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tags-view-container {
+  height: 40px;
+  width: 100%;
+  background: #fff;
+  border-bottom: 1px solid #d8dce5;
+  box-sizing: border-box;
+  padding-top: 3px;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
+
+  .tags-view-wrapper {
+    .tags-view-item {
+      display: inline-block;
+      position: relative;
+      cursor: pointer;
+      height: 26px;
+      line-height: 26px;
+      border: 1px solid #d8dce5;
+      color: #495060;
+      background: #fff;
+      padding: 0 8px;
+      font-size: 12px;
+      margin-left: 5px;
+      margin-top: 4px;
+
+      &:first-of-type {
+        margin-left: 15px;
+      }
+
+      &:last-of-type {
+        margin-right: 15px;
+      }
+
+      &.active {
+        background-color: #0794FF;
+        color: #fff;
+        border-color: #0794FF;
+
+        &::before {
+          content: '';
+          background: #fff;
+          display: inline-block;
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          position: relative;
+          margin-right: 2px;
+        }
+      }
+    }
+  }
+
+  .contextmenu {
+    margin: 0;
+    background: #fff;
+    z-index: 3000;
+    position: absolute;
+    list-style-type: none;
+    padding: 5px 0;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 400;
+    color: #333;
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
+
+    li {
+      margin: 0;
+      padding: 7px 16px;
+      cursor: pointer;
+
+      &:hover {
+        background: #eee;
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+//reset element css of el-icon-close
+.tags-view-wrapper {
+  .tags-view-item {
+    .el-icon-close {
+      width: 16px;
+      height: 16px;
+      vertical-align: 2px;
+      border-radius: 50%;
+      text-align: center;
+      transition: all .3s cubic-bezier(.645, .045, .355, 1);
+      transform-origin: 100% 50%;
+
+      &:before {
+        transform: scale(.6);
+        display: inline-block;
+        vertical-align: -3px;
+      }
+
+      &:hover {
+        background-color: #b4bccc;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>

+export { default as AppMain } from './AppMain'
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar/index.vue'
+export { default as TagsView } from './TagsView/index.vue'

+<template>
+  <div class="app-wrapper">
+    <navbar />
+    <div :class="{ hasTagsView: needTagsView }" class="main-container">
+      <div :class="{ 'fixed-header': fixedHeader }">
+        <sidebar class="sidebar-container" />
+        <tags-view v-if="needTagsView" />
+      </div>
+      <app-main />
+    </div>
+  </div>
+</template>
+<script>
+import { AppMain, Navbar, Sidebar, TagsView } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+import { mapState } from 'vuex'
+export default {
+  name: 'Layout',
+  components: {
+    AppMain,
+    Navbar,
+    Sidebar,
+    TagsView
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    ...mapState({
+      sidebar: state => state.app.sidebar,
+      needTagsView: state => state.settings.tagsView,
+      fixedHeader: state => state.settings.fixedHeader
+    })
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "~@/styles/mixin.scss";
+
+.app-wrapper {
+  @include clearfix;
+  position: relative;
+  height: 100%;
+  width: 100%;
+
+  &.mobile.openSidebar {
+    position: fixed;
+    top: 0;
+  }
+}
+
+.drawer-bg {
+  background: #000;
+  opacity: 0.3;
+  width: 100%;
+  top: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
+}
+
+.fixed-header {
+  width: 100%;
+  transition: width 0.28s;
+}
+
+.el-dropdown-menu--small {
+  padding: 0;
+  width: 5px;
+}
+</style>

+import store from '@/store'
+
+const { body } = document
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+export default {
+  watch: {
+    $route(route) {
+      if (this.device === 'mobile' && this.sidebar.opened) {
+        store.dispatch('app/closeSideBar', { withoutAnimation: false })
+      }
+    }
+  },
+  beforeMount() {
+    window.addEventListener('resize', this.$_resizeHandler)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.$_resizeHandler)
+  },
+  mounted() {
+    const isMobile = this.$_isMobile()
+    if (isMobile) {
+      store.dispatch('app/toggleDevice', 'mobile')
+      store.dispatch('app/closeSideBar', { withoutAnimation: true })
+    }
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_isMobile() {
+      const rect = body.getBoundingClientRect()
+      return rect.width - 1 < WIDTH
+    },
+    $_resizeHandler() {
+      if (!document.hidden) {
+        const isMobile = this.$_isMobile()
+        store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
+
+        if (isMobile) {
+          store.dispatch('app/closeSideBar', { withoutAnimation: true })
+        }
+      }
+    }
+  }
+}

+import Vue from 'vue'
+import App from './App'
+import 'normalize.css/normalize.css' // a modern alternative to CSS resets
+import Element from 'element-ui'
+import '@/styles/element-variables.scss'
+import '@/styles/index.scss'
+import Base from '@/components/Base/base' // 全局组件引入
+import mixin from '@/utils/mixin/theme.js'
+import dataV from '@jiaminghi/data-view';
+import echarts from "echarts"
+import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
+Vue.mixin(mixin)
+// 按需引入vue-awesome图标
+import Icon from 'vue-awesome/components/Icon';
+import 'vue-awesome/icons/chart-bar.js';
+import 'vue-awesome/icons/chart-area.js';
+import 'vue-awesome/icons/chart-pie.js';
+import 'vue-awesome/icons/chart-line.js';
+import 'vue-awesome/icons/align-left.js';
+
+// 全局加载
+Vue.prototype.$startLoading = startLoadingAddCount
+Vue.prototype.$endLoading = endLoadingSubCount
+
+import { theme } from "@/directive/theme.js"
+Vue.directive("theme", theme)
+import './image/icons' // icon
+import store from './store'
+import router from './router'
+import _ from 'lodash'
+import './permission' // permission control
+Vue.use(Element, { size: 'small', zIndex: 1000 })
+Vue.use(Base)
+Vue.component('icon', Icon);
+Vue.prototype.$echarts = echarts
+Vue.use(dataV)
+new Vue({
+    el: '#app',
+    router,
+    store,
+    render: h => h(App)
+})

+let mixin = {
+  data () {
+    return {
+      pickerOptionsStart: {
+        // 禁止选择
+        disabledDate: time => {
+          let endDateVal = this.form.endTime;
+          if (endDateVal) {
+            return time.getTime() > new Date(endDateVal).getTime();
+          }
+        }
+      },
+      pickerOptionsEnd: {
+        disabledDate: time => {
+          let beginDateVal = this.form.startTime;
+          if (beginDateVal) {
+            return (
+              time.getTime() <
+              new Date(beginDateVal).getTime()
+            );
+          }
+        }
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+export default mixin
\ No newline at end of file

+import { mapGetters } from 'vuex'
+import ruleConfig from '@/api/ruleConfig'
+let mixin = {
+  computed: {
+    ...mapGetters(['dicData', 'rules','Edit'])
+  },
+  data () {
+    return {
+      key: 0,
+      typeNum: { type: 'number' },
+      initRules: {},
+      subRules: {}
+    }
+  },
+  created () {
+    this.featchData()
+  },
+  methods: {
+    featchData () {
+    },
+    verificationForm () {
+      return new Promise((resolve) => {
+        this.$refs['formList'].validate((valid) => {
+          if (valid) {
+            resolve(true)
+          } else {
+            resolve(false)
+          }
+        })
+      })
+    },
+    changeCertificate() {
+      
+    },
+    async featchRule () {
+      try {
+        let { result: { sysywsjbfieldlist } } = await ruleConfig.getRuleList(this.dataTable)
+        sysywsjbfieldlist.forEach((item) => {
+          this.subRules[item.FIELD] = [
+            {
+              required: item.REQUIRED == '1' ? true : false,
+              pattern: item.EXPRESSION? new RegExp(item.EXPRESSION): null,
+              message: item.MESSAGE || '请输入内容',
+              trigger: item.TRIGGERS || 'change'
+            }
+          ]
+          this.initRules[item.FIELD] = [
+            {
+              required: item.REQUIRED == '1' ? true : false,
+              message: item.MESSAGE || '请输入内容',
+              trigger: item.TRIGGERS || 'change'
+            }
+          ]
+        })
+        if (this.Edit) {
+          this.$store.dispatch('business/setRules', {})
+        }else {
+          this.$store.dispatch('business/setRules', this.initRules)
+        }
+        this.$store.dispatch('business/setInitRules', this.initRules)
+        this.$store.dispatch('business/setSubRules', this.subRules)
+        this.key++
+        this.$nextTick(() => {
+          this.$refs['formList'] && this.$refs['formList'].validate((valid) => {
+            if (!valid) {
+              return false
+            }
+          })
+        })
+      } catch (error) {
+        if (this.$refs.msg) {
+          this.$refs.msg.messageShow()
+        }
+      }
+    }
+  }
+}
+export default mixin
\ No newline at end of file

+import { mapGetters } from 'vuex'
+import business from '@/api/business'
+let mixin = {
+  data () {
+    return {
+      xml: '',
+      message: '',
+      formData: {
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(['dicData'])
+  },
+  created () {
+    this.featchData()
+    this.keyupSubmit()
+  },
+  methods: {
+    async handleXmlres (index, row) {
+      try {
+        let { result: res } = await business.queryXML(row.BSM_SJSB)
+        if (res != null) {
+          this.xml = res
+          this.$refs.dialog.$refs.xmlDialog.isShow();
+        } else {
+          this.$message('报文为空')
+        }
+      } catch (error) {
+        this.$alert(error, '提示', {
+          confirmButtonText: '确定',
+          type: 'error'
+        })
+      }
+    },
+    keyupSubmit () {
+      document.onkeydown = e => {
+        let _key = window.event.keyCode;
+        if (_key === 13) {
+          this.featchData()
+        }
+      }
+    },
+    // 表格索引得问题
+    indexMethod (index) {
+      return index + 1 + (this.form.currentPage - 1) * this.formData.pageSize;
+    },
+    handleSizeChange (val) {
+      this.formData.pageSize = val
+      this.featchData()
+    },
+    handleCurrentChange (val) {
+      this.form.currentPage = val
+      this.featchData()
+    },
+    handleSubmit () {
+      this.featchData()
+    }
+  }
+}
+export default mixin
\ No newline at end of file

+import router from './router'
+import store from './store'
+import { getMenuInfo } from '@/api/user'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import getPageTitle from '@/utils/get-page-title'
+import Cookies from 'js-cookie'
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+
+router.beforeEach(async (to, from, next) => {
+    NProgress.start()
+    document.title = getPageTitle(to.meta.title)
+    let hasAddRoute = store.state.permission.addRoutes
+    if (hasAddRoute) {
+        next()
+        // next({ ...to, replace: true })
+    } else {
+        const { result: getMenuData } = await getMenuInfo()
+        const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
+        // 获取用户信息
+        await store.dispatch('user/getUserInfo')
+        router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
+        const routeTo = Cookies.get('routerTo')
+        if (routeTo && routeTo !== '/') {
+            next({ ...to, replace: true })
+        } else {
+            next('/home')
+        }
+    }
+    NProgress.done()
+})
+router.afterEach(to => {
+    // 解决刷新页面报404问题
+    Cookies.set("routerTo", to.fullPath)
+    NProgress.done()
+})

+import Vue from 'vue'
+import Router from 'vue-router'
+Vue.use(Router)
+/* Layout */
+import Layout from '@/layout'
+
+/* Router Modules */
+// import componentsRouter from './modules/components'
+export const constantRoutes = [
+  {
+    path: '/404',
+    component: Layout,
+    hidden: true,
+    redirect: '/404/index',
+    children: [
+      {
+        path: '/index',
+        component: () => import('@/views/error-page/404'),
+        name: '404',
+        meta: { title: '404' }
+      }
+    ]
+  },
+  {
+    path: '/dataView',
+    name: 'dataView',
+    component: () => import('@/views/dataView/index')
+  }
+]
+/**
+ * asyncRoutes
+ * the routes that need to be dynamically loaded based on user roles
+ */
+export const asyncRoutes = [
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/home',
+    meta: { title: '首页' },
+    children: [
+      {
+        path: 'home',
+        component: () => import('@/views/home/index'),
+        name: 'home',
+        meta: { title: '工作台', icon: 'workbench', affix: true }
+      }
+    ]
+  },
+  // 接入业务信息
+  {
+    path: '/busineInfo',
+    component: Layout,
+    meta: { title: '接入业务信息', icon: 'sqcx', breadcrumb: false },
+    redirect: '/busineInfo/landOwnership',
+    alwaysShow: true,
+    name: 'busineInfo',
+    children: [
+      {
+        path: 'landOwnership',
+        component: () => import('@/views/business-info/land-ownership/index'),
+        name: 'landOwnership',
+        meta: { title: '土地所有权' }
+      },
+      {
+        path: 'landBuilding',
+        component: () => import('@/views/business-info/land-building/index'),
+        name: 'landBuilding',
+        meta: { title: '建设用地、宅基地使用权' }
+      },
+      {
+        path: 'realEstateMany',
+        component: () => import('@/views/business-info/real-estate-many/index'),
+        name: 'realEstateMany',
+        meta: { title: '房地产权（项目内多幢房屋）' }
+      },
+      {
+        path: 'realEstateSingle',
+        component: () => import('@/views/business-info/real-estate-single/index'),
+        name: 'realEstateSingle',
+        meta: { title: '房地产权（独幢、层、套、间、房屋）' }
+      },
+      {
+        path: 'ownerShare',
+        component: () => import('@/views/business-info/owner-share/index'),
+        name: 'ownerShare',
+        meta: { title: '建筑物区分所有权业主共有部分' }
+      },
+      {
+        path: 'seaArea',
+        component: () => import('@/views/business-info/sea-area/index'),
+        name: 'seaArea',
+        meta: { title: ' 海域(含无居民海岛)使用权' }
+      },
+      {
+        path: 'buildingOwnership',
+        component: () => import('@/views/business-info/building-ownership/index'),
+        name: 'buildingOwnership',
+        meta: { title: ' 构（建）筑物所有权' }
+      },
+      {
+        path: 'agriculturalLand',
+        component: () => import('@/views/business-info/agricultural-land/index'),
+        name: 'agriculturalLand',
+        meta: { title: ' 农用地使用权（非林地）' }
+      },
+      {
+        path: 'forestOwnership',
+        component: () => import('@/views/business-info/forest-ownership/index'),
+        name: 'forestOwnership',
+        meta: { title: ' 林权' }
+      },
+      {
+        path: 'cancellationReg',
+        component: () => import('@/views/business-info/cancellation-registration/index'),
+        name: 'cancellationReg',
+        meta: { title: ' 注销登记' }
+      },
+      {
+        path: 'objectionReg',
+        component: () => import('@/views/business-info/objection-registration/index'),
+        name: 'objectionReg',
+        meta: { title: ' 异议登记' }
+      },
+      {
+        path: 'noticeReg',
+        component: () => import('@/views/business-info/notice-registration/index'),
+        name: 'noticeReg',
+        meta: { title: ' 预告登记' }
+      },
+      {
+        path: 'seizureReg',
+        component: () => import('@/views/business-info/seizure-registration/index'),
+        name: 'seizureReg',
+        meta: { title: ' 查封登记' }
+      },
+      {
+        path: 'mortgageReg',
+        component: () => import('@/views/business-info/mortgage-registration/index'),
+        name: 'mortgageReg',
+        meta: { title: ' 抵押权登记' }
+      },
+      {
+        path: 'easementReg',
+        component: () => import('@/views/business-info/easement-registration/index'),
+        name: 'easementReg',
+        meta: { title: ' 地役权登记' }
+      }
+    ]
+  },
+]
+
+const createRouter = () =>
+  new Router({
+    scrollBehavior: () => ({ y: 0 }),
+    routes: [...constantRoutes, ...asyncRoutes]
+  })
+
+const router = createRouter()
+export function resetRouter () {
+  const newRouter = createRouter()
+  router.matcher = newRouter.matcher // reset router
+}
+
+export default router

+module.exports = {
+  title: '监管平台',
+  /**
+   * @type {boolean} true | false
+   * @description Whether show the settings right-panel
+   */
+  showSettings: true,
+
+  /**
+   * @type {boolean} true | false
+   * @description Whether need tagsView
+   */
+  tagsView: true,
+
+  /**
+   * @type {boolean} true | false
+   * @description Whether fix the header
+   */
+  fixedHeader: true,
+
+  /**
+   * @type {boolean} true | false
+   * @description Whether show the logo in sidebar
+   */
+  sidebarLogo: true,
+
+  /**
+   * @type {string | array} 'production' | ['production', 'development']
+   * @description Need show err logs component.
+   * The default is only used in the production env
+   * If you want to also use it in dev, you can pass ['production', 'development']
+   */
+  errorLog: 'production'
+}

+const getters = {
+  sidebar: state => state.app.sidebar,
+  size: state => state.app.size,
+  flag: state => state.app.splitScreen,
+  visitedViews: state => state.tagsView.visitedViews,
+  cachedViews: state => state.tagsView.cachedViews,
+  avatar: state => state.user.avatar,
+  name: state => state.user.name,
+  permission_routes: state => state.permission.routes,
+  addRoutes: state => state.permission.addRoutes
+}
+export default getters

+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+
+Vue.use(Vuex)
+// https://webpack.js.org/guides/dependency-management/#requirecontext
+const modulesFiles = require.context('./modules', true, /\.js$/)
+// you do not need `import app from './modules/app'`
+// it will auto require all vuex module from modules file
+const modules = modulesFiles.keys().reduce((modules, modulePath) => {
+  // set './app.js' => 'app'
+  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
+  const value = modulesFiles(modulePath)
+  modules[moduleName] = value.default
+  return modules
+}, {})
+
+const store = new Vuex.Store({
+  modules,
+  getters
+})
+
+export default store

+import Cookies from 'js-cookie'
+
+const state = {
+    size: 'small',
+    theme: '#409EFF',
+    splitScreen: false,
+}
+
+const mutations = {
+    SET_SIZE: (state, size) => {
+        state.size = size
+        Cookies.set('size', size)
+    },
+    UPDATE_THEME (state, val) {
+        state.theme = val;
+    },
+    SET_SCREEN (state, val) {
+        state.splitScreen = val;
+    },
+}
+
+const actions = {
+    setSize ({ commit }, size) {
+        commit('SET_SIZE', size)
+    },
+    updateTheme ({ commit }, val) {
+        commit('UPDATE_THEME', val)
+    },
+    settScreen ({ commit }, val) {
+        commit('SET_SCREEN', val)
+    },
+}
+
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions
+}

+import { asyncRoutes, constantRoutes, resetRouter } from '@/router'
+import asyncRouter from '@/utils/asyncRouter.js'
+const state = {
+    routes: [],
+    addRoutes: false,
+}
+
+const mutations = {
+    SET_ROUTES: (state, routes) => {
+        state.addRoutes = true
+        state.routes = routes
+    },
+    RESET_ROUTE: (state) => {
+        state.addRoutes = false
+    }
+}
+const actions = {
+    // 添加全部菜单
+    generateRoutes ({ commit }, getMenuInfo) {
+        return new Promise(resolve => {
+            // 将权限菜单数组转成路由树数据结构
+            let permission_tree = asyncRouter(getMenuInfo)
+            const mergeResult = _.cloneDeep(constantRoutes).concat(permission_tree);
+            commit('SET_ROUTES', mergeResult)
+            resolve(permission_tree)
+        })
+    },
+    // 重置路由
+    resetRoutes ({ commit }) {
+        commit('RESET_ROUTE')
+    }
+}
+// 树转数组
+function dfs (root, fVisit) {
+    let stack = Array.isArray(root) ? [...root] : [root];
+    while (stack.length) {
+        let node = stack.pop();
+        fVisit && fVisit(node);
+        let children = node.children;
+        if (children && children.length) {
+            for (let i = children.length - 1; i >= 0; i--) stack.push(children[i]);
+        }
+    }
+}
+// 数组转树
+//需要插入父节点id，pid为null或''，就是找root节点，然后root节点再去找自己的子节点
+function array2Tree (data, pid) {
+    let res = [];
+    data.forEach(item => {
+        if (item.parentId === pid) {
+            let itemChildren = array2Tree(data, item.id);
+            if (itemChildren.length) item.children = itemChildren;
+            res.push(item);
+        }
+    });
+    // 菜单数据反转，保持一致
+    res.reverse()
+    _.each(res, c => {
+        if (c.children && c.children.length > 0) {
+            c.children.reverse()
+        }
+    })
+    return res;
+}
+
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions
+}

+import variables from '@/styles/element-variables.scss'
+import defaultSettings from '@/settings'
+
+const { showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings
+
+const state = {
+  theme: variables.theme,
+  showSettings: showSettings,
+  tagsView: tagsView,
+  fixedHeader: fixedHeader,
+  sidebarLogo: sidebarLogo
+}
+
+const mutations = {
+  CHANGE_SETTING: (state, { key, value }) => {
+    if (state.hasOwnProperty(key)) {
+      state[key] = value
+    }
+  }
+}
+
+const actions = {
+  changeSetting ({ commit }, data) {
+    commit('CHANGE_SETTING', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+

+const state = {
+    visitedViews: [{
+        'fullPath': "/home",
+        'meta': {
+            affix: true
+        },
+        'name': "Dashboard",
+        'path': "/home",
+        'title': "工作台"
+    }]
+}
+
+const mutations = {
+    ADD_VISITED_VIEW: (state, view) => {
+        if (state.visitedViews.some(v => v.path === view.path)) return
+        state.visitedViews.push(
+            Object.assign({}, view, {
+                title: view.meta.title || 'no-name'
+            })
+        )
+    },
+
+    DEL_VISITED_VIEW: (state, view) => {
+        for (const [i, v] of state.visitedViews.entries()) {
+            if (v.path === view.path) {
+                state.visitedViews.splice(i, 1)
+                break
+            }
+        }
+    },
+
+    DEL_OTHERS_VISITED_VIEWS: (state, view) => {
+        state.visitedViews = state.visitedViews.filter(v => {
+            return v.meta.affix || v.path === view.path
+        })
+    },
+    DEL_ALL_VISITED_VIEWS: state => {
+        // keep affix tags
+        const affixTags = state.visitedViews.filter(tag => tag.meta.affix)
+        state.visitedViews = affixTags
+    },
+
+    UPDATE_VISITED_VIEW: (state, view) => {
+        for (let v of state.visitedViews) {
+            if (v.path === view.path) {
+                v = Object.assign(v, view)
+                break
+            }
+        }
+    }
+}
+
+const actions = {
+    addView ({ dispatch }, view) {
+        dispatch('addVisitedView', view)
+    },
+    addVisitedView ({ commit }, view) {
+        commit('ADD_VISITED_VIEW', view)
+    },
+
+    delView ({ dispatch, state }, view) {
+        return new Promise(resolve => {
+            dispatch('delVisitedView', view)
+            resolve({
+                visitedViews: [...state.visitedViews],
+            })
+        })
+    },
+    delVisitedView ({ commit, state }, view) {
+        return new Promise(resolve => {
+            commit('DEL_VISITED_VIEW', view)
+            resolve([...state.visitedViews])
+        })
+    },
+    delOthersViews ({ dispatch, state }, view) {
+        return new Promise(resolve => {
+            dispatch('delOthersVisitedViews', view)
+            resolve({
+                visitedViews: [...state.visitedViews],
+            })
+        })
+    },
+    delOthersVisitedViews ({ commit, state }, view) {
+        return new Promise(resolve => {
+            commit('DEL_OTHERS_VISITED_VIEWS', view)
+            resolve([...state.visitedViews])
+        })
+    },
+
+    delAllViews ({ dispatch, state }, view) {
+        return new Promise(resolve => {
+            dispatch('delAllVisitedViews', view)
+            resolve({
+                visitedViews: [...state.visitedViews],
+            })
+        })
+    },
+    delAllVisitedViews ({ commit, state }) {
+        return new Promise(resolve => {
+            commit('DEL_ALL_VISITED_VIEWS')
+            resolve([...state.visitedViews])
+        })
+    },
+    updateVisitedView ({ commit }, view) {
+        commit('UPDATE_VISITED_VIEW', view)
+    }
+}
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions
+}

+import { getUserInfo } from '@/api/user'
+const state = {
+    name: '',
+    avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+}
+const mutations = {
+    SET_NAME: (state, data) => {
+        state.name = data.loginName
+    }
+}
+
+const actions = {
+    getUserInfo ({ commit }) {
+        return new Promise(async (resolve) => {
+            let { result: res } = await getUserInfo()
+            commit('SET_NAME', res)
+            resolve(true)
+        })
+    },
+}
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions
+}

+.dialogBox {
+  border-radius: 8px;
+  overflow: hidden;
+  background: #FFFFFF;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);
+
+  .dialog_title {
+    display: flex;
+    position: relative;
+    top: -2px;
+
+    b {
+      @include flex-center;
+      flex: 1;
+      width: 100%;
+    }
+  }
+
+  .dialog_full {
+    position: absolute;
+    top: 0;
+    right: 30px;
+  }
+
+  .el-dialog__body {
+    max-height: 88vh;
+    overflow-x: hidden;
+    overflow-y: hidden;
+  }
+
+  .dialog_footer {
+    margin-top: 8px;
+    @include flex-center;
+  }
+
+  .dialogBox-content {
+    height: auto
+  }
+}
+
+.dialog_title {
+  @include flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.el-dialog__header {
+  margin-bottom: 10px;
+  color: #4A4A4A;
+  background-color: #FCFDFD;
+  border-bottom: 1px solid #E4EBF4;
+}
+
+.el-dialog__body {
+  padding-top: 10px;
+  padding-bottom: 0;
+}
+
+.el-dialog__headerbtn .el-dialog__close {
+  color: #6B7A99 !important;
+  position: relative;
+  top: -2px;
+}
+
+
+.el-form-item {
+  @include flex;
+  width: 100%;
+}
+
+.el-dialog__wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.contentCenter {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(calc(-50% + 85px), -50%);
+}
+
+.mainCenter {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
\ No newline at end of file

+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+  color: #686666;
+}
+
+.el-table .cell {
+  line-height: 16px;
+}
+
+//input
+.el-input__inner {
+  padding: 0 7px !important;
+}
+
+.el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell {
+  .el-tag {
+    margin-right: 0px;
+  }
+}
+
+.small-padding {
+  .cell {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+.fixed-width {
+  .el-button--mini {
+    padding: 7px 10px;
+    min-width: 60px;
+  }
+}
+
+.status-col {
+  .cell {
+    padding: 0 10px;
+    text-align: center;
+
+    .el-tag {
+      margin-right: 0px;
+    }
+  }
+}
+
+.el-icon-date {
+  display: none;
+}
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+// refine element ui upload
+.el-input.is-disabled .el-input__inner {
+  color: #909399;
+}
+
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block
+  }
+}
+
+// fix date-picker ui bug in filter-item
+.el-range-editor.el-input__inner {
+  display: inline-flex !important;
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+  box-sizing: content-box;
+}
+
+.el-submenu__icon-arrow {
+  margin-top: -5px;
+}
+
+/* --------------进度条美化---------------- */
+::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+}
+
+::-webkit-scrollbar-track {
+  width: 7px;
+  background-color: rgba(255, 255, 255, 0);
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgb(207, 208, 209);
+  background-clip: padding-box;
+  min-height: 28px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgb(162, 164, 167);
+}
+
+// element 样式补丁
+.el-menu--horizontal {
+  border-bottom: none !important;
+}
+
+.el-radio-group {
+  .el-radio-button__inner {
+    height: 36px;
+    line-height: 36px;
+    padding: 0 20px;
+    font-size: 14px;
+  }
+
+  .el-radio-button:first-child {
+    border-radius: 4px 0 0 4px;
+  }
+
+  .el-radio-button:last-child {
+    border-radius: 0 4px 4px 0;
+  }
+}
+
+.el-tabs__item:focus.is-active.is-focus:not(:active) {
+  box-shadow: none !important;
+}
+
+// Divider 分割线 样式的修改
+.el-divider--horizontal {
+  margin: 10px 0 !important;
+}
+
+.el-row {
+  margin-bottom: 0 !important;
+}
+
+// form
+.el-form-item__content {
+  margin-left: 0 !important;
+}
+
+.el-icon-full-screen,
+.el-icon-rank {
+  cursor: pointer;
+}
+
+// element table 选中 颜色
+.el-table--enable-row-hover .el-table__body tr:hover>td {
+  background-color: #FCFDFD;
+}
+
+.el-table__body .el-table__row.hover-row td {
+  background-color: #FCFDFD;
+}
+
+.el-table tbody tr:hover>td {
+  background-color: #FCFDFD;
+}
+
+// 表格样式
+.el-table th {
+  height: 48px !important;
+  font-size: 14px;
+  color: #4A4A4A;
+}
+
+
+.el-table tr:nth-child(even) {
+  background: #FCFDFD !important;
+}
+
+.el-table tr td {
+  font-size: 14px;
+  color: #7A7A7A;
+}
+
+.lb-table .el-table {
+  border: 1px solid #E4EBF4;
+  border-bottom: none;
+  border-radius: 4px 4px 0 0;
+}
+
+.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
+  display: none !important
+}
+
+.el-message-box__btns {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.el-message-box__btns .el-button--primary {
+  margin-right: 10px;
+}
+
+.el-form-item__content {
+  flex: 1;
+}
+
+.el-submenu__title {
+  .svg-icon {
+    position: relative;
+    top: 2px;
+  }
+}
\ No newline at end of file

+/**
+* I think element-ui's default theme color is too light for long-term use.
+* So I modified the default color and you can modify it to your liking.
+**/
+
+/* theme color */
+$--color-primary: #0F93F6;
+$--color-success: #67C23B;
+$--color-warning: #E6A23C;
+$--color-danger: #F46C6C;
+// $--color-info: #1E1E1E;
+
+$--button-font-weight: 400;
+
+$--border-color-light: #dfe4ed;
+$--border-color-lighter: #e6ebf5;
+
+$--table-border: 1px solid #dfe6ec;
+
+/* icon font path, required */
+$--font-path: "~element-ui/lib/theme-chalk/fonts";
+
+@import "~element-ui/packages/theme-chalk/src/index";
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  theme: $--color-primary;
+}

+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+
+/* CSS 初始化 */
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  height: 100%;
+  min-height: 100% !important;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+.no-padding {
+  padding: 0px !important;
+}
+
+.padding-content {
+  padding: 4px 0;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+ul li {
+  list-style: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.fr {
+  float: right;
+}
+
+.fl {
+  float: left;
+}
+
+.pr-5 {
+  padding-right: 5px;
+}
+
+.pl-5 {
+  padding-left: 5px;
+}
+
+//flex
+.d-flex {
+  display: flex;
+}
+
+.bg-color-blue {
+  background-color: #1a5cd7;
+}
+
+.jc-between {
+  justify-content: space-between;
+}
+
+.block {
+  display: block;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.move {
+  color: #409EFF;
+  font-size: 24px;
+}
+
+.inlineBlock {
+  display: block;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+aside {
+  background: #eef1f6;
+  padding: 8px 24px;
+  margin-bottom: 20px;
+  border-radius: 2px;
+  display: block;
+  line-height: 32px;
+  font-size: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  color: #2c3e50;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  a {
+    color: #337ab7;
+    cursor: pointer;
+
+    &:hover {
+      color: rgb(32, 160, 255);
+    }
+  }
+}
+
+//main-container全局样式
+.app-container {
+  padding: 20px;
+}
+
+.components-container {
+  margin: 30px 50px;
+  position: relative;
+}
+
+.pagination-container {
+  margin-top: 30px;
+}
+
+.text-center {
+  text-align: center
+}
+
+.width100 {
+  width: 100% !important;
+}
+
+.sub-navbar {
+  height: 50px;
+  line-height: 50px;
+  position: relative;
+  width: 100%;
+  text-align: right;
+  padding-right: 20px;
+  transition: 600ms ease position;
+  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+
+  .subtitle {
+    font-size: 20px;
+    color: #fff;
+  }
+
+  &.draft {
+    background: #d0d0d0;
+  }
+
+  &.deleted {
+    background: #d0d0d0;
+  }
+}
+
+.link-type,
+.link-type:focus {
+  color: #337ab7;
+  cursor: pointer;
+
+  &:hover {
+    color: rgb(32, 160, 255);
+  }
+}
+
+.filter-container {
+  padding-bottom: 10px;
+
+  .filter-item {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 10px;
+  }
+}
+
+//refine vue-multiselect plugin
+.multiselect {
+  line-height: 16px;
+}
+
+.multiselect--active {
+  z-index: 1000 !important;
+}
+
+.delete-button {
+  line-height: 32px;
+  cursor: pointer;
+  color: #FF7115;
+  font-size: 20px;
+  margin-right: 5px;
+
+}
+
+.add-button {
+  line-height: 32px;
+  color: #2FA5FF;
+  cursor: pointer;
+  font-size: 20PX;
+}
+
+.description {
+  .el-form-item__content {
+    width: 75%;
+  }
+}
+
+// 弹窗组件 input样式
+.header-title {
+  margin-bottom: 18px;
+  line-height: 20px;
+  height: 20px;
+  font-size: 15px;
+  font-weight: bolder;
+  width: 200px;
+  margin-left: 45px;
+}
+
+.detailTree {
+  width: 188px !important;
+}
+
+// 禁用
+.disabled {
+  color: #87adf3;
+  background-color: #fff;
+  cursor: not-allowed
+}
+
+.bad {
+  color: #f00;
+  background-color: #fff;
+  cursor: not-allowed
+}
+
+.allow,
+.prohibit .suspend {
+  position: relative;
+  margin: 0 auto;
+  text-align: left;
+  padding-left: 13px;
+}
+
+.allow {
+  color: $green;
+}
+
+.prohibit {
+  color: $pink;
+}
+
+.suspend {
+  color: $yellow;
+}
+
+.allow::before {
+  content: '';
+  position: absolute;
+  left: 5px;
+  top: 45%;
+  background-color: $green;
+  display: inline-block; // 此句为css样式展示重点🏁
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+}
+
+.prohibit::before {
+  content: '';
+  position: absolute;
+  left: 5px;
+  top: 45%;
+  background-color: $pink;
+  display: inline-block; // 此句为css样式展示重点🏁
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+}
+
+.suspend::before {
+  content: '';
+  position: absolute;
+  left: 5px;
+  top: 45%;
+  background-color: $yellow;
+  display: inline-block; // 此句为css样式展示重点🏁
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+}
+
+//错误日志样式 后期超优化
+.item-cwnr {
+  white-space: pre-wrap;
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.item-cwnr img {
+  height: 30px;
+}
\ No newline at end of file

+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+@mixin pct($pct) {
+  width: #{$pct};
+  position: relative;
+  margin: 0 auto;
+}
+
+@mixin triangle($width, $height, $color, $direction) {
+  $width: $width/2;
+  $color-border-style: $height solid $color;
+  $transparent-border-style: $width solid transparent;
+  height: 0;
+  width: 0;
+
+  @if $direction==up {
+    border-bottom: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==right {
+    border-left: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  } @else if $direction==down {
+    border-top: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==left {
+    border-right: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
+}
+@mixin flex {
+  display: flex;
+}
+@mixin flex-center-row {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+@mixin flex-center-col {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+@mixin flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

+/* 改变主题色变量 */
+// $--color-primary: #1890ff;
+// $--color-danger: #ff4d4f;
+
+/* 改变 icon 字体路径变量，必需 */
+
+.process-drawer .el-drawer__header {
+  padding: 16px 16px 8px 16px;
+  margin: 0;
+  line-height: 24px;
+  font-size: 18px;
+  color: #303133;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+div[class^="el-drawer"]:focus,
+span:focus {
+  outline: none;
+}
+
+.process-drawer .el-drawer__body {
+  box-sizing: border-box;
+  padding: 16px;
+  width: 100%;
+  overflow-y: auto;
+}
+
+.process-design {
+  .el-table td,
+  .el-table th {
+    color: #333;
+  }
+
+  .el-dialog__header {
+    padding: 16px 16px 8px 16px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #e8e8e8;
+  }
+  .el-dialog__body {
+    padding: 16px;
+    max-height: 80vh;
+    box-sizing: border-box;
+    overflow-y: auto;
+  }
+  .el-dialog__footer {
+    padding: 16px;
+    box-sizing: border-box;
+    border-top: 1px solid #e8e8e8;
+  }
+  .el-dialog__close {
+    font-weight: 600;
+  }
+  .el-select {
+    width: 100%;
+  }
+  .el-divider:not(.el-divider--horizontal) {
+    margin: 0 8px ;
+  }
+  .el-divider.el-divider--horizontal {
+    margin: 16px 0;
+  }
+}

+@import "./flow-element-variables.scss";
+@import "~bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
+@import "~bpmn-js-token-simulation/assets/css/font-awesome.min.css";
+@import "~bpmn-js-token-simulation/assets/css/normalize.css";
+@import "~bpmn-js/dist/assets/diagram-js.css";
+@import "~bpmn-js/dist/assets/bpmn-font/css/bpmn.css";
+@import "~bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css";
+@import "./process-designer.scss";
+@import "./process-panel.scss";
+
+$success-color: #4eb819;
+$primary-color: #409EFF;
+$warning-color: #E6A23C;
+$danger-color: #F56C6C;
+$cancel-color: #909399;
+
+.process-viewer {
+  position: relative;
+  border: 1px solid #EFEFEF;
+  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+') repeat!important;
+
+  .success-arrow {
+    fill: $success-color;
+    stroke: $success-color;
+  }
+
+  .success-conditional {
+    fill: white;
+    stroke: $success-color;
+  }
+
+  .fail-arrow {
+    fill: $warning-color;
+    stroke: $warning-color;
+  }
+
+  .fail-conditional {
+    fill: white;
+    stroke: $warning-color;
+  }
+
+  .success.djs-connection {
+    .djs-visual path {
+      stroke: $success-color!important;
+      marker-end: url(#sequenceflow-end-white-success)!important;
+    }
+  }
+
+  .success.djs-connection.condition-expression {
+    .djs-visual path {
+      marker-start: url(#conditional-flow-marker-white-success)!important;
+    }
+  }
+
+  .success.djs-shape {
+    .djs-visual rect {
+      stroke: $success-color!important;
+      fill: $success-color!important;
+      fill-opacity: 0.15!important;
+    }
+
+    .djs-visual polygon {
+      stroke: $success-color!important;
+    }
+
+    .djs-visual path:nth-child(2) {
+      stroke: $success-color!important;
+      fill: $success-color!important;
+    }
+
+    .djs-visual circle {
+      stroke: $success-color!important;
+      fill: $success-color!important;
+      fill-opacity: 0.15!important;
+    }
+  }
+
+  .primary.djs-shape {
+    .djs-visual rect {
+      stroke: $primary-color!important;
+      fill: $primary-color!important;
+      fill-opacity: 0.15!important;
+    }
+
+    .djs-visual polygon {
+      stroke: $primary-color!important;
+    }
+
+    .djs-visual circle {
+      stroke: $primary-color!important;
+      fill: $primary-color!important;
+      fill-opacity: 0.15!important;
+    }
+  }
+
+  .warning.djs-connection {
+    .djs-visual path {
+      stroke: $warning-color!important;
+      marker-end: url(#sequenceflow-end-white-fail)!important;
+    }
+  }
+
+  .warning.djs-connection.condition-expression {
+    .djs-visual path {
+      marker-start: url(#conditional-flow-marker-white-fail)!important;
+    }
+  }
+
+  .warning.djs-shape {
+    .djs-visual rect {
+      stroke: $warning-color!important;
+      fill: $warning-color!important;
+      fill-opacity: 0.15!important;
+    }
+
+    .djs-visual polygon {
+      stroke: $warning-color!important;
+    }
+
+    .djs-visual path:nth-child(2) {
+      stroke: $warning-color!important;
+      fill: $warning-color!important;
+    }
+
+    .djs-visual circle {
+      stroke: $warning-color!important;
+      fill: $warning-color!important;
+      fill-opacity: 0.15!important;
+    }
+  }
+
+  .danger.djs-shape {
+    .djs-visual rect {
+      stroke: $danger-color!important;
+      fill: $danger-color!important;
+      fill-opacity: 0.15!important;
+    }
+
+    .djs-visual polygon {
+      stroke: $danger-color!important;
+    }
+
+    .djs-visual circle {
+      stroke: $danger-color!important;
+      fill: $danger-color!important;
+      fill-opacity: 0.15!important;
+    }
+  }
+
+  .cancel.djs-shape {
+    .djs-visual rect {
+      stroke: $cancel-color!important;
+      fill: $cancel-color!important;
+      fill-opacity: 0.15!important;
+    }
+
+    .djs-visual polygon {
+      stroke: $cancel-color!important;
+    }
+
+    .djs-visual circle {
+      stroke: $cancel-color!important;
+      fill: $cancel-color!important;
+      fill-opacity: 0.15!important;
+    }
+  }
+}
+
+.process-viewer .djs-tooltip-container, .process-viewer .djs-overlay-container, .process-viewer .djs-palette {
+  display: none;
+}

+// 边框被 token-simulation 样式覆盖了
+.djs-palette {
+  background: var(--palette-background-color);
+  border: solid 1px var(--palette-border-color) !important;
+  border-radius: 2px;
+}
+
+.my-process-designer {
+  padding: 5px 0 10px 10px;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  .my-process-designer__header {
+    width: 100%;
+    min-height: 36px;
+    .el-button {
+      text-align: center;
+    }
+    .el-button-group {
+      margin: 4px;
+    }
+    .el-tooltip__popper {
+      .el-button {
+        width: 100%;
+        text-align: left;
+        padding-left: 8px;
+        padding-right: 8px;
+      }
+      .el-button:hover {
+        background: rgba(64, 158, 255, 0.8);
+        color: #ffffff;
+      }
+    }
+    .align {
+      position: relative;
+      i {
+        &:after {
+          content: "|";
+          position: absolute;
+          transform: rotate(90deg) translate(200%, 60%);
+        }
+      }
+    }
+    .align.align-left i {
+      transform: rotate(90deg);
+    }
+    .align.align-right i {
+      transform: rotate(-90deg);
+    }
+    .align.align-top i {
+      transform: rotate(180deg);
+    }
+    .align.align-bottom i {
+      transform: rotate(0deg);
+    }
+    .align.align-center i {
+      transform: rotate(90deg);
+      &:after {
+        transform: rotate(90deg) translate(0, 60%);
+      }
+    }
+    .align.align-middle i {
+      transform: rotate(0deg);
+      &:after {
+        transform: rotate(90deg) translate(0, 60%);
+      }
+    }
+  }
+  .my-process-designer__container {
+    display: inline-flex;
+    width: 100%;
+    flex: 1;
+    .my-process-designer__canvas {
+      flex: 1;
+      height: 100%;
+      position: relative;
+      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+")
+      repeat !important;
+      div.toggle-mode {
+        display: none;
+      }
+    }
+    .my-process-designer__property-panel {
+      height: 100%;
+      overflow: scroll;
+      overflow-y: auto;
+      z-index: 10;
+      * {
+        box-sizing: border-box;
+      }
+    }
+    svg {
+      width: 100%;
+      height: 100%;
+      min-height: 100%;
+      overflow: hidden;
+    }
+  }
+}
+
+//侧边栏配置
+.djs-palette.open {
+  .djs-palette-entries {
+    div[class^="bpmn-icon-"]:before,
+    div[class*="bpmn-icon-"]:before {
+      line-height: unset;
+    }
+    div.entry {
+      position: relative;
+    }
+    div.entry:hover {
+      &::after {
+        width: max-content;
+        content: attr(title);
+        vertical-align: text-bottom;
+        position: absolute;
+        right: -10px;
+        top: 0;
+        bottom: 0;
+        overflow: hidden;
+        transform: translateX(100%);
+        font-size: 0.5em;
+        display: inline-block;
+        text-decoration: inherit;
+        font-variant: normal;
+        text-transform: none;
+        background: #fafafa;
+        box-shadow: 0 0 6px #eeeeee;
+        border: 1px solid #cccccc;
+        box-sizing: border-box;
+        padding: 0 16px;
+        border-radius: 4px;
+        z-index: 100;
+      }
+    }
+  }
+}
+pre {
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
+  max-height: calc(80vh - 32px);
+  overflow-y: auto;
+}
+.hljs {
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+.hljs * {
+  font-family: Consolas, Monaco, monospace;
+}

+.process-design {
+  .process-panel__container {
+    box-sizing: border-box;
+    padding: 0 8px;
+    border-left: 1px solid #eeeeee;
+    box-shadow: 0 0 8px #cccccc;
+    max-height: 100%;
+    overflow-y: scroll;
+  }
+  .panel-tab__title {
+    font-weight: 600;
+    padding: 0 8px;
+    font-size: 1.1em;
+    line-height: 1.2em;
+    i {
+      margin-right: 8px;
+      font-size: 1.2em;
+    }
+  }
+  .panel-tab__content {
+    width: 100%;
+    box-sizing: border-box;
+    border-top: 1px solid #eeeeee;
+    padding: 8px 16px;
+    .panel-tab__content--title {
+      display: flex;
+      justify-content: space-between;
+      padding-bottom: 8px;
+      span {
+        flex: 1;
+        text-align: left;
+      }
+    }
+  }
+  .element-property {
+    width: 100%;
+    display: flex;
+    align-items: flex-start;
+    margin: 8px 0;
+    .element-property__label {
+      display: block;
+      width: 90px;
+      text-align: right;
+      overflow: hidden;
+      padding-right: 12px;
+      line-height: 32px;
+      font-size: 14px;
+      box-sizing: border-box;
+    }
+    .element-property__value {
+      flex: 1;
+      line-height: 32px;
+    }
+    .el-form-item {
+      width: 100%;
+      margin-bottom: 0;
+      padding-bottom: 18px;
+    }
+  }
+  .list-property {
+    flex-direction: column;
+    .element-listener-item {
+      width: 100%;
+      display: inline-grid;
+      grid-template-columns: 16px auto 32px 32px;
+      grid-column-gap: 8px;
+    }
+    .element-listener-item + .element-listener-item {
+      margin-top: 8px;
+    }
+  }
+  .listener-filed__title {
+    display: inline-flex;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0;
+    span {
+      width: 200px;
+      text-align: left;
+      font-size: 14px;
+    }
+    i {
+      margin-right: 8px;
+    }
+  }
+  .element-drawer__button {
+    margin-top: 8px;
+    width: 100%;
+    display: inline-flex;
+    justify-content: space-around;
+  }
+  .element-drawer__button > .el-button {
+    width: 100%;
+  }
+  
+  .el-collapse-item__content {
+    padding-bottom: 0;
+  }
+  .el-input.is-disabled .el-input__inner {
+    color: #999999;
+  }
+  .el-form-item.el-form-item--mini {
+    margin-bottom: 0;
+    & + .el-form-item {
+      margin-top: 16px;
+    }
+  }
+}
+

+//*****start*通用表单查询条件，列表样式******//
+.from-clues {
+    min-width: 1280px;
+    height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+
+    &-header {
+        width: 100%;
+        padding: 10px;
+        box-sizing: border-box;
+        background: #FFFFFF;
+        border-radius: 2px;
+        border: 1px solid #e8edf3;
+    }
+
+    .advanced-search {
+        display: flex;
+        font-size: 12px;
+        flex-wrap: wrap;
+        padding-top: 5px;
+        height: 30px;
+
+        span {
+            display: flex;
+            align-items: center;
+        }
+
+        i {
+            color: $light-blue;
+            margin-left: 5px;
+            cursor: pointer;
+        }
+
+        ul {
+            display: flex;
+            align-items: center;
+
+            li {
+                color: $light-blue;
+                border: 1px solid $light-blue;
+                border-radius: 10px;
+                padding: 2px 8px;
+                line-height: 16px;
+            }
+        }
+
+        .clean-btn {
+            margin-left: 10px;
+        }
+    }
+
+    &-content {
+        width: 100%;
+        padding: 10px;
+        box-sizing: border-box;
+        background: #FFFFFF;
+        border-radius: 2px;
+        margin-top: 5px;
+        border: 1px solid #e8edf3;
+    }
+
+    .el-form--inline .el-form-item {
+        width: auto;
+        margin-right: 0px;
+
+        .el-form-item__content {
+            width: auto;
+        }
+    }
+
+
+
+    .el-form-item--small.el-form-item {
+        margin-bottom: 0px;
+    }
+}
+
+//*****end*通用表单查询条件，列表样式******//
+/deep/.el-range-separator {
+    line-height: 28px !important;
+}
+
+.width200px {
+    width: 200px;
+}
+
+.width300px {
+    width: 300px;
+}
+
+
+.slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+}
\ No newline at end of file

+#app {
+  .main-container {
+    height: calc(100% - 80px);
+    transition: margin-left 0.28s;
+    margin-left: $sideBarWidth;
+  }
+
+  .sidebar-container {
+    transition: width 0.28s;
+    width: $sideBarWidth !important;
+    height: calc(100% - #{$headerHeight});
+    position: fixed;
+    font-size: 0px;
+    top: $headerHeight;
+    bottom: 0;
+    left: 0;
+    z-index: 80;
+    background-color: $subMenuBg;
+    // overflow: hidden;
+
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out,
+        0s padding-right ease-in-out;
+    }
+
+    .scrollbar-wrapper {
+      overflow-x: hidden !important;
+      // overflow-y: auto;
+      margin-right: 0 !important;
+      height: 90vh;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .svg-icon {
+      margin-right: 5px;
+    }
+
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
+
+    .el-menu {
+      background-color: transparent !important;
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
+
+    // menu hover
+    .el-menu--collapse .el-submenu__title,
+    .el-menu--collapse .submenu-title-noDropdown {
+      margin-left: 0px !important;
+    }
+
+    // 有子级
+    .el-submenu__title {
+      margin-left: 13px;
+      padding-left: 10px !important;
+      color: $menuText;
+      background-color: transparent !important;
+
+      &:hover {
+        color: $subMenuActiveText !important;
+        background-color: $subMenuHover !important;
+
+        .svg-icon,
+        i,
+        span {
+          color: $subMenuActiveText !important;
+        }
+      }
+    }
+
+    // 没有子级
+    .submenu-title-noDropdown {
+      color: $menuText;
+      border-radius: 6px;
+      padding-left: 10px !important;
+
+      &:hover {
+        color: $menuActiveText !important;
+        background-color: $subMenuHover !important;
+
+        .svg-icon {
+          color: #1ea6f8 !important;
+        }
+
+        i {
+          color: #1ea6f8 !important;
+        }
+      }
+    }
+
+    .submenu-title-noDropdown.is-active,
+    .el-submenu__title.is-active {
+      color: $menuActiveText;
+      background-color: $menuHover !important;
+
+      .svg-icon {
+        color: #1ea6f8 !important;
+      }
+
+      i {
+        color: #1ea6f8 !important;
+      }
+    }
+
+    .submenu-title-noDropdown,
+    .el-submenu__title {
+      font-weight: 600;
+      font-size: $sideBarFontSize;
+      margin: 0 10px;
+      border-radius: 6px;
+
+      >i {
+        color: $subMenuActiveText !important;
+        transform: rotate(90deg);
+        -webkit-transform: rotate(90deg);
+        -moz-transform: rotate(90deg);
+        -ms-transform: rotate(90deg);
+        -o-transform: rotate(90deg);
+        margin-right: 10px;
+      }
+
+      .svg-icon {
+        font-size: 18px;
+      }
+    }
+
+    .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
+      transform: rotateZ(0deg) !important;
+      -webkit-transform: rotateZ(0deg) !important;
+      -moz-transform: rotateZ(0deg) !important;
+      -ms-transform: rotateZ(0deg) !important;
+      -o-transform: rotateZ(0deg) !important;
+    }
+
+    .is-active>.el-submenu__title {
+      color: #fff !important;
+    }
+
+    & .nest-menu .el-submenu>.el-submenu__title,
+    & .el-submenu .el-menu-item {
+      &.is-active {
+        background-color: $subMenuHover !important;
+        color: $menuActiveText !important;
+      }
+
+      &:hover {
+        background-color: $subMenuHover !important;
+        color: $menuActiveText !important;
+      }
+
+      min-width: 130px !important;
+      background-color: transparent !important;
+      font-weight: 600;
+      font-size: $sideBarFontSize;
+      margin: 0 10px;
+      border-radius: 6px;
+    }
+  }
+
+  .hideSidebar {
+    .sidebar-container {
+      width: 54px !important;
+    }
+
+    .main-container {
+      margin-left: 54px;
+    }
+
+    .submenu-title-noDropdown {
+      padding: 0 !important;
+      position: relative;
+
+      .el-tooltip {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 16px;
+        }
+
+        .sub-el-icon {
+          margin-left: 19px;
+        }
+      }
+    }
+
+    .el-submenu {
+      overflow: hidden;
+
+      &>.el-submenu__title {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 16px;
+        }
+
+        .sub-el-icon {
+          margin-left: 19px;
+        }
+
+        .el-submenu__icon-arrow {
+          display: none;
+        }
+      }
+    }
+
+    .el-menu--collapse {
+      .el-submenu {
+        &>.el-submenu__title {
+          &>span {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+        }
+      }
+    }
+  }
+
+  .el-menu--collapse .el-menu .el-submenu {
+    min-width: $sideBarWidth !important;
+  }
+
+  // mobile responsive
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
+
+    .sidebar-container {
+      transition: transform 0.28s;
+      width: $sideBarWidth !important;
+    }
+
+    &.hideSidebar {
+      .sidebar-container {
+        pointer-events: none;
+        transition-duration: 0.3s;
+        transform: translate3d(-$sideBarWidth, 0, 0);
+      }
+    }
+  }
+
+  .withoutAnimation {
+
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+  &>.el-menu {
+    .svg-icon {
+      margin-right: 16px;
+    }
+
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
+  }
+
+  .nest-menu .el-submenu>.el-submenu__title,
+  .el-menu-item {
+    width: calc(100% - 12px);
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+    font-weight: 600 !important;
+    font-size: 15px !important;
+    background-color: $menuHover !important;
+    color: $menuText !important;
+
+    &:hover {
+      background-color: $menuHover !important;
+      opacity: .9;
+
+      .svg-icon,
+      i,
+      span {
+        color: $menuText;
+      }
+    }
+  }
+
+  // the scroll bar appears when the subMenu is too long
+  >.el-menu--popup {
+    max-height: 100vh;
+    overflow-y: auto;
+    background-color: #32ACFE !important;
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+    min-width: 140px;
+    padding: 12px 0;
+
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 20px;
+    }
+  }
+}
\ No newline at end of file

+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .12s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-5px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(5px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
\ No newline at end of file

+// base color
+$blue:#324157;
+$light-blue:#0F93F6;
+$red:#C03639;
+$pink: #E65D6E;
+$green: #30B08F;
+$tiffany: #4AB7BD;
+$yellow:#FEC171;
+$panGreen: #30B08F;
+
+// header
+$headerHeight: 80px;
+
+// sidebar
+$menuText:#ffffff;
+$menuActiveText:#ffffff;
+$subMenuActiveText:#ffffff;
+
+$menuBg:#202B3D;
+$menuHover:#0794FF;
+
+$subMenuBg:#202B3D;
+$subMenuHover:#0794FF;
+
+$sideBarWidth: 250px;
+$sideBarFontSize:15px;
+
+// border颜色
+$borderColor: #EBEEF5;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+  sideBarFontSize: $sideBarFontSize;
+  borderColor: $borderColor;
+  headerHeight: $headerHeight;
+}
\ No newline at end of file

+//==本JS是加载Lodop插件及CLodop服务的综合示例，可直接使用，建议看懂后融进自己页面程序==
+
+var CreatedOKLodopObject, CLodopIsLocal, CLodopJsState;
+
+//==判断是否需要CLodop(那些不支持插件的浏览器):==
+function needCLodop () {
+  try {
+    var ua = navigator.userAgent;
+    if (ua.match(/Windows\sPhone/i))
+      return true;
+    if (ua.match(/iPhone|iPod|iPad/i))
+      return true;
+    if (ua.match(/Android/i))
+      return true;
+    if (ua.match(/Edge\D?\d+/i))
+      return true;
+
+    var verTrident = ua.match(/Trident\D?\d+/i);
+    var verIE = ua.match(/MSIE\D?\d+/i);
+    var verOPR = ua.match(/OPR\D?\d+/i);
+    var verFF = ua.match(/Firefox\D?\d+/i);
+    var x64 = ua.match(/x64/i);
+    if ((!verTrident) && (!verIE) && (x64))
+      return true;
+    else if (verFF) {
+      verFF = verFF[0].match(/\d+/);
+      if ((verFF[0] >= 41) || (x64))
+        return true;
+    } else if (verOPR) {
+      verOPR = verOPR[0].match(/\d+/);
+      if (verOPR[0] >= 32)
+        return true;
+    } else if ((!verTrident) && (!verIE)) {
+      var verChrome = ua.match(/Chrome\D?\d+/i);
+      if (verChrome) {
+        verChrome = verChrome[0].match(/\d+/);
+        if (verChrome[0] >= 41)
+          return true;
+      }
+    }
+    return false;
+  } catch (err) {
+    return true;
+  }
+}
+
+//==加载引用CLodop的主JS,用双端口8000和18000(以防其中一个被占):==
+function loadCLodop () {
+  if (CLodopJsState == "loading" || CLodopJsState == "complete") return;
+  CLodopJsState = "loading";
+  var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
+  var JS1 = document.createElement("script");
+  var JS2 = document.createElement("script");
+  JS1.src = "http://localhost:8000/CLodopfuncs.js?priority=1";
+  JS2.src = "http://localhost:18000/CLodopfuncs.js";
+  JS1.onload = JS2.onload = function () { CLodopJsState = "complete"; }
+  JS1.onerror = JS2.onerror = function (evt) { CLodopJsState = "complete"; }
+  head.insertBefore(JS1, head.firstChild);
+  head.insertBefore(JS2, head.firstChild);
+  CLodopIsLocal = !!((JS1.src + JS2.src).match(/\/\/localho|\/\/127.0.0./i));
+}
+
+if (needCLodop()) { loadCLodop(); }//加载
+
+//==获取LODOP对象主过程,判断是否安装、需否升级:==
+
+export function getLodop (oOBJECT, oEMBED) {
+  var strHtmInstall = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop32.zip' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
+  var strHtmUpdate = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop32.zip' target='_self'>执行升级</a>,升级后请重新进入。</font>";
+  var strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop64.zip' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
+  var strHtm64_Update = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop64.zip' target='_self'>执行升级</a>,升级后请重新进入。</font>";
+  var strHtmFireFox = "<br><br><font color='#FF00FF'>（注意：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它）</font>";
+  var strHtmChrome = "<br><br><font color='#FF00FF'>(如果此前正常，仅因浏览器升级或重安装而出问题，需重新执行以上安装）</font>";
+  var strCLodopInstall_1 = "<br><font color='#FF00FF'>Web打印服务CLodop未安装启动，点击这里<a href='CLodop_Setup_for_Win32NT.zip' target='_self'>下载执行安装</a>";
+  var strCLodopInstall_2 = "<br>（若此前已安装过，可<a href='CLodop.protocol:setup' target='_self'>点这里直接再次启动</a>）";
+  var strCLodopInstall_3 = "，成功后请刷新本页面。</font>";
+  var strCLodopUpdate = "<br><font color='#FF00FF'>Web打印服务CLodop需升级!点击这里<a href='CLodop_Setup_for_Win32NT.zip' target='_self'>执行升级</a>,升级后请刷新页面。</font>";
+  var LODOP;
+  try {
+    var ua = navigator.userAgent;
+    var isIE = !!(ua.match(/MSIE/i)) || !!(ua.match(/Trident/i));
+    if (needCLodop()) {
+      try {
+        LODOP = getCLodop();
+      } catch (err) { }
+      if (!LODOP && CLodopJsState !== "complete") {
+        if (CLodopJsState == "loading") alert("网页还没下载完毕，请稍等一下再操作."); else alert("没有加载CLodop的主js，请先调用loadCLodop过程.");
+        return;
+      }
+      if (!LODOP) {
+        document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + document.body.innerHTML;
+        return;
+      } else {
+        if (CLODOP.CVERSION < "4.0.9.9") {
+          document.body.innerHTML = strCLodopUpdate + document.body.innerHTML;
+        }
+        if (oEMBED && oEMBED.parentNode)
+          oEMBED.parentNode.removeChild(oEMBED);
+        if (oOBJECT && oOBJECT.parentNode)
+          oOBJECT.parentNode.removeChild(oOBJECT);
+      }
+    } else {
+      var is64IE = isIE && !!(ua.match(/x64/i));
+      //==如果页面有Lodop就直接使用,否则新建:==
+      if (oOBJECT || oEMBED) {
+        if (isIE)
+          LODOP = oOBJECT;
+        else
+          LODOP = oEMBED;
+      } else if (!CreatedOKLodopObject) {
+        LODOP = document.createElement("object");
+        LODOP.setAttribute("width", 0);
+        LODOP.setAttribute("height", 0);
+        LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
+        if (isIE)
+          LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
+        else
+          LODOP.setAttribute("type", "application/x-print-lodop");
+        document.documentElement.appendChild(LODOP);
+        CreatedOKLodopObject = LODOP;
+      } else
+        LODOP = CreatedOKLodopObject;
+      //==Lodop插件未安装时提示下载地址:==
+      if ((!LODOP) || (!LODOP.VERSION)) {
+        if (ua.indexOf('Chrome') >= 0)
+          document.body.innerHTML = strHtmChrome + document.body.innerHTML;
+        if (ua.indexOf('Firefox') >= 0)
+          document.body.innerHTML = strHtmFireFox + document.body.innerHTML;
+        document.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTML;
+        return LODOP;
+      }
+    }
+    if (LODOP.VERSION < "6.2.2.6") {
+      if (!needCLodop())
+        document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML;
+    }
+    //===如下空白位置适合调用统一功能(如注册语句、语言选择等):==
+    LODOP.SET_LICENSES("", "13528A153BAEE3A0254B9507DCDE2839", "EDE92F75B6A3D917F65910", "");
+    //=======================================================
+    return LODOP;
+  } catch (err) {
+    alert("getLodop出错:" + err);
+  }
+}

+import Layout from '@/layout'
+export default function filterAsyncRouter (routers) {
+  routers.forEach(item => {
+    if (!item.children) {
+      delete item.children
+    } else {
+      item.children = filterAsyncRouter(item.children)
+    }
+    item.path = JSON.parse(item.metadata).path ? JSON.parse(item.metadata).path : '/'
+    if (!item.parentId) {
+      item.component = Layout
+    } else {
+      item.component = loadView(item.uri)
+    }
+    item.meta = {
+      title: item.name,
+      icon: item.icon
+    }
+  })
+  return routers
+}
+function loadView (view) {
+  return r => require.ensure([], () => r(require(`@/views${view}.vue`)))
+}
\ No newline at end of file

+// 屏幕适配 mixin 函数
+
+// * 默认缩放值
+const scale = {
+  width: '1',
+  height: '1',
+}
+
+// * 设计稿尺寸（px）
+const baseWidth = 1920
+const baseHeight = 1080
+
+// * 需保持的比例（默认1.77778）
+const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))
+
+export default {
+  data() {
+    return {
+      // * 定时函数
+      drawTiming: null
+    }
+  },
+  mounted () {
+    this.calcRate()
+    window.addEventListener('resize', this.resize)
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.resize)
+  },
+  methods: {
+    calcRate () {
+      const appRef = this.$refs["appRef"]
+      if (!appRef) return 
+      // 当前宽高比
+      const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))
+      if (appRef) {
+        if (currentRate > baseProportion) {
+          // 表示更宽
+          scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5)
+          scale.height = (window.innerHeight / baseHeight).toFixed(5)
+          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
+        } else {
+          // 表示更高
+          scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)
+          scale.width = (window.innerWidth / baseWidth).toFixed(5)
+          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
+        }
+      }
+    },
+    resize () {
+      clearTimeout(this.drawTiming)
+      this.drawTiming = setTimeout(() => {
+        this.calcRate()
+      }, 200)
+    }
+  },
+}
\ No newline at end of file

+import store from '@/store'
+// table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
+export default class filter {
+  // 业务来源
+  busSource (val) {
+    let status = { 1: '办事大厅', 2: '微信小程序' }
+    return status[val]
+  }
+
+  //申请分类（1：正常申请，2：一并申请，3：补录申请）
+  sqfls (val) {
+    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 defaultSettings from '@/settings'
+
+const title = defaultSettings.title || '厦门市房屋数据服务平台'
+
+export default function getPageTitle(pageTitle) {
+  if (pageTitle) {
+    return `${pageTitle} - ${title}`
+  }
+  return `${title}`
+}

+/**
+ * @param {Function} fn 防抖函数
+ * @param {Number} delay 延迟时间
+ */
+export function debounce(fn, delay) {
+  var timer;
+  return function () {
+    var context = this;
+    var args = arguments;
+    clearTimeout(timer);
+    timer = setTimeout(function () {
+      fn.apply(context, args);
+    }, delay);
+  };
+}
+
+/**
+ * @param {date} time 需要转换的时间
+ * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
+ */
+export function formatTime(time, fmt) {
+  if (!time) return '';
+  else {
+    const date = new Date(time);
+    const o = {
+      'M+': date.getMonth() + 1,
+      'd+': date.getDate(),
+      'H+': date.getHours(),
+      'm+': date.getMinutes(),
+      's+': date.getSeconds(),
+      'q+': Math.floor((date.getMonth() + 3) / 3),
+      S: date.getMilliseconds(),
+    };
+    if (/(y+)/.test(fmt))
+      fmt = fmt.replace(
+        RegExp.$1,
+        (date.getFullYear() + '').substr(4 - RegExp.$1.length)
+      );
+    for (const k in o) {
+      if (new RegExp('(' + k + ')').test(fmt)) {
+        fmt = fmt.replace(
+          RegExp.$1,
+          RegExp.$1.length === 1
+            ? o[k]
+            : ('00' + o[k]).substr(('' + o[k]).length)
+        );
+      }
+    }
+    return fmt;
+  }
+}

+import { mapGetters } from 'vuex'
+export default {
+  data () {
+    return {
+      pageData: {
+        currentPage: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(['dictData']),
+  },
+  created () {
+    if (this.fetchData) {
+      this.fetchData()
+    }
+  },
+  methods: {
+    handleSizeChange (val) {
+      this.pageData.currentPage = 1
+      this.pageData.pageSize = val
+      this.queryClick()
+    },
+    handleCurrentChange (val) {
+      this.pageData.currentPage = val
+      if (this.fetchData) {
+        this.fetchData()
+      }
+      console.log('this.queryClick,', this.queryClick, 'this.fetchData', this.fetchData);
+      if (this.queryClick) {
+        this.queryClick()
+      }
+      console.log(val, this.pageData.currentPage, 'this.pageDatathis.pageData');
+    },
+    handleDel () {
+      let deleteAfterPage = Math.ceil((this.tableData.total - 1) / this.pageData.pageSize)
+      let currentPage = this.pageData.currentPage > deleteAfterPage ? deleteAfterPage : this.pageData.currentPage
+      this.pageData.currentPage = currentPage < 1 ? 1 : currentPage
+    }
+  }
+}

+export default {
+  name: 'mixin',
+  computed: {
+    mTheme () {
+      return this.$store.state.app.theme;
+    }
+  }
+}
\ No newline at end of file

+import { Message } from "element-ui";
+export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
+  if (!treeList || !treeList.length) {
+    return
+  }
+  for (let i = 0; i < treeList.length; i++) {
+    if (treeList[i][idName] === dictId) {
+      treeList.splice(i, 1);
+      break;
+    }
+    removeTreeListItem(treeList[i].children, dictId)
+  }
+}
+// 创造id
+export function getUuid (len, radix) {
+  var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split(
+    ""
+  );
+  var uuid = [],
+    i;
+  radix = radix || chars.length;
+  if (len) {
+    for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
+  } else {
+    var r;
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
+    uuid[14] = "4";
+    for (i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | (Math.random() * 16);
+        uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
+      }
+    }
+  }
+  return uuid.join("");
+}
+export function judgeSort (arr) {
+  if (arr.length) {
+    for (let i in arr) {
+      arr[i]["isTop"] = false;
+      arr[i]["isBottom"] = false;
+      arr[i] == arr[0] && (arr[i].isTop = true);
+      arr[i] == arr[arr.length - 1] && (arr[i].isBottom = true);
+      arr[i].children && arr[i].children.length && judgeSort(arr[i].children)
+    }
+  }
+  return arr
+}
+// 上下移动
+export function realMove (bsmDict, operate, data) {
+  function changeSort (arr, bsmDict) {
+    if (arr.length) {
+      let flag = false;
+      for (let i in arr) {
+        if (arr[i].bsmDict == bsmDict) {
+          if (operate === "UP") {
+            arr[i] = arr.splice(i - 1, 1, arr[i])[0];
+          } else if (operate === "DOWN") {
+            let temp = arr.splice(i - 0 + 1, 1, arr[i])
+            arr[i] = temp[0];
+          }
+          flag = true;
+          break;
+        }
+        if (!flag && arr[i].children && arr[i].children.length) {
+          arr[i].children = changeSort(arr[i].children, bsmDict);
+        }
+      }
+    }
+    return arr;
+  }
+  data = judgeSort(changeSort(data, bsmDict));
+}
+// 获取所有父节点
+export function findParents (treeData, bsmDict) {
+  if (treeData.length == 0) return
+  for (let i = 0; i < treeData.length; i++) {
+    if (treeData[i].bsmDict == bsmDict) {
+      return []
+    } else {
+      if (treeData[i].children) {
+        let res = findParents(treeData[i].children, bsmDict)
+        if (res !== undefined) {
+          return res.concat(treeData[i].bsmDict)
+        }
+      }
+    }
+  }
+}
+// 上移下移
+export function upward (index, data) {
+  if (index > 0) {
+    let upData = data[index - 1];
+    data.splice(index - 1, 1);
+    data.splice(index, 0, upData);
+  } else {
+    Message({
+      message: '已经是第一条，上移失败'
+    });
+  }
+}
+export function down (index, data) {
+  if ((index + 1) == data.length) {
+    Message({
+      message: '已经是最后一条，下移失败'
+    });
+  } else {
+    let downData = data[index + 1];
+    data.splice(index + 1, 1);
+    data.splice(index, 0, downData);
+  }
+}
\ No newline at end of file

+import Popup from '@/components/Popup/index'
+export function popupDialog (title, url, params, width = '75%', height, btnShow = false, callback) {
+  Popup.install(title, url, {
+    height: height,
+    width: width,
+    formData: params,
+    btnShow: btnShow,
+    cancel: () => {
+      console.log("取消回调");
+    },
+    confirm: () => {
+      callback
+    }
+  })
+}
\ No newline at end of file

+/**
+ * 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器
+ */
+import axios from 'axios'
+import { Message } from 'element-ui'
+import { endLoadingSubCount } from './requestLoading'
+
+// create an axios instance
+const service = axios.create({
+    baseURL: process.env.VUE_APP_BASE_API,
+    withCredentials: true,  //是否允许跨域
+    headers: {
+        'Content-Type': 'application/json; charset=utf-8',
+        'Authorization': 'bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6'
+    },
+    timeout: 15000
+})
+
+// request interceptor
+service.interceptors.request.use(
+    config => {
+        config.headers.Authorization =
+            'bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6'
+        config.headers.Accept = 'application/json'
+        return config
+    },
+    error => {
+        Message.error('请求超时!');
+        return Promise.reject(error)
+    }
+)
+
+// response interceptor
+service.interceptors.response.use(
+    response => {
+        /**
+         *  对响应数据判断:
+         *  如果成功返回数据，就通过return把数据返出去
+         *  如果请求不成功，就在拦截器这里统一处理（组件的代码就不用关注错误的情况了）
+         */
+        if (response.status == 200) {
+            // if (response.data.code == 500) {
+            //     Message({
+            //         message: response.data.message,
+            //         type: 'error',
+            //         duration: 5 * 1000
+            //     })
+            // }
+            return response.data;
+        } else {
+            handleErrorData(response.data);
+        }
+        return response;
+    },
+    error => {
+        endLoadingSubCount()
+        // 对响应错误做点什么
+        Message({
+            message: '服务器异常,请联系管理员',
+            type: 'error',
+            duration: 5 * 1000
+        })
+        return Promise.reject(error);
+    }
+)
+//对错误信息的处理函数
+function handleErrorData (errMes) {
+    if (errMes.message) {
+        Message.error(errMes.message);
+    } else {
+        switch (errMes.code) {
+            case 401:
+                Message.error("未授权，请重新登录!");
+                break;
+            case 403:
+                Message.error("拒绝访问");
+                break;
+            case 404:
+                Message.error("很抱歉，资源未找到!");
+                break;
+            case 500:
+                Message.error("服务器错误!");
+                break;
+            default:
+                Message.error("服务正在联调中，请稍后!");
+                break;
+        }
+    }
+}
+export default service
+
+

+import Loading from '@/components/Loading/index.js';
+// 定义 loading 
+let loading
+
+// loading开始 方法
+function startLoading (loadingText = '正在加载中...') {
+  loading = Loading.service({
+    text: loadingText,
+    spinner: 'el-icon-loading',
+    background: 'rgba(255, 255, 255, 0.5)',
+    target: document.querySelector('.loadingtext')
+  })
+}
+
+// loading结束 方法
+function endLoading () {
+  loading.close()
+}
+// 定义一个变量，有请求变量加一，收到响应变量减一
+let loadingCount = 0
+
+/**
+ * 调用一次startLoadingAddCount() 方法 开启Loading 并 loadingCount + 1
+ * 调用一次endLoadingSubCount() 方法 loadingCount - 1 直到为0 关闭loading
+ */
+export function startLoadingAddCount (LoadingText, target) {
+  if (loadingCount === 0) {
+    startLoading(LoadingText, target)
+  }
+  loadingCount++
+}
+
+export function endLoadingSubCount () {
+  loadingCount--
+  if (loadingCount === 0) {
+    endLoading()
+  }
+}
\ No newline at end of file

+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal (path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        prop: "DJSJ",
+        width: 150,
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="agriculturalLand from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" clearable ref="selectagricQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择权利类型">
+                <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="登记类型">
+              <el-select v-model="form.DJLX" clearable ref="selectagricDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 农用地使用权（非林地）
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "agriculturalLand",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectagricQL.blur()
+      if (!e) this.$refs.selectagricDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlNydsyqByConditon(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit')
+        this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="buildingOwnership from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" ref="selectownershipQL" @visible-change="isShowSelectOptions" clearable
+                placeholder="请选择权利类型">
+                <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="登记类型">
+              <el-select v-model="form.DJLX" ref="selectownershipDJ" @visible-change="isShowSelectOptions" clearable
+                placeholder="请选择登记类型">
+                <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+//   构（建）筑物所有权
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "buildingOwnership",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: [{ ceateTime: 1 }]
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectownershipQL.blur()
+      if (!e) this.$refs.selectownershipDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQltQlGjzwsyqByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit')
+        this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file

+
+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "注销业务号",
+        prop: "ZXYWH"
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="cancellationReg from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="14" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 注销登记
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "cancellationReg",
+  mixins: [tableMixin],
+  components: {
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlZxdjByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "供役地不动产单元号",
+        prop: "GYDBDCDYH"
+      },
+      {
+        label: "供役地权利人",
+        prop: "GYDQLR"
+      },
+      {
+        label: "需役地不动产单元号",
+        prop: "XYDBDCDYH"
+      },
+      {
+        label: "需役地权利人",
+        prop: "XYDQLR"
+      },
+      {
+        label: "不动产登记证明号",
+        prop: "BDCDJZMH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="easementReg from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="供役地不动产单元号" label-width="150px">
+              <el-input v-model="form.GYDBDCDYH" placeholder="供役地不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="需役地不动产单元号" label-width="150px">
+              <el-input v-model="form.XYDBDCDYH" placeholder="需役地不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 地役权登记
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "easementReg",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        GYDBDCDYH: '',
+        XYDBDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlDyiqByCondtion(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file

+
+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX) }</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="forestOwnership from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="14" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 林权
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "forestOwnership",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQltQlLqByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="landBuilding from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" clearable ref="selectbuildQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择权利类型">
+                <el-option v-for="item in QLLXOptions" :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="form.DJLX" clearable ref="selectbuildDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in DJLXOptions" :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="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 建设用地、宅基地使用权
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "landBuilding",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: [],
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: '',
+      QLLXOptions: [
+        {
+          label: '国有建设用地使用权',
+          value: '3'
+        },
+        {
+          label: '宅基地使用权',
+          value: '5'
+        },
+        {
+          label: '集体建设用地使用权',
+          value: '7'
+        }
+      ],
+      DJLXOptions: [
+        {
+          label: '首次登记',
+          value: '100'
+        },
+        {
+          label: '转移登记',
+          value: '200'
+        },
+        {
+          label: '变更登记',
+          value: '300'
+        },
+        {
+          label: '更正登记',
+          value: '500'
+        }
+      ],
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectbuildQL.blur()
+      if (!e) this.$refs.selectbuildDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlJsydsyqByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="landOwnership from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" clearable ref="selectlandQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择权利类型">
+                <el-option v-for="item in QLLXOptions" :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="form.DJLX" clearable ref="selectlandDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in DJLXOptions" :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="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 土地所有权
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  components: {
+    treeSelect,
+    editDialog
+  },
+  name: "landOwnership",
+  mixins: [tableMixin],
+  data () {
+    return {
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: '',
+      QLLXOptions: [
+        {
+          label: '集体土地所有权',
+          value: '1'
+        },
+        {
+          label: '国家土地所有权',
+          value: '2'
+        }
+      ],
+      DJLXOptions: [
+        {
+          label: '首次登记',
+          value: '100'
+        },
+        {
+          label: '转移登记',
+          value: '200'
+        },
+        {
+          label: '变更登记',
+          value: '300'
+        },
+        {
+          label: '更正登记',
+          value: '500'
+        }
+      ],
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectlandQL.blur()
+      if (!e) this.$refs.selectlandDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlHysyqByConditon(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+    },
+    handlDatadetails (index, row) {
+      this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message);
+      }
+    },
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "抵押不动产类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.dicStatus(scope.row.DYBDCLX, 'A27')}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产登记证明号",
+        prop: "BDCDJZMH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="mortgageReg from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="106px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="登记类型">
+              <el-select v-model="form.DJLX" clearable ref="selectmortgageReg" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @selection-change="handleSelectionChange" @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 抵押权登记
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "mortgageReg",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        BDCDYH: '',
+        DJLX: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectmortgageReg.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlDyaqByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    handlDatadetails (index, row) {
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "预告登记种类",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.dicStatus(scope.row.YGDJZL, 'A29')}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.dicStatus(scope.row.DJLX, 'A21')}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产登记证明号",
+        prop: "BDCDJZMH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="noticeReg from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预告登记种类" label-width="106px">
+              <el-select v-model="form.YGDJZL" clearable ref="selectnoticeRegQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择预告登记种类">
+                <el-option v-for="item in dicData['A29']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="登记类型">
+              <el-select v-model="form.DJLX" clearable ref="selectnoticeRegDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in DJLXOptions" :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="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="3" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 预告登记
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "noticeReg",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        YGDJZL: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: '',
+      DJLXOptions: [
+        {
+          label: '首次登记',
+          value: '100'
+        },
+        {
+          label: '转移登记',
+          value: '200'
+        },
+        {
+          label: '变更登记',
+          value: '300'
+        },
+        {
+          label: '更正登记',
+          value: '500'
+        }
+      ],
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectnoticeRegQL.blur()
+      if (!e) this.$refs.selectnoticeRegDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlYgdjByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "异议事项",
+        prop: "YYSX"
+      },
+      {
+        label: "不动产登记证明号",
+        prop: "BDCDJZMH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="objectionReg from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" clearable ref="selectobjectionRegQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择权利类型">
+                <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="登记类型">
+              <el-select v-model="form.DJLX" clearable ref="selectobjectionRegDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 异议登记
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "objectionReg",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectobjectionRegQL.blur()
+      if (!e) this.$refs.selectobjectionRegDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlYydjByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "建（构）筑物名称",
+        prop: "JGZWMC"
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="ownerShare from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" ref="selectshareQL" @visible-change="isShowSelectOptions" clearable
+                placeholder="请选择权利类型">
+                <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="9" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+//  建筑物区分所有权业主共有部分
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "ownerShare",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        QLLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectshareQL.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfFwFdcqQfsyqByConditon(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="realEstateMany from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" ref="selectmanyQL" @visible-change="isShowSelectOptions" clearable
+                placeholder="请选择权利类型">
+                <el-option v-for="item in QLLXOptions" :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="form.DJLX" ref="selectmanyDJ" @visible-change="isShowSelectOptions" clearable
+                placeholder="请选择登记类型">
+                <el-option v-for="item in DJLXOptions" :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="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
+        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+//  房地产权（项目内多幢房屋）
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "realEstateMany",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: '',
+      QLLXOptions: [
+        {
+          label: '国有建设用地使用权/房屋所有权',
+          value: '4'
+        },
+        {
+          label: '宅基地使用权/房屋所有权',
+          value: '6'
+        },
+        {
+          label: '集体建设用地使用权/构筑物所有权',
+          value: '8'
+        }
+      ],
+      DJLXOptions: [
+        {
+          label: '首次登记',
+          value: '100'
+        },
+        {
+          label: '转移登记',
+          value: '200'
+        },
+        {
+          label: '变更登记',
+          value: '300'
+        },
+        {
+          label: '更正登记',
+          value: '500'
+        }
+      ],
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectmanyQL.blur()
+      if (!e) this.$refs.selectmanyDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQltFwFdcqDzByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message);
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="realEstateSingle from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" clearable ref="selectsingleQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择权利类型">
+                <el-option v-for="item in QLLXOptions" :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="form.DJLX" clearable ref="selectsingleDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in DJLXOptions" :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="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+//  房地产权（独幢、层、套、间、房屋）
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "realEstateSingle",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: [],
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: '',
+      QLLXOptions: [
+        {
+          label: '国有建设用地使用权/房屋所有权',
+          value: '4'
+        },
+        {
+          label: '宅基地使用权/房屋所有权',
+          value: '6'
+        },
+        {
+          label: '集体建设用地使用权/构筑物所有权',
+          value: '8'
+        }
+      ],
+      DJLXOptions: [
+        {
+          label: '首次登记',
+          value: '100'
+        },
+        {
+          label: '转移登记',
+          value: '200'
+        },
+        {
+          label: '变更登记',
+          value: '300'
+        },
+        {
+          label: '更正登记',
+          value: '500'
+        }
+      ],
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectsingleQL.blur()
+      if (!e) this.$refs.selectsingleDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQltFwFdcqYzByCondition(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "权利类型",
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{ this.qllxStatus(scope.row.QLLX)}</span>
+            </div>
+          )
+        },
+      },
+      {
+        label: "登记类型",
+        width: 70,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.djlxStatus(scope.row.DJLX)}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "不动产权证号",
+        prop: "BDCQZH"
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      },
+      {
+        label: "登记机构",
+        prop: "DJJG"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="seaArea from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="权利类型">
+              <el-select v-model="form.QLLX" clearable ref="selectseaAreaQL" @visible-change="isShowSelectOptions"
+                placeholder="请选择权利类型">
+                <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="登记类型">
+              <el-select v-model="form.DJLX" clearable ref="selectseaAreaDJ" @visible-change="isShowSelectOptions"
+                placeholder="请选择登记类型">
+                <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+//  海域（含无居民海岛）使用权
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import treeSelect from '@/components/treeSelect/index.vue'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "seaArea",
+  mixins: [tableMixin],
+  components: {
+    treeSelect,
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        QLLX: '',
+        DJLX: '',
+        BDCDYH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectseaAreaQL.blur()
+      if (!e) this.$refs.selectseaAreaDJ.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        this.form = Object.assign(this.form, this.formData)
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlHysyqByConditon(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
\ No newline at end of file

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
+        label: "不动产单元号",
+        prop: "BDCDYH"
+      },
+      {
+        label: "查封文号",
+        prop: "CFWH",
+        width: 150
+      },
+      {
+        label: "查封机关",
+        prop: "CFJG"
+      },
+      {
+        label: "查封开始时间",
+        prop: "CFQSSJ"
+      },
+      {
+        label: "查封结束时间",
+        prop: "CFJSSJ"
+      },
+      {
+        label: "查封类型",
+        width: 100,
+        render: (h, scope) => {
+          return (
+            <div>
+              <span>{this.dicStatus(scope.row.CFLX, 'A32')}</span>
+            </div>
+          )
+        }
+      },
+      {
+        label: "登记时间",
+        width: 140,
+        prop: "DJSJ"
+      }
+    ]
+  }
+}
+export default new data()

+<template>
+  <div class="seizureReg from-clues">
+    <div class="from-clues-header">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="业务号">
+              <el-input v-model="form.YWH" placeholder="业务号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号" label-width="105px">
+              <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="查封类型">
+              <el-select v-model="form.CFLX" clearable ref="selectseizureReg" @visible-change="isShowSelectOptions"
+                placeholder="请选择查封类型">
+                <el-option v-for="item in dicData['A32']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="查封文号">
+              <el-input v-model="form.CFWH" placeholder="查封文号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="from-clues-search-button">
+            <el-button type="primary" @click="handleSubmit">查询结果</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div class="from-clues-content">
+      <lb-table v-loading="loading" :page-size="pageData.size" :current-page.sync="pageData.current"
+        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
+      </lb-table>
+      <message-tips ref="msg" :message="message" />
+    </div>
+    <!-- XML报文 -->
+    <xml-message ref="dialog" :xml="xml" />
+    <!-- 数据详情 -->
+    <edit-dialog ref="editLog" :bsmSjsb="bsmSjsb" :diaData="diaData" />
+  </div>
+</template>
+
+<script>
+// 查封登记
+import data from "./data"
+import business from '@/api/business'
+import dataReporting from '@/api/dataReporting'
+import tableMixin from '@/mixins/tableMixin.js'
+import editDialog from '@/components/dataDetails/edit-dialog.vue'
+export default {
+  name: "seizureReg",
+  mixins: [tableMixin],
+  components: {
+    editDialog
+  },
+  data () {
+    return {
+      loading: false,
+      form: {
+        YWH: '',
+        BDCDYH: '',
+        CFLX: '',
+        CFWH: '',
+        currentPage: 1
+      },
+      tableData: {
+        columns: [{
+          label: '序号',
+          type: 'index',
+          width: '50',
+          index: this.indexMethod,
+        }].concat(data.columns()).concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-folder"
+                    style="color:#67C23A"
+                    onClick={() => { this.handleXmlres(scope.$index, scope.row) }}
+                  >
+                    XML报文
+                  </el-button>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    icon="el-icon-view"
+                    onClick={() => { this.handlDatadetails(scope.$index, scope.row) }}
+                  >
+                    数据详情
+                  </el-button>
+                </div>
+              );
+            },
+          },
+
+        ]),
+        data: []
+      },
+      pageData: {
+        total: 0,
+        pageSize: 15,
+        current: 1,
+      },
+      diaData: null,
+      bsmSjsb: ''
+    }
+  },
+  methods: {
+    // 是否显示下拉框
+    isShowSelectOptions (e) {
+      if (!e) this.$refs.selectseizureReg.blur()
+    },
+    async featchData () {
+      try {
+        this.loading = true
+        let { result: { list, total, pages: pageSize, pageNum: current }
+        } = await business.getQlfQlCfdjByCondtion(this.form)
+        this.tableData.data = list
+        this.pageData = {
+          pageSize,
+          current,
+          total
+        }
+      } catch (error) {
+        this.message = error
+        this.$refs.msg.messageShow()
+      }
+      this.loading = false
+    },
+    async handlDatadetails (index, row) {
+      let { result: res, message } = await dataReporting.getQltFwFdcqYzByCondition(row.BSM_SJSB)
+      if (res != null) {
+        this.diaData = res
+        this.bsmSjsb = row.BSM_SJSB
+        this.$store.dispatch('business/setEdit'); this.$refs.editLog.isShow()
+      } else {
+        this.$message(message)
+      }
+    },
+  }
+}
+</script>
\ No newline at end of file

+<template>
+  <div id="bottomLeft">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-bar" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">数据统计图</span>
+        </div>
+      </div>
+      <div>
+        <BottomLeftChart />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BottomLeftChart from '@/components/echart/bottom/bottomLeftChart'
+export default {
+  components: {
+    BottomLeftChart
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+$box-height: 520px;
+$box-width: 100%;
+#bottomLeft {
+  padding: 20px 16px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    height: $box-height - 35px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .chart-box {
+    margin-top: 16px;
+    width: 170px;
+    height: 170px;
+    .active-ring-name {
+      padding-top: 10px;
+    }
+  }
+}
+</style>

+<template>
+  <div id="bottomRight">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-area" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">工单修复以及满意度统计图</span>
+          <div class="decoration2">
+            <dv-decoration-2 :reverse="true" style="width:5px;height:6rem;" />
+          </div>
+        </div>
+      </div>
+      <div>
+        <BottomRightChart />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BottomRightChart from "@/components/echart/bottom/bottomRightChart";
+export default {
+  components: {
+    BottomRightChart
+  }
+};
+</script>
+
+<style lang="scss" class>
+$box-height: 520px;
+$box-width: 100%;
+#bottomRight {
+  padding: 14px 16px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    height: $box-height - 30px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  //下滑线动态
+  .decoration2 {
+    position: absolute;
+    right: 0.125rem;
+  }
+  .chart-box {
+    margin-top: 16px;
+    width: 170px;
+    height: 170px;
+    .active-ring-name {
+      padding-top: 10px;
+    }
+  }
+}
+</style>
\ No newline at end of file

+<template>
+  <div id="center">
+    <div class="up">
+      <div
+        class="bg-color-black item"
+        v-for="item in titleItem"
+        :key="item.title"
+      >
+        <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
+        <div>
+          <dv-digital-flop
+            class="dv-dig-flop ml-1 mt-2 pl-3"
+            :config="item.number"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="down">
+      <div class="ranking bg-color-black">
+        <span>
+          <icon name="chart-pie" class="text-icon"></icon>
+        </span>
+        <span class="fs-xl text mx-2 mb-1 pl-3">年度负责人组件达标榜</span>
+        <dv-scroll-ranking-board class="dv-scr-rank-board mt-1" :config="ranking" />
+      </div>
+      <div class="percent">
+        <div class="item bg-color-black">
+          <span>今日任务通过率</span>
+          <CenterChart
+            :id="rate[0].id"
+            :tips="rate[0].tips"
+            :colorObj="rate[0].colorData"
+          />
+        </div>
+        <div class="item bg-color-black">
+          <span>今日任务达标率</span>
+          <CenterChart
+            :id="rate[1].id"
+            :tips="rate[1].tips"
+            :colorObj="rate[1].colorData"
+          />
+        </div>
+        <div class="water">
+          <dv-water-level-pond class="dv-wa-le-po" :config="water" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import CenterChart from '@/components/echart/center/centerChartRate'
+
+export default {
+  data() {
+    return {
+      titleItem: [
+        {
+          title: '今年累计任务建次数',
+          number: {
+            number: [120],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 26
+            }
+          }
+        },
+        {
+          title: '本月累计任务次数',
+          number: {
+            number: [18],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 26
+            }
+          }
+        },
+        {
+          title: '今日累计任务次数',
+          number: {
+            number: [2],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 26
+            }
+          }
+        },
+        {
+          title: '今年失败任务次数',
+          number: {
+            number: [14],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 26
+            }
+          }
+        },
+        {
+          title: '今年成功任务次数',
+          number: {
+            number: [106],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 26
+            }
+          }
+        },
+        {
+          title: '今年达标任务个数',
+          number: {
+            number: [100],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 26
+            }
+          }
+        }
+      ],
+      ranking: {
+        data: [
+          {
+            name: '周口',
+            value: 55
+          },
+          {
+            name: '南阳',
+            value: 120
+          },
+          {
+            name: '西峡',
+            value: 78
+          },
+          {
+            name: '驻马店',
+            value: 66
+          },
+          {
+            name: '新乡',
+            value: 80
+          },
+          {
+            name: '新乡2',
+            value: 80
+          },
+          {
+            name: '新乡3',
+            value: 80
+          },
+          {
+            name: '新乡4',
+            value: 80
+          },
+          {
+            name: '新乡5',
+            value: 80
+          },
+          {
+            name: '新乡6',
+            value: 80
+          }
+        ],
+        carousel: 'single',
+        unit: '人'
+      },
+      water: {
+        data: [24, 45],
+        shape: 'roundRect',
+        formatter: '{value}%',
+        waveNum: 3
+      },
+      // 通过率和达标率的组件复用数据
+      rate: [
+        {
+          id: 'centerRate1',
+          tips: 60,
+          colorData: {
+            textStyle: '#3fc0fb',
+            series: {
+              color: ['#00bcd44a', 'transparent'],
+              dataColor: {
+                normal: '#03a9f4',
+                shadowColor: '#97e2f5'
+              }
+            }
+          }
+        },
+        {
+          id: 'centerRate2',
+          tips: 40,
+          colorData: {
+            textStyle: '#67e0e3',
+            series: {
+              color: ['#faf3a378', 'transparent'],
+              dataColor: {
+                normal: '#ff9800',
+                shadowColor: '#fcebad'
+              }
+            }
+          }
+        }
+      ]
+    }
+  },
+  components: {
+    CenterChart
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+#center {
+  display: flex;
+  flex-direction: column;
+  .up {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    .item {
+      border-radius: 6px;
+      padding-top: 8px;
+      margin-top: 8px;
+      width: 32%;
+      height: 70px;
+      .dv-dig-flop {
+        width: 150px;
+        height: 30px;
+      }
+    }
+  }
+  .down {
+    padding: 6px 4px;
+    padding-bottom: 0;
+    width: 100%;
+    display: flex;
+    height: 255px;
+    justify-content: space-between;
+    .bg-color-black {
+      border-radius: 5px;
+    }
+    .ranking {
+      padding: 10px;
+      width: 59%;
+      .dv-scr-rank-board {
+        height: 225px;
+      }
+    }
+    .percent {
+      width: 40%;
+      display: flex;
+      flex-wrap: wrap;
+      .item {
+        width: 50%;
+        height: 120px;
+        span {
+          margin-top: 8px;
+          font-size: 14px;
+          display: flex;
+          justify-content: center;
+        }
+      }
+      .water {
+        width: 100%;
+        .dv-wa-le-po {
+          height: 120px;
+        }
+      }
+    }
+  }
+}
+</style>

+<template>
+  <div id="centerLeft1">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-bar" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">任务通过率</span>
+          <dv-decoration-3 class="dv-dec-3" />
+        </div>
+      </div>
+      <div class="d-flex jc-center">
+        <CenterLeft1Chart />
+      </div>
+      <!-- 4个主要的数据 -->
+      <div class="bottom-data">
+        <div
+          class="item-box mt-2"
+          v-for="(item, index) in numberData"
+          :key="index"
+        >
+          <div class="d-flex">
+            <span class="coin">￥</span>
+            <dv-digital-flop class="dv-digital-flop" :config="item.number" />
+          </div>
+          <p class="text" style="text-align: center;">
+            {{ item.text }}
+            <span class="colorYellow">(件)</span>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import CenterLeft1Chart from '@/components/echart/centerLeft/centerLeft1Chart'
+export default {
+  data() {
+    return {
+      numberData: [
+        {
+          number: {
+            number: [15],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 24
+            }
+          },
+          text: '今日构建总量'
+        },
+        {
+          number: {
+            number: [1144],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 24
+            }
+          },
+          text: '总共完成数量'
+        },
+        {
+          number: {
+            number: [361],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 24
+            }
+          },
+          text: '正在编译数量'
+        },
+        {
+          number: {
+            number: [157],
+            toFixed: 1,
+            textAlign: 'left',
+            content: '{nt}',
+            style: {
+              fontSize: 24
+            }
+          },
+          text: '未通过数量'
+        }
+      ]
+    }
+  },
+  components: {
+    CenterLeft1Chart
+  },
+  mounted() {
+    this.changeTiming()
+  },
+  methods: {
+    changeTiming() {
+      setInterval(() => {
+        this.changeNumber()
+      }, 3000)
+    },
+    changeNumber() {
+      this.numberData.forEach((item, index) => {
+        item.number.number[0] += ++index
+        item.number = { ...item.number }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+$box-width: 300px;
+$box-height: 410px;
+
+#centerLeft1 {
+  padding: 16px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 10px;
+  .bg-color-black {
+    height: $box-height - 30px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .dv-dec-3 {
+    position: relative;
+    width: 100px;
+    height: 20px;
+    top: -3px;
+  }
+
+  .bottom-data {
+    .item-box {
+      & > div {
+        padding-right: 5px;
+      }
+      font-size: 14px;
+      float: right;
+      position: relative;
+      width: 50%;
+      color: #d3d6dd;
+      .dv-digital-flop {
+        width: 120px;
+        height: 30px;
+      }
+      // 金币
+      .coin {
+        position: relative;
+        top: 6px;
+        font-size: 20px;
+        color: #ffc107;
+      }
+      .colorYellow {
+        color: yellowgreen;
+      }
+      p {
+        text-align: center;
+      }
+    }
+  }
+}
+</style>

+<template>
+  <div id="centerLeft1">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-pie" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">地图数据</span>
+          <dv-decoration-1 class="dv-dec-1" />
+        </div>
+      </div>
+      <div class="d-flex jc-center">
+        <CenterLeft2Chart />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import CenterLeft2Chart from "@/components/echart/centerLeft/centerLeft2Chart";
+export default {
+  components: {
+    CenterLeft2Chart
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#centerLeft1 {
+  $box-width: 300px;
+  $box-height: 410px;
+  padding: 16px;
+  height: $box-height;
+  min-width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    height: $box-height - 30px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .dv-dec-1 {
+    position: relative;
+    width: 100px;
+    height: 20px;
+    top: -3px;
+  }
+  .chart-box {
+    margin-top: 16px;
+    width: 170px;
+    height: 170px;
+    .active-ring-name {
+      padding-top: 10px;
+    }
+  }
+}
+</style>
\ No newline at end of file

+<template>
+  <div id="centerRight1">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="chart-line" class="text-icon"></icon>
+        </span>
+        <div class="d-flex">
+          <span class="fs-xl text mx-2">任务完成排行榜</span>
+        </div>
+      </div>
+      <div class="d-flex jc-center body-box">
+        <dv-scroll-board class="dv-scr-board" :config="config" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      config: {
+        header: ['组件', '分支', '覆盖率'],
+        data: [
+          ['组件1', 'dev-1', "<span  class='colorGrass'>↑75%</span>"],
+          ['组件2', 'dev-2', "<span  class='colorRed'>↓33%</span>"],
+          ['组件3', 'dev-3', "<span  class='colorGrass'>↑100%</span>"],
+          ['组件4', 'rea-1', "<span  class='colorGrass'>↑94%</span>"],
+          ['组件5', 'rea-2', "<span  class='colorGrass'>↑95%</span>"],
+          ['组件6', 'fix-2', "<span  class='colorGrass'>↑63%</span>"],
+          ['组件7', 'fix-4', "<span  class='colorGrass'>↑84%</span>"],
+          ['组件8', 'fix-7', "<span  class='colorRed'>↓46%</span>"],
+          ['组件9', 'dev-2', "<span  class='colorRed'>↓13%</span>"],
+          ['组件10', 'dev-9', "<span  class='colorGrass'>↑76%</span>"]
+        ],
+        rowNum: 7, //表格行数
+        headerHeight: 35,
+        headerBGC: '#0f1325', //表头
+        oddRowBGC: '#0f1325', //奇数行
+        evenRowBGC: '#171c33', //偶数行
+        index: true,
+        columnWidth: [50],
+        align: ['center']
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+$box-height: 410px;
+$box-width: 300px;
+#centerRight1 {
+  padding: 16px;
+  padding-top: 20px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    height: $box-height - 30px;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .body-box {
+    border-radius: 10px;
+    overflow: hidden;
+    .dv-scr-board {
+      width: 270px;
+      height: 340px;
+    }
+  }
+}
+</style>

+<template>
+  <div id="centerRight2">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="align-left" class="text-icon"></icon>
+        </span>
+        <span class="fs-xl text mx-2">产品销售渠道分析</span>
+      </div>
+      <div class="d-flex ai-center flex-column body-box">
+        <dv-capsule-chart class="dv-cap-chart" :config="config" />
+        <centerRight2Chart1 />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import centerRight2Chart1 from '@/components/echart/centerRight/centerRightChart'
+
+export default {
+  data() {
+    return {
+      config: {
+        data: [
+          {
+            name: '南阳',
+            value: 167
+          },
+          {
+            name: '周口',
+            value: 67
+          },
+          {
+            name: '漯河',
+            value: 123
+          },
+          {
+            name: '郑州',
+            value: 55
+          },
+          {
+            name: '西峡',
+            value: 98
+          }
+        ]
+      }
+    }
+  },
+  components: { centerRight2Chart1 }
+}
+</script>
+
+<style lang="scss" scoped>
+#centerRight2 {
+  $box-height: 410px;
+  $box-width: 340px;
+  padding: 5px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    padding: 5px;
+    height: $box-height;
+    width: $box-width;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .body-box {
+    border-radius: 10px;
+    overflow: hidden;
+    .dv-cap-chart {
+      width: 100%;
+      height: 160px;
+    }
+  }
+}
+</style>

+.bigScreen {
+  width: 100vw;
+  height: 100vh;
+  background-color: #020308;
+  overflow: hidden;
+}
+#index {
+  color: #d3d6dd;
+  width: 1920px;
+  height: 1080px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  transform-origin: left top;
+  overflow: hidden;
+
+  .bg {
+    width: 100%;
+    height: 100%;
+    padding: 16px 16px 0 16px;
+    background-image: url("../../image/pageBg.png");
+    background-size: cover;
+    background-position: center center;
+  }
+
+  .host-body {
+
+    .dv-dec-10,
+    .dv-dec-10-s {
+      width: 33.3%;
+      height: 5px;
+    }
+
+    .dv-dec-10-s {
+      transform: rotateY(180deg);
+    }
+
+    .dv-dec-8 {
+      width: 200px;
+      height: 50px;
+    }
+
+    .title {
+      position: relative;
+      width: 500px;
+      text-align: center;
+      background-size: cover;
+      background-repeat: no-repeat;
+
+      .title-text {
+        font-size: 24px;
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translate(-50%);
+      }
+
+      .dv-dec-6 {
+        position: absolute;
+        bottom: -30px;
+        left: 50%;
+        width: 250px;
+        height: 8px;
+        transform: translate(-50%);
+      }
+    }
+
+    // 第二行
+    .aside-width {
+      width: 40%;
+    }
+
+    .react-r-s,
+    .react-l-s {
+      background-color: #0f1325;
+    }
+
+    // 平行四边形
+    .react-right {
+      &.react-l-s {
+        text-align: right;
+        width: 500px;
+      }
+
+      font-size: 18px;
+      width: 300px;
+      line-height: 50px;
+      text-align: center;
+      transform: skewX(-45deg);
+
+      .react-after {
+        position: absolute;
+        right: -25px;
+        top: 0;
+        height: 50px;
+        width: 50px;
+        background-color: #0f1325;
+        transform: skewX(45deg);
+      }
+
+      .text {
+        display: inline-block;
+        transform: skewX(45deg);
+      }
+    }
+
+    .react-left {
+      &.react-l-s {
+        width: 500px;
+        text-align: left;
+      }
+
+      font-size: 18px;
+      width: 300px;
+      height: 50px;
+      line-height: 50px;
+      text-align: center;
+      transform: skewX(45deg);
+      background-color: #0f1325;
+
+      .react-left {
+        position: absolute;
+        left: -25px;
+        top: 0;
+        height: 50px;
+        width: 50px;
+        background-color: #0f1325;
+        transform: skewX(-45deg);
+      }
+
+      .text {
+        display: inline-block;
+        transform: skewX(-45deg);
+      }
+    }
+
+    .body-box {
+      margin-top: 16px;
+      display: flex;
+      flex-direction: column;
+
+      //下方区域的布局
+      .content-box {
+        display: grid;
+        grid-template-columns: 2fr 3fr 5fr 3fr 2fr;
+      }
+
+      // 底部数据
+      .bottom-box {
+        margin-top: 10px;
+        display: grid;
+        grid-template-columns: repeat(2, 50%);
+      }
+    }
+  }
+}
\ No newline at end of file

+<template>
+  <div class="bigScreen">
+    <div id="index" ref="appRef">
+      <div class="bg">
+        <dv-loading v-if="loading">Loading...</dv-loading>
+        <div v-else class="host-body">
+          <div class="d-flex jc-center">
+            <dv-decoration-10 class="dv-dec-10" />
+            <div class="d-flex jc-center">
+              <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
+              <div class="title">
+                <span class="title-text">大数据可视化平台</span>
+                <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
+              </div>
+              <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
+            </div>
+            <dv-decoration-10 class="dv-dec-10-s" />
+          </div>
+
+          <!-- 第二行 -->
+          <div class="d-flex jc-between px-2">
+            <div class="d-flex aside-width">
+              <div class="react-left ml-4 react-l-s">
+                <span class="react-left"></span>
+                <span class="text">数据分析1</span>
+              </div>
+              <div class="react-left ml-3">
+                <span class="text">数据分析2</span>
+              </div>
+            </div>
+            <div class="d-flex aside-width">
+              <div class="react-right bg-color-blue mr-3">
+                <span class="text fw-b">vue-big-screen</span>
+              </div>
+              <div class="react-right mr-4 react-l-s">
+                <span class="react-after"></span>
+                <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
+              </div>
+            </div>
+          </div>
+
+          <div class="body-box">
+            <!-- 第三行数据 -->
+            <div class="content-box">
+              <div>
+                <dv-border-box-12>
+                  <centerLeft1 />
+                </dv-border-box-12>
+              </div>
+              <div>
+                <dv-border-box-12>
+                  <centerLeft2 />
+                </dv-border-box-12>
+              </div>
+              <!-- 中间 -->
+              <div>
+                <center />
+              </div>
+              <!-- 中间 -->
+              <div>
+                <centerRight2 />
+              </div>
+              <div>
+                <dv-border-box-13>
+                  <centerRight1 />
+                </dv-border-box-13>
+              </div>
+            </div>
+
+            <!-- 第四行数据 -->
+            <div class="bottom-box">
+              <dv-border-box-13>
+                <bottomLeft />
+              </dv-border-box-13>
+              <dv-border-box-12>
+                <bottomRight />
+              </dv-border-box-12>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import drawMixin from "../../utils/drawMixin";
+import { formatTime } from '../../utils/index.js'
+import centerLeft1 from './centerLeft1'
+import centerLeft2 from './centerLeft2'
+import centerRight1 from './centerRight1'
+import centerRight2 from './centerRight2'
+import center from './center'
+import bottomLeft from './bottomLeft'
+import bottomRight from './bottomRight'
+
+export default {
+  mixins: [drawMixin],
+  data () {
+    return {
+      timing: null,
+      loading: true,
+      dateDay: null,
+      dateYear: null,
+      dateWeek: null,
+      weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+      decorationColor: ['#568aea', '#000000']
+    }
+  },
+  components: {
+    centerLeft1,
+    centerLeft2,
+    centerRight1,
+    centerRight2,
+    center,
+    bottomLeft,
+    bottomRight
+  },
+  mounted () {
+    this.timeFn()
+    this.cancelLoading()
+  },
+  beforeDestroy () {
+    clearInterval(this.timing)
+  },
+  methods: {
+    timeFn () {
+      this.timing = setInterval(() => {
+        this.dateDay = formatTime(new Date(), 'HH: mm: ss')
+        this.dateYear = formatTime(new Date(), 'yyyy-MM-dd')
+        this.dateWeek = this.weekday[new Date().getDay()]
+      }, 1000)
+    },
+    cancelLoading () {
+      setTimeout(() => {
+        this.loading = false
+      }, 500)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

+<template>
+  <div>
+    <img src="./404.png" alt="">
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Page404',
+  computed: {
+    message () {
+      return 'The webmaster said that you can not enter this page...'
+    }
+  },
+  methods: {
+    nextTo () {
+      this.$router.push({
+        path: this.redirect || '/',
+        query: this.otherQuery
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.wscn-http404-container {
+  transform: translate(-50%, -50%);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+}
+
+.wscn-http404 {
+  position: relative;
+  width: 100%;
+  padding: 0 50px;
+  overflow: hidden;
+
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 100%;
+    overflow: hidden;
+
+    &__parent {
+      width: 100%;
+    }
+
+    &__child {
+      position: absolute;
+
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 30px 0;
+    overflow: hidden;
+
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      font-weight: bold;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>

+.workplatform {
+  color: #4A4A4A;
+  height: 100%;
+  overflow: hidden;
+
+  .district {
+    margin: 10px 0;
+
+    /deep/.el-radio__label {
+      font-size: 20px;
+    }
+
+    &-name {
+      font-size: 20px;
+      font-weight: 600;
+    }
+  }
+
+  .data-statistics {
+    .sta-item {
+      height: 150px;
+      background-color: #FFFFFF;
+      border-radius: 5px;
+      @include flex-center();
+      flex-direction: column;
+      margin: 15px 0;
+
+      h5 {
+        font-size: 20px;
+        margin-bottom: 8px;
+      }
+    }
+  }
+
+  .statistical-chart-content {
+    height: calc(100% - 210px);
+  }
+
+  .statistical-chart {
+    display: flex;
+
+    .chart {
+      width: 50%;
+      min-height: 460px;
+      height: 100%;
+    }
+  }
+}
\ No newline at end of file

+<template>
+  <div class="workplatform">
+    <div class="district">
+      <span class="district-name">行政区：</span>
+      <el-radio-group v-model="xzq" size="medium">
+        <el-radio label="632321">同仁县</el-radio>
+        <el-radio label="632322">尖扎县</el-radio>
+        <el-radio label="632323">泽库县</el-radio>
+        <el-radio label="632324">河南县</el-radio>
+      </el-radio-group>
+    </div>
+    <div class="data-statistics">
+      <h3>数据统计</h3>
+      <el-row type="flex" justify="space-between">
+        <el-col :span="5" v-for="(item, index) in statisticsList" :key="index" class="sta-item">
+          <h5>{{ item.title }}</h5>
+          <p>{{ item.detail }}</p>
+        </el-col>
+      </el-row>
+    </div>
+    <div class="statistical-chart-content">
+      <h3 style="margin-bottom:10px">统计图表</h3>
+      <el-select v-model="dateTime" placeholder="请选择年度">
+        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+        </el-option>
+      </el-select>
+      <div class="statistical-chart">
+        <div id="myChart" class="chart"></div>
+        <div id="myChart1" class="chart"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { getNumber, getYearList, getByYear } from '@/api/user'
+export default {
+  name: "workplatform",
+  data () {
+    return {
+      xzq: '',
+      dateTime: null,
+      options: [],
+      statisticsList: [
+        {
+          title: '500',
+          detail: '数据上报总数'
+        },
+        {
+          title: '500',
+          detail: '数据上报失败总数'
+        },
+        {
+          title: '500',
+          detail: '本年度上报总数'
+        },
+        {
+          title: '500',
+          detail: '本月上报总数'
+        }
+      ],
+      qllxData: [],
+      djlxLeable: [],
+      djlxValue: []
+    }
+  },
+  computed: {
+    ...mapGetters(['dicData'])
+  },
+  watch: {
+    dateTime: {
+      handler (newName, oldName) {
+        this._getByYear()
+      },
+      immediate: true
+    },
+    xzq: {
+      handler (newName, oldName) {
+        this._featchData()
+        this._getYearList()
+      },
+      immediate: true
+    },
+  },
+  created () {
+    this._featchData()
+    this._getYearList()
+  },
+  mounted () {
+    this.drawLine()
+    this.drawLine1()
+  },
+  methods: {
+    async _featchData () {
+      try {
+        let { result } = await getNumber(this.xzq)
+        this.statisticsList[0].title = result.allNumber
+        this.statisticsList[1].title = result.failNumber
+        this.statisticsList[2].title = result.thisYearNumber
+        this.statisticsList[3].title = result.thisMonthNumber
+      } catch (error) {
+      }
+    },
+    async _getYearList () {
+      try {
+        let { result } = await getYearList()
+        result = result.filter(x => !!x == true || x == 0)
+        result.forEach((item, index) => {
+          if (item) {
+            this.$set(this.options, index, {
+              value: item,
+              label: item
+            })
+          }
+        });
+        this.dateTime = this.options[0].value
+        this._getByYear()
+      } catch (error) {
+      }
+    },
+    async _getByYear () {
+      try {
+        let { result } = await getByYear(this.dateTime, this.xzq)
+        this.qllxData.length = 0
+        this.djlxLeable.length = 0
+        this.djlxValue.length = 0
+        result.qllx.forEach((item, index) => {
+          this.$set(this.qllxData, index, [
+            item.NUM, item.QLLX
+          ])
+        })
+        result.djlx.forEach((item, index) => {
+          this.$set(this.djlxLeable, index, item.DJLX)
+          this.$set(this.djlxValue, index, item.NUM)
+        })
+        this.drawLine()
+        this.drawLine1()
+      } catch (error) {
+      }
+    },
+    drawLine () {
+      // 基于准备好的dom，初始化echarts实例
+      let myChart = this.$echarts.init(document.getElementById('myChart'))
+      // 绘制图表
+      myChart.setOption({
+        color: ['rgb(68, 231, 177)'],
+        dataset: {
+          source: this.qllxData
+        },
+        grid: { containLabel: true },
+        xAxis: {},
+        yAxis: {
+          type: 'category',
+          axisLabel: {
+            rotate: '30'
+          },
+        },
+        series: [
+          {
+            type: 'bar',
+            showBackground: true,
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true, //开启显示
+                  position: 'right', //在上方显示
+                  textStyle: {
+                    color: '#4A4A4A',
+                    fontSize: 14
+                  }
+                }
+              }
+            },
+            encode: {
+              x: 'amount',
+              y: 'product'
+            }
+          }
+        ]
+      })
+    },
+    drawLine1 () {
+      // 基于准备好的dom，初始化echarts实例
+      let myChart = this.$echarts.init(document.getElementById('myChart1'))
+      // 绘制图表
+      myChart.setOption({
+        color: ['rgb(85, 133, 221)'],
+        xAxis: {
+          data: this.djlxLeable,
+          axisLabel: {
+            rotate: '45'
+          }
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            data: this.djlxValue,
+            type: 'bar',
+            itemStyle: {
+              normal: {
+                label: {
+                  show: true, //开启显示
+                  position: 'top', //在上方显示
+                  textStyle: {
+                    color: '#4A4A4A',
+                    fontSize: 14
+                  }
+                }
+              }
+            },
+          }
+        ]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+@import "./index.scss";
+</style>

+<script>
+export default {
+  created() {
+    const { params, query } = this.$route
+    const { path } = params
+    this.$router.replace({ path: '/' + path, query })
+  },
+  render: function(h) {
+    return h() // avoid warning message
+  }
+}
+</script>

+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve (dir) {
+    return path.join(__dirname, dir)
+}
+const name = defaultSettings.title
+const port = process.env.port || process.env.npm_config_port || 8888 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+    /**
+     * You will need to set publicPath if you plan to deploy your site under a sub path,
+     * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
+     * then publicPath should be set to "/bar/".
+     * In most cases please use '/' !!!
+     * Detail: https://cli.vuejs.org/config/#publicpath
+     */
+    //  加载资源的路径
+    publicPath: './',
+    // 设置项目打包生成的文件的存储目录，可以是静态路径也可以是相对路径
+    outputDir: 'dist',
+    // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录
+    assetsDir: 'static',
+    lintOnSave: process.env.NODE_ENV === 'development',
+    productionSourceMap: false,
+    filenameHashing: false,
+    // webpack开发服务器
+    devServer: {
+        hot: true,
+        port: port,
+        open: true,
+        disableHostCheck: true,
+        host: "0.0.0.0",
+        overlay: {
+            warnings: false,
+            errors: true
+        },
+        proxy: {
+            '/api': {
+                target: process.env.VUE_APP_API_BASE_URL,//本机服务
+                changeOrigin: true,
+                pathRewrite: {
+                    '^/api': ''
+                }
+            }
+        }
+    },
+    css: {
+        extract: false, // 是否使用css分离插件 ExtractTextPlugin
+        sourceMap: false, // 开启 CSS source maps?
+        loaderOptions: {
+            sass: {
+                prependData: `@import "@/styles/variables.scss";`
+            }
+        },
+        modules: false,
+    },
+    // configureWebpack通过操作对象的形式，来修改默认的webpack配置
+    configureWebpack: {
+        name: name,
+        resolve: {
+            alias: {
+                '@': resolve('src')
+            }
+        },
+        devtool: '#eval-source-map'  //测试
+    },
+    // chainWebpack通过链式编程的形式，来修改默认的webpack配置
+    chainWebpack (config) {
+        config.entry.app = ['babel-polyfill', './src/main.js'];
+        // it can improve the speed of the first screen, it is recommended to turn on preload
+        // it can improve the speed of the first screen, it is recommended to turn on preload
+        config.plugin('preload').tap(() => [
+            {
+                rel: 'preload',
+                // to ignore runtime.js
+                // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
+                fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+                include: 'initial'
+            }
+        ])
+
+        // when there are many pages, it will cause too many meaningscss requests
+        config.plugins.delete('prefetch')
+        config.module
+            .rule('svg')
+            .exclude.add(resolve('src/image/icons'))
+            .end()
+        config.module
+            .rule('icons')
+            .test(/\.svg$/)
+            .include.add(resolve('src/image/icons'))
+            .end()
+            .use('svg-sprite-loader')
+            .loader('svg-sprite-loader')
+            .options({
+                symbolId: 'icon-[name]'
+            })
+            .end()
+        config
+            .when(process.env.NODE_ENV !== 'development',
+                config => {
+                    config
+                        .plugin('ScriptExtHtmlWebpackPlugin')
+                        .after('html')
+                        .use('script-ext-html-webpack-plugin', [{
+                            // `runtime` must same as runtimeChunk name. default is `runtime`
+                            inline: /runtime\..*\.js$/
+                        }])
+                        .end()
+                    config
+                        .optimization.splitChunks({
+                            chunks: 'all',
+                            cacheGroups: {
+                                libs: {
+                                    name: 'chunk-libs',
+                                    test: /[\\/]node_modules[\\/]/,
+                                    priority: 10,
+                                    chunks: 'initial'
+                                },
+                                elementUI: {
+                                    name: 'chunk-elementUI',
+                                    priority: 20,
+                                    test: /[\\/]node_modules[\\/]_?element-ui(.*)/
+                                },
+                                commons: {
+                                    name: 'chunk-commons',
+                                    test: resolve('src/components'),
+                                    minChunks: 3,
+                                    priority: 5,
+                                    reuseExistingChunk: true
+                                }
+                            }
+                        })
+                    config.optimization.runtimeChunk('single')
+                }
+            )
+    }
+}