修改对应的菜单内容

@@ -6,7 +6,7 @@
       <el-form :model="queryForm" ref="queryForm" label-width="100px">
       <el-form :model="queryForm" ref="queryForm" label-width="100px">
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
-            <el-form-item label="权利类型22222">
+            <el-form-item label="权利类型">
               <el-select
               <el-select
                 v-model="queryForm.qllx"
                 v-model="queryForm.qllx"
                 filterable
                 filterable

+<template>
+  <div class="ywsq" id="ywsq">
+    <div class="ywsq-left">
+      <p v-for="(item, index) in leftList" @click="handleleftTitle(index)" :key="index"
+        :class="{ 'active': n == index }">{{ item }}</p>
+      <el-collapse disabled v-model="activeNames">
+        <el-collapse-item title="业务申请" name="1">
+          <ul class="item-list">
+            <li v-for="(obj, key) in list" :key="key" @click="handleList(list, obj)" :class="obj.check ? 'active' : ''">
+              {{ obj.nodename }}</li>
+          </ul>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+
+    <!-- right -->
+    <div class="ywsq-right">
+      <div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
+        <div class="right-title">登记类型</div>
+        <ul class="type-content">
+          <li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
+            v-for="(item, index) in djlxList" :key="index">
+            <p>
+              {{ item.nodename }}
+            </p>
+            <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
+              @click.stop="handleCollection(item)">
+              <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
+            </p>
+          </li>
+        </ul>
+      </div>
+      <div class="right-situation el-card box-card is-always-shadow">
+        <div class="right-title">{{ obj[n] }}</div>
+        <ul>
+          <li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
+            @click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
+            <p v-if="n == 0">
+              {{ item.djywmc }}<br>
+              {{ item.nodename }}
+            </p>
+            <dt v-else>{{ item.nodename }}</dt>
+
+            <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
+              <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
+            </p>
+          </li>
+        </ul>
+      </div>
+      <div class="submit-button">
+        <el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
+      </div>
+    </div>
+    <fqsqDialog v-model="isDialog" :djqxObj="djqxObj" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
+  </div>
+</template>
+<script>
+import fqsqDialog from "./slectBdc.vue"
+import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
+export default {
+  data () {
+    return {
+      n: 0,
+      activeNames: ['1'],
+      leftList: [
+        '常办业务', '一并申请', '登记簿补录',
+      ],
+      // 左侧列表
+      list: [],
+      djlxList: [],
+
+      itemList: [],
+      ywList: [],
+      djqxList: [],
+      obj: {
+        '0': '常办业务列表',
+        '-1': '登记情形'
+      },
+      isDialog: false,
+      btnDisabled: true,
+      djywbm: '',
+      djqxObj: {},
+      bsmSqyw: ''
+    }
+  },
+  components: {
+    fqsqDialog
+  },
+  created () {
+    this.getDataList()
+  },
+  methods: {
+    getDataList () {
+      getCollectBiz().then(res => {
+        let { result } = res
+        this.ywList = result
+        this.ywList.forEach(item => {
+          this.$set(item, 'cselect', false)
+          item.userCollect = 1
+        })
+        if (this.n == 0) {
+          this.itemList = this.ywList
+        }
+      })
+      getleftMenu().then(res => {
+        let { result } = res
+        this.list = result
+      })
+    },
+    handleleftTitle (index) {
+      this.n = index
+      let obj = {
+        '0': this.ywList
+      }
+      this.itemList = obj[this.n]
+      this.list.forEach(item => {
+        if (item.check) item.check = false
+      })
+
+    },
+    // 业务-登记情形选择
+    handleSelectYw (item, list) {
+      list.forEach(item => {
+        this.$set(item, 'cselect', false)
+      })
+      item.cselect = true;
+      this.djqxObj = item;
+      if (item.sffqlc == '1') {
+        this.btnDisabled = false
+        this.bsmSqyw = item.bsmSqyw
+        this.djywbm = item.djywbm
+      }
+    },
+    handleList (list, obj) {
+      this.btnDisabled = true
+      list.forEach(item => {
+        if (item.check) item.check = false
+      })
+      this.n = -1
+      this.$set(obj, 'check', true)
+      this.getNextNode(obj.bsmSqyw)
+      this.djqxList = []
+      this.djlxList = []
+      this.itemList = []
+    },
+    // 获取下个节点类型
+    getNextNode (bsmSqyw, type = true) {
+      getNextNode(bsmSqyw).then(res => {
+        if (res.result.djqx) this.djqxList = res.result.djqx
+        if (res.result.djlx) this.djlxList = res.result.djlx
+        if (type) {
+          this.djqxList.forEach(item => {
+            this.$set(item, 'cselect', false)
+          })
+          this.djlxList.forEach(item => {
+            this.$set(item, 'cselect', false)
+          })
+        }
+        this.itemList = this.djqxList
+      })
+    },
+    handleCollection (item) {
+      let that = this
+      if (item.userCollect == '2') {
+        addCollectBiz(item.bsmSqyw).then(res => {
+          if (res.code == 200) {
+            item.userCollect = '1'
+            that.$message({
+              message: '收藏成功！',
+              type: 'success'
+            })
+            that.getDataList()
+          }
+        })
+      } else {
+        this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          deleteCollectBiz(item.bsmSqyw).then(res => {
+            if (res.code == 200) {
+              item.userCollect = '2'
+              that.$message({
+                message: '取消收藏成功！',
+                type: 'success'
+              })
+              that.getDataList()
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消收藏'
+          })
+        })
+      }
+    },
+    handleSelect (item) {
+      this.busList.forEach(item => {
+        item.cselect = false
+      })
+      item.cselect = !item.cselect
+    },
+    // 登记类型
+    handleDjlxSelect (item) {
+      this.djlxList.forEach(item => {
+        item.cselect = false
+      })
+      this.btnDisabled = true
+      item.cselect = true;
+       this.djqxObj = item;
+      if (item.sffqlc == '1') {
+        this.btnDisabled = false
+        this.bsmSqyw = item.bsmSqyw
+        this.djywbm = item.djywbm;
+      } else {
+        this.getNextNode(item.bsmSqyw, false)
+      }
+      this.djqxList = []
+    },
+    handleDjqxItem (item) {
+      this.djlxList.forEach(item => {
+        item.cselect = false
+      })
+      console.log(item);
+      if (item.sffqlc == 1) {
+        this.djywbm = item.djywbm
+        this.bsmSqyw = item.bsmSqyw
+        item.cselect = true
+        this.isDialog = true
+        this.btnDisabled = true
+      }
+    },
+    handleSelectItem (item, list) {
+      this.handleSelectYw(item, list)
+      this.isDialog = true
+    },
+    // 选择不动产信息
+    bthSelectClick () {
+      this.isDialog = true
+    },
+    loadView (view) {
+      return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
+    }
+  }
+}
+</script>
+<style scoped lang='scss'>
+@import "~@/styles/mixin.scss";
+@import './ywsq.scss';
+
+/deep/.el-collapse-item__content {
+  padding-bottom: 0;
+}
+
+/deep/.el-collapse-item__wrap {
+  border-bottom: none;
+}
+</style>
\ No newline at end of file

@@ -29,6 +29,24 @@ class data extends filter {
       {
       {
         prop: "status",
         prop: "status",
         label: "状态",
         label: "状态",
+        render: (h, scope) => {
+          return (
+            <div>              
+              {/* <a v-on:click="doSomething"></a> */}
+              <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
+              <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
+              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
+              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
+              <span v-show={scope.row.cfzt == 1}>,已查封</span>
+              <span v-show={scope.row.diyizt == 1}>,已地役</span>
+              <span v-show={scope.row.yyzt == 1}>,异议中</span>
+              <span v-show={scope.row.xzzt == 1}>,已限制</span>
+              <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
+              <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
+              <span v-show={scope.row.dyzt == 1}>,已抵押</span>
+            </div>
+          )
+        }
       },
       },
       {
       {
         prop: "qllxmc",
         prop: "qllxmc",
@@ -43,19 +61,31 @@ class data extends filter {
         label: "不动产权证号",
         label: "不动产权证号",
       },
       },
       {
       {
+        prop: "gyqk",
+        label: "共有情况",
+      },
+      {
         prop: "qlrmc",
         prop: "qlrmc",
         label: "权利人",
         label: "权利人",
       },
       },
       {
       {
-        prop: "zjhm",
-        label: "证件号",
+        prop: "qlrzjhm",
+        label: "权利人证件号",
+      },
+      {
+        prop: "ywrmc",
+        label: "义务人",
+      },
+      {
+        prop: "ywrzjhm",
+        label: "义务人证件号",
       },
       },
       {
       {
         prop: "mj",
         prop: "mj",
         label: "面积",
         label: "面积",
       },
       },
       {
       {
-        prop: "yt",
+        prop: "ytmc",
         label: "用途",
         label: "用途",
       },
       },
       {
       {