Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ae66a570 by renchao@pashanhoo.com
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents f65c5624 d4bf18ae
Inline Side-by-side
Showing 4 changed files with 321 additions and 16 deletions
...@@ -34,6 +34,14 @@ export const constantRoutes = [ ...@@ -34,6 +34,14 @@ export const constantRoutes = [
34 hidden: true, 34 hidden: true,
35 meta: { title: '发起申请' } 35 meta: { title: '发起申请' }
36 }, 36 },
37 //登记簿详情
38 {
39 path: '/djbFrameall',
40 component: () => import('@/views/registerBook/djbFrameall.vue'),
41 name: 'djbFrameall',
42 hidden: true,
43 meta: { title: '登记簿详情' }
44 },
37 // 业务流程只读框架 45 // 业务流程只读框架
38 { 46 {
39 path: '/workFrameView', 47 path: '/workFrameView',
......
1 <template>
2 <div class="content">
3 <div class="left">
4 <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick"
5 :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]">
6 </el-tree>
7 </div>
8 <div class="right">
9 <component :is="componentTag" v-bind="currentSelectProps" />
10 </div>
11 </div>
12 </template>
13 <script>
14 import { getBdcqljqtsx } from "@/api/registerBook.js";
15 import { loadTreeData, getNode } from "./djbFrameData.js";
16 import { searchTaskToDo } from "@/api/ywbl";
17 import {
18 leftMenu
19 } from "@/api/fqsq.js";
20 export default {
21 data () {
22 return {
23 //接收参数
24 // propsParam: this.$attrs,
25 //左侧目录
26 catalog: {},
27 //选择加载哪一个组件
28 componentTag: "",
29 //子组件接收参数
30 currentSelectProps: {},
31 //左侧树形结构数据
32 treedata: [],
33 // 查询参数
34 queryForm: {},
35
36 defaultNode: "",
37 defaultProps: {
38 value: "id",
39 children: "children",
40 label: "label",
41 },
42 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
43 };
44 },
45 mounted () {
46 this.getdata()
47
48 },
49 methods: {
50 // 截取字符的方法
51 getCaption (obj) {
52 let index = obj.lastIndexOf("=");
53 obj = obj.substring(index + 1, obj.length);
54 return obj
55 },
56 // 通过不动产业务号获取参数
57 getdata () {
58 this.queryForm = {
59 bdcdyh: this.getCaption(window.location.href),
60 currentPage: 1,
61 djlx: "",
62 pageSize: 10,
63 qllx: "",
64 ywh: "",
65 ywly: ""
66 }
67 if (this.queryForm) {
68 searchTaskToDo({
69 ...this.queryForm,
70 }).then((res) => {
71 if (res.code === 200) {
72 let { records } = res.result;
73
74 this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
75 }
76 });
77 }
78
79 },
80
81 // 获取不动产信息
82 loadBdcdylist (a, b) {
83 var formdata = new FormData();
84 formdata.append("bsmSlsq", a);
85 formdata.append("bestepid", b);
86 leftMenu(formdata).then((res) => {
87 if (res.code === 200) {
88 if (res.result) {
89 this.currentSelectProps = res.result[0];
90 this.loadData();
91 }
92 }
93 });
94 },
95 loadData () {
96 getBdcqljqtsx({
97 bdcdyid: this.currentSelectProps.bdcdyid,
98 bdcdyh: this.currentSelectProps.bdcdyh,
99 }).then((res) => {
100 if (res.code === 200) {
101 this.treedata = loadTreeData(res.result, this.currentSelectProps.bdcdyh);
102 this.$nextTick(function () {
103 this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
104 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
105 this.loadComponent(this.defaultNode.form);
106 });
107 }
108 });
109 this.currentSelectProps = {
110 bdcdyid: this.currentSelectProps.bdcdyid,
111 bdcdyh: this.currentSelectProps.bdcdyh,
112 qllx: this.currentSelectProps.qllx,
113 bsmQlxx: this.currentSelectProps.bsmQlxx,
114 };
115 },
116 /*
117 点击登记簿菜单
118 */
119 handleNodeClick (data, node, elem) {
120 this.loadComponent(data.form);
121 },
122 loadComponent (form) {
123 this.componentTag = (r) =>
124 require.ensure([], () => r(require("@/views/registerBook/" + form)));
125 },
126 },
127 };
128 </script>
129 <style scoped lang="scss">
130 /deep/.rollTable {
131 height: calc(120vh - 254px) !important;
132 }
133
134 .content {
135 width: 100%;
136 height: 100%;
137 display: flex;
138
139 .left {
140 width: 256px;
141 height: 100%;
142 background-color: #f5f5f5;
143 color: #333;
144 border: 1px solid rgb(228, 228, 228);
145 }
146
147 .right {
148 width: calc(100% - 256px);
149 height: 100%;
150 // overflow-y: scroll;
151 overflow: auto;
152 background-color: #f5f5f5;
153 border: 1px solid rgb(228, 228, 228);
154 }
155 }
156
157 /deep/ .expanded.el-tree-node__expand-icon,
158 /deep/ .el-tree-node__expand-icon {
159 visibility: hidden;
160 }
161
162 /deep/ .el-tree-node__content {
163 border: 1px solid rgb(228, 228, 228);
164 height: 45px;
165 }
166
167 /deep/ .el-tree-node:focus > .el-tree-node__content {
168 background-color: #f5f5f5;
169 color: #0079fe;
170 border-right: 4px solid #0079fe;
171 }
172
173 /deep/.el-tree-node {
174 white-space: pre-wrap;
175 }
176
177 /deep/ .is-current > .el-tree-node__content {
178 background-color: #f5f5f5;
179 color: #0079fe;
180 border-right: 4px solid #0079fe;
181 }
182 </style>
...@@ -41,17 +41,17 @@ ...@@ -41,17 +41,17 @@
41 </div> 41 </div>
42 <!-- 表格 --> 42 <!-- 表格 -->
43 <div class="from-clues-content loadingtext">分割合并前权利信息 43 <div class="from-clues-content loadingtext">分割合并前权利信息
44 <lb-table ref="table" @row-dblclick="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" 44 <lb-table ref="table" @row-dblclick="handleRowClick" :pagination = false :page-size="pageData.pageSize" :calcHeight="300"
45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" 45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
46 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 46 @p-current-change="handleCurrentChange" :column="tableData.columns"
47 :data="tableData.data"> 47 :data="tableData.data">
48 </lb-table> 48 </lb-table>
49 </div> 49 </div>
50 <div class="from-clues-content loadingtext">分割合并后宗地信息 50 <div class="from-clues-content loadingtext">分割合并后宗地信息
51 <lb-table ref="table" @row-dblclick="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" 51 <lb-table ref="table" @row-dblclick="handleRowClick" :pagination = false :page-size="pageData.pageSize" :calcHeight="300"
52 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" 52 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
53 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 53 @p-current-change="handleCurrentChange" :column="tableData.columns1"
54 :data="tableData.data"> 54 :data="tableData.datastwo">
55 </lb-table> 55 </lb-table>
56 </div> 56 </div>
57 <div class="submit_button"> 57 <div class="submit_button">
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
63 <script> 63 <script>
64 //首次登记 64 //首次登记
65 import store from '@/store/index.js' 65 import store from '@/store/index.js'
66 import { datas, sendThis } from "../javascript/selectJsydsyq.js"; 66 import { datas,datastwo, sendThis } from "../javascript/selectJsydsyq.js";
67 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 67 import { defaultParameters } from "../javascript/publicDefaultPar.js";
68 import table from "@/utils/mixin/table"; 68 import table from "@/utils/mixin/table";
69 import jump from "./mixin/jump"; 69 import jump from "./mixin/jump";
...@@ -77,18 +77,56 @@ ...@@ -77,18 +77,56 @@
77 data () { 77 data () {
78 return { 78 return {
79 queryForm: defaultParameters.defaultParameters(), 79 queryForm: defaultParameters.defaultParameters(),
80 // 表格数据
80 tableData: { 81 tableData: {
81 total: 0, 82 columns: [{
82 columns: datas.columns(), 83 label: '选择',
83 data: [] 84 width: '50px',
85 render: (h, scope) => {
86 return (
87 <div class="orgColumn">
88 <el-radio v-model={this.radioVal} label={scope.row.bhqkbsm}>
89 &ensp;
90 </el-radio>
91 </div>
92 )
93 }
94 },].concat(datas.columns()),
95 data: [],
96 columns1: datastwo.columns1(),
97 datastwo:[]
84 }, 98 },
85 bdcdysz: [] 99 bdcdysz: [],
100 radioVal:""
86 } 101 }
87 }, 102 },
88 mounted () { 103 mounted () {
89 sendThis(this); 104 sendThis(this);
90 }, 105 },
106 watch: {
107 radioVal: {
108 deep: true,
109 handler(newVal, oldVal) {
110 this.close()
111 },
112 },
113 },
91 methods: { 114 methods: {
115 // 单选事件
116 close(){
117 console.log("ddddd",this.radioVal);
118 console.log("...this.queryForm",this.queryForm);
119 this.queryForm.bhqkbsm=this.radioVal
120 // delete this.queryForm.sqywbm
121 selectZdjbxxSplitMergeLast({ ...this.queryForm,}).then((res) => {
122 this.$endLoading();
123 if (res.code === 200) {
124 let { total, records } = res.result;
125 this.tableData.total = total;
126 this.tableData.datastwo = [...res.result,...res.result];
127 }
128 });
129 },
92 queryClick () { 130 queryClick () {
93 this.$startLoading(); 131 this.$startLoading();
94 this.queryForm.sqywbm = this.sqywInfo.djywbm; 132 this.queryForm.sqywbm = this.sqywInfo.djywbm;
...@@ -97,7 +135,7 @@ ...@@ -97,7 +135,7 @@
97 if (res.code === 200) { 135 if (res.code === 200) {
98 let { total, records } = res.result; 136 let { total, records } = res.result;
99 this.tableData.total = total; 137 this.tableData.total = total;
100 this.tableData.data = res.result; 138 this.tableData.data = [...res.result,...res.result];
101 } 139 }
102 }); 140 });
103 }, 141 },
......
...@@ -9,6 +9,9 @@ let vm = null ...@@ -9,6 +9,9 @@ let vm = null
9 const sendThis = (_this) => { 9 const sendThis = (_this) => {
10 vm = _this 10 vm = _this
11 } 11 }
12 // const sendThiss= (_this) => {
13 // vm1 = _this
14 // }
12 class data extends filter { 15 class data extends filter {
13 constructor() { 16 constructor() {
14 super() 17 super()
...@@ -16,11 +19,6 @@ class data extends filter { ...@@ -16,11 +19,6 @@ class data extends filter {
16 columns () { 19 columns () {
17 return [ 20 return [
18 { 21 {
19 type: 'selection',
20 label: '全选',
21 selectable: this.selected
22 },
23 {
24 label: '序号', 22 label: '序号',
25 type: 'index', 23 type: 'index',
26 width: '50', 24 width: '50',
...@@ -110,10 +108,89 @@ class data extends filter { ...@@ -110,10 +108,89 @@ class data extends filter {
110 ] 108 ]
111 } 109 }
112 110
111 }
112 class datatwo extends filter {
113 constructor() {
114 super()
115 }
116
117 columns1 () {
118 return [
119 {
120 label: '序号',
121 type: 'index',
122 width: '50',
123 render: (h, scope) => {
124 return (
125 <div>
126 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
127 </div>
128 )
129 }
130 },
131 {
132 label: "状态",
133 render: (h, scope) => {
134 return (
135 <div>
136 {/* <a v-on:click="doSomething"></a> */}
137 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
138 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
139 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
140 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
141 <span v-show={scope.row.cfzt == 1}>,已查封</span>
142 <span v-show={scope.row.diyizt == 1}>,已地役</span>
143 <span v-show={scope.row.yyzt == 1}>,异议中</span>
144 <span v-show={scope.row.xzzt == 1}>,已限制</span>
145 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
146 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
147 <span v-show={scope.row.dyzt == 1}>,已抵押</span>
148 </div>
149 )
150 }
151 },
152 {
153 prop: "qllxmc",
154 label: "权利类型",
155 },
156 {
157 prop: "zddm",
158 label: "宗地代码",
159 },
160 {
161 prop: "bdcdyh",
162 label: "不动产单元号",
163 minWidth: '110'
164 },
165 {
166 prop: "qlxzmc",
167 label: "权利性质",
168 },
169 {
170 prop: "mj",
171 label: "宗地面积(㎡)",
172 },
173 {
174 prop: "qlsdfsmc",
175 label: "权利设定方式",
176 },
177 {
178 prop: "ytmc",
179 label: "土地用途",
180 },
181 {
182 prop: "zl",
183 label: "坐落",
184 minWidth: '110'
185 },
186 ]
187 }
113 188
114 } 189 }
115 let datas = new data() 190 let datas = new data()
191 let datastwo = new datatwo ()
116 export { 192 export {
117 datas, 193 datas,
194 datastwo ,
118 sendThis 195 sendThis
119 } 196 }
......