Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0660ac3c by 任超
Options

style:业务申请

1 parent d74dee29
Inline Side-by-side
Showing 14 changed files with 841 additions and 178 deletions
...@@ -168,6 +168,7 @@ export default { ...@@ -168,6 +168,7 @@ export default {
168 this.$router.push('/') 168 this.$router.push('/')
169 } 169 }
170 } 170 }
171 console.log(this.$store.state.tagsView.visitedViews);
171 }, 172 },
172 openMenu (tag, e) { 173 openMenu (tag, e) {
173 const menuMinWidth = 95 174 const menuMinWidth = 95
......
1 const state = { 1 const state = {
2 visitedViews: [] 2 visitedViews: [{
3 'fullPath': "/home",
4 'meta': {
5 affix: true
6 },
7 'name': "Dashboard",
8 'path': "/home",
9 'title': "工作台"
10 }]
3 } 11 }
4 12
5 const mutations = { 13 const mutations = {
......
...@@ -5,68 +5,67 @@ ...@@ -5,68 +5,67 @@
5 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)" 5 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
6 :key="index"> 6 :key="index">
7 <svg-icon :icon-class="item.icon" /> 7 <svg-icon :icon-class="item.icon" />
8 <span class="iconName">{{ item.name }}</span> 8 <span class="iconName">{{ item.name }}</span>
9 </li> 9 </li>
10 </ul> 10 </ul>
11 <ul> 11 <ul>
12 <li @click="operation(index,item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index"> 12 <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
13 <svg-icon class="icon" :icon-class="item.icon" /> 13 <svg-icon class="icon" :icon-class="item.icon" />
14 <span class="iconName">{{ item.name }}</span> 14 <span class="iconName">{{ item.name }}</span>
15 </li> 15 </li>
16 </ul> 16 </ul>
17 </div> 17 </div>
18 <div class="tabsList"> 18 <div class="tabsList">
19 <div class="tabsList-left" > 19 <div class="tabsList-left">
20 <div class="map-drawer-click" 20 <div class="map-drawer-click" v-if='!isShowdrawer' @click="() => {
21 v-if='!isShowdrawer' 21 this.isShowdrawer = !this.isShowdrawer;
22 @click=" () => { 22 }">
23 this.isShowdrawer = !this.isShowdrawer;}"> 23 </div>
24 </div> 24 <div class="map-drawer-expand" v-else @click="() => {
25 <div class="map-drawer-expand" 25 this.isShowdrawer = !this.isShowdrawer;
26 v-else 26 }">
27 @click=" () => { 27 </div>
28 this.isShowdrawer = !this.isShowdrawer;}">
29 </div>
30 <ul v-if='this.isShowdrawer'> 28 <ul v-if='this.isShowdrawer'>
31 <p>受理单元列表({{unitData.length}})</p> 29 <p>受理单元列表({{ unitData.length }})</p>
32 <div v-for='(item,index) in unitData' :key='index'> 30 <div v-for='(item, index) in unitData' :key='index'>
33 <li @click='unitClick(item)'>{{item.bdcdyh}}</li> 31 <li @click='unitClick(item)'>{{ item.bdcdyh }}</li>
34 <div class="xian"></div> 32 <div class="xian"></div>
35 </div> 33 </div>
36 </ul> 34 </ul>
37 </div> 35 </div>
38 <div class="tabsList-right" > 36 <div class="tabsList-right">
39 <div class="fenpin" v-show="issplitScreen"> 37 <div class="fenpin" v-show="issplitScreen">
40 <p class="splitScreen tabsList-title">材料信息</p> 38 <p class="splitScreen tabsList-title">材料信息</p>
41 <div class="splitScreen" ></div> 39 <div class="splitScreen"></div>
42 </div> 40 </div>
43 <el-tabs v-model="activeName"> 41 <el-tabs v-model="activeName">
44 <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> 42 <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
45 <div class="splitScreen-con" v-if='index==0'> 43 <div class="splitScreen-con" v-if='index == 0'>
46 <component ref='slxx' :is="editItem" :flag="flag" :key="key" /> 44 <component ref='slxx' :is="editItem" :flag="flag" :key="key" />
47 </div> 45 </div>
48 </el-tab-pane> 46 </el-tab-pane>
49 </el-tabs></div> 47 </el-tabs>
48 </div>
50 </div> 49 </div>
51 <zc v-model="zcDialog" :queryForm='queryForm' /> 50 <zc v-model="zcDialog" :queryForm='queryForm' />
52 <thDialog ref='thdialogRef' v-model="thflag" :queryForm='queryForm' /> 51 <thDialog ref='thdialogRef' v-model="thflag" :queryForm='queryForm' />
53 </div> 52 </div>
54 </template> 53 </template>
55 <script> 54 <script>
56 import { leftMenu } from "@/api/fqsq.js" 55 import { leftMenu } from "@/api/fqsq.js"
57 import zc from "./components/zc.vue" 56 import zc from "./components/zc.vue"
58 import thDialog from "./components/th.vue" 57 import thDialog from "./components/th.vue"
59 export default { 58 export default {
60 /**注册组件*/ 59 /**注册组件*/
61 components: {zc,thDialog}, 60 components: { zc, thDialog },
62 data () { 61 data () {
63 return { 62 return {
64 zcDialog:false, 63 zcDialog: false,
65 thflag:false, 64 thflag: false,
66 queryForm:{ 65 queryForm: {
67 shyj:"", 66 shyj: "",
68 bsmSlsq:"", 67 bsmSlsq: "",
69 bestepid:"", 68 bestepid: "",
70 }, 69 },
71 isShowdrawer: true, 70 isShowdrawer: true,
72 key: 0, 71 key: 0,
...@@ -138,7 +137,7 @@ export default { ...@@ -138,7 +137,7 @@ export default {
138 tabList: [], 137 tabList: [],
139 editItem: '', 138 editItem: '',
140 issplitScreen: false, 139 issplitScreen: false,
141 unitData:[], 140 unitData: [],
142 }; 141 };
143 }, 142 },
144 watch: { 143 watch: {
...@@ -151,39 +150,38 @@ export default { ...@@ -151,39 +150,38 @@ export default {
151 } 150 }
152 }, 151 },
153 created () { 152 created () {
154 153
155 this.tabList = [...this.tabList1] 154 this.tabList = [...this.tabList1]
156 155
157 }, 156 },
158 mounted(){ 157 mounted () {
159 if(this.$route.query.bsmSlsq){ 158 if (this.$route.query.bsmSlsq) {
160 this.list(this.$route.query.bsmSlsq) 159 this.list(this.$route.query.bsmSlsq)
161 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq 160 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
162 this.queryForm.bestepid = this.$route.query.bestepid 161 this.queryForm.bestepid = this.$route.query.bestepid
163 } 162 }
164 }, 163 },
165 methods: { 164 methods: {
166 // 获取左侧列表 165 // 获取左侧列表
167 list(id){ 166 list (id) {
168 let that = this 167 let that = this
169 var formdata=new FormData(); 168 var formdata = new FormData();
170 formdata.append("bsmSlsq",id); 169 formdata.append("bsmSlsq", id);
171 leftMenu(formdata).then(res => { 170 leftMenu(formdata).then(res => {
172 if (res.code === 200) { 171 if (res.code === 200) {
173 this.unitData = res.result 172 this.unitData = res.result
174 setTimeout(() => { 173 setTimeout(() => {
175 that.$refs.slxx[0].list(that.unitData[0].bsmSldy) 174 that.$refs.slxx[0].list(that.unitData[0].bsmSldy)
176 }, 300); 175 }, 300);
177 } 176 }
178 }) 177 })
179 }, 178 },
180 // 左侧列表点击调用接口 179 // 左侧列表点击调用接口
181 unitClick(item){ 180 unitClick (item) {
182 181 this.$nextTick(() => {
183 this.$nextTick(()=>{ 182 this.$refs.slxx[0].list(item.bsmSldy)
184 this.$refs.slxx[0].list(item.bsmSldy) 183 })
185 }) 184 },
186 },
187 operation (index, item) { 185 operation (index, item) {
188 if (item.icon == 'fqsq5') { 186 if (item.icon == 'fqsq5') {
189 this.key++ 187 this.key++
...@@ -194,24 +192,22 @@ export default { ...@@ -194,24 +192,22 @@ export default {
194 } else { 192 } else {
195 this.tabList = [...this.tabList1] 193 this.tabList = [...this.tabList1]
196 } 194 }
197 }else if(item.icon=='fqsq8'){ 195 } else if (item.icon == 'fqsq8') {
198 this.thflag = true 196 this.thflag = true
199 this.$nextTick(()=>{ 197 this.$nextTick(() => {
200 this.$refs.thdialogRef.tablelistFn() 198 this.$refs.thdialogRef.tablelistFn()
201 }) 199 })
202 } 200 }
203 else if(item.icon=='fqsq9'){ 201 else if (item.icon == 'fqsq9') {
204 this.zcDialog = true 202 this.zcDialog = true
205 } 203 }
206 // if (index == 3) { 204 // if (index == 3) {
207 // window.close() 205 // window.close()
208 // } 206 // }
209 }, 207 },
210
211 loadView (view) { 208 loadView (view) {
212 return r => require.ensure([], () => r(require(`./components/${view}.vue`))) 209 return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
213 }, 210 },
214
215 }, 211 },
216 } 212 }
217 </script> 213 </script>
...@@ -286,32 +282,35 @@ export default { ...@@ -286,32 +282,35 @@ export default {
286 } 282 }
287 } 283 }
288 } 284 }
285
289 .map-drawer-expand { 286 .map-drawer-expand {
290 width: 20px; 287 width: 20px;
291 height: 77px; 288 height: 77px;
292 background: url('../../../image/right.png'); 289 background: url('../../../image/right.png');
293 background-size: cover; 290 background-size: cover;
294 position: absolute; 291 position: absolute;
295 right: 0%; 292 right: 0%;
296 top: 30%; 293 top: 30%;
297 z-index: 999; 294 z-index: 999;
298 cursor: pointer; 295 cursor: pointer;
299 } 296 }
300 .map-drawer-click { 297
301 width: 20px; 298 .map-drawer-click {
302 height: 77px; 299 width: 20px;
303 background: url('../../../image/left.png'); 300 height: 77px;
304 background-size: cover; 301 background: url('../../../image/left.png');
305 position: absolute; 302 background-size: cover;
306 left: 0%; 303 position: absolute;
307 top: 30%; 304 left: 0%;
308 z-index: 999; 305 top: 30%;
309 cursor: pointer; 306 z-index: 999;
310 } 307 cursor: pointer;
311 .hide { 308 }
312 display: none; 309
313 } 310 .hide {
314 311 display: none;
312 }
313
315 .tabsList { 314 .tabsList {
316 width: 100%; 315 width: 100%;
317 position: sticky; 316 position: sticky;
...@@ -319,43 +318,49 @@ export default { ...@@ -319,43 +318,49 @@ export default {
319 background-color: #ffffff; 318 background-color: #ffffff;
320 z-index: 100; 319 z-index: 100;
321 @include flex; 320 @include flex;
322 .tabsList-left{ 321
322 .tabsList-left {
323 border-right: 1px solid #EBEEF5; 323 border-right: 1px solid #EBEEF5;
324 position: relative; 324 position: relative;
325 325
326 ul{ 326 ul {
327 position: relative; 327 position: relative;
328 328
329 .xian{ 329 .xian {
330 background: #F2F2F2; 330 background: #F2F2F2;
331 padding: 2px; 331 padding: 2px;
332 } 332 }
333 p{ 333
334 padding: 20px; 334 p {
335 text-align: center; 335 padding: 20px;
336 } 336 text-align: center;
337 li{ 337 }
338 padding: 10px;
339 font-size: 14px;
340 color: #606266;
341 338
342 } 339 li {
343 li:hover{ 340 padding: 10px;
344 color: #0F93F6; 341 font-size: 14px;
345 cursor:pointer 342 color: #606266;
346 } 343
347 } 344 }
345
346 li:hover {
347 color: #0F93F6;
348 cursor: pointer
349 }
350 }
348 } 351 }
349 .tabsList-right{ 352
350 .fenpin{ 353 .tabsList-right {
354 .fenpin {
351 min-width: 50%; 355 min-width: 50%;
352 border-right: 1px solid #EBEEF5; 356 border-right: 1px solid #EBEEF5;
353 } 357 }
354 background-color: #ffffff; 358
355 width: 100%; 359 background-color: #ffffff;
356 height: 100%; 360 width: 100%;
357 z-index: 100; 361 height: 100%;
358 @include flex; 362 z-index: 100;
363 @include flex;
359 } 364 }
360 } 365 }
361 366
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 type: 'selection',
15 label: '全选'
16 },
17 {
18 label: '序号',
19 type: 'index',
20 width: '50',
21 render: (h, scope) => {
22 return (
23 <div>
24 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
25 </div>
26 )
27 }
28 },
29 {
30 prop: "status",
31 label: "状态",
32 },
33 {
34 prop: "qllx",
35 label: "权利类型",
36 },
37 {
38 prop: "bdcdyh",
39 label: "不动产单元号",
40 },
41 {
42 prop: "bdcqzh",
43 label: "不动产权证号",
44 },
45 {
46 prop: "qlr",
47 label: "权利人",
48 },
49 {
50 prop: "zjh",
51 label: "证件号",
52 },
53 {
54 prop: "mj",
55 label: "面积",
56 },
57 {
58 prop: "yt",
59 label: "用途",
60 },
61 {
62 prop: "zl",
63 label: "坐落",
64 }
65 ]
66 }
67
68
69 }
70 let datas = new data()
71 export {
72 datas,
73 sendThis
74 }
1 <template> 1 <template>
2 <div> 2 <div class="from-clues">
3 <dialogBox title="查询权利信息" @submitForm="submitForm" :saveloding="saveloding" saveButton="发起申请" width="85%" 3 <!-- 表单部分 -->
4 @closeDialog="closeDialog" v-model="myValue"> 4 <div class="from-clues-header">
5 <div class="from-clues"> 5 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <!-- 表单部分 --> 6 <el-row>
7 <div class="from-clues-header"> 7 <el-col :span="5">
8 <el-form :model="queryForm" ref="queryForm" label-width="100px"> 8 <el-form-item label="权利类型">
9 <el-row> 9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
10 <el-col :span="5"> 10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
11 <el-form-item label="权利类型"> 11 </el-option>
12 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 12 </el-select>
13 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> 13 </el-form-item>
14 </el-option> 14 </el-col>
15 </el-select> 15 <el-col :span="6">
16 </el-form-item> 16 <el-form-item label="不动产单元号">
17 </el-col> 17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
18 <el-col :span="6"> 18 </el-input>
19 <el-form-item label="不动产单元号"> 19 </el-form-item>
20 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> 20 </el-col>
21 </el-input> 21 <el-col :span="5">
22 </el-form-item> 22 <el-form-item label="业务号">
23 </el-col> 23 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
24 <el-col :span="5"> 24 </el-input>
25 <el-form-item label="业务号"> 25 </el-form-item>
26 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> 26 </el-col>
27 </el-input> 27 <el-col :span="6">
28 </el-form-item> 28 <el-form-item label="不动产权证号">
29 </el-col> 29 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
30 <el-col :span="6"> 30 </el-input>
31 <el-form-item label="不动产权证号"> 31 </el-form-item>
32 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> 32 </el-col>
33 </el-input> 33 <el-col :span="2" class="btnCol">
34 </el-form-item> 34 <el-form-item>
35 </el-col> 35 <el-button type="primary" @click="queryClick()">查询</el-button>
36 <el-col :span="2" class="btnCol"> 36 </el-form-item>
37 <el-form-item> 37 </el-col>
38 <el-button type="primary" @click="queryClick()">查询</el-button> 38 </el-row>
39 </el-form-item> 39 </el-form>
40 </el-col> 40 </div>
41 </el-row> 41 <!-- 表格 -->
42 </el-form> 42 <div class="from-clues-content">
43 </div> 43 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
44 <!-- 表格 --> 44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
45 <div class="from-clues-content"> 45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
46 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" 46 </lb-table>
47 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 47 </div>
48 @selection-change="handleSelectionChange"
49 :column="tableData.columns" :data="tableData.data">
50 </lb-table>
51 </div>
52 </div>
53 </dialogBox>
54 </div> 48 </div>
55 </template> 49 </template>
56 <script> 50 <script>
57 import { datas, sendThis } from "./gyjsydsyqdata.js"; 51 import { datas, sendThis } from "./cfdj.js";
58 import table from "@/utils/mixin/table"; 52 import table from "@/utils/mixin/table";
59 import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js"; 53 import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
60 export default { 54 export default {
...@@ -122,7 +116,6 @@ export default { ...@@ -122,7 +116,6 @@ export default {
122 window.open(href, '_blank'); 116 window.open(href, '_blank');
123 }) 117 })
124 }, 118 },
125
126 closeDialog () { 119 closeDialog () {
127 this.$emit("input", false); 120 this.$emit("input", false);
128 }, 121 },
......
1 <template>
2 <dialogBox title="查询权利信息" width="85%" :isButton="false" @closeDialog="closeDialog" v-model="myValue">
3 <component :is="editItem" />
4 </dialogBox>
5 </template>
6 <script>
7 export default {
8 props: {
9 value: { type: Boolean, default: true },
10 bsmSqyw: { type: String, default: '' },
11 djywbm: { type: String, default: '' },
12 },
13 data () {
14 return {
15 editItem: '',
16 myValue: this.value,
17 };
18 },
19 watch: {
20 value (val) {
21 this.myValue = val
22 this.fetchData()
23 },
24 djywbm (val) {
25 let itemObj = { 'A03100': 'scdj', default: 'scdj' }
26 this.editItem = this.loadView(itemObj[val])
27 },
28 },
29 methods: {
30 loadView (view) {
31 return r => require.ensure([], () => r(require(`../${view}/${view}.vue`)))
32 },
33 fetchData () {
34 if (this.value) {
35 selectBdcdy({ ...this.queryForm, ...this.pageData })
36 .then((res) => {
37 if (res.code === 200) {
38 let { total, records } = res.result;
39 this.tableData.total = total;
40 this.tableData.data = records;
41 }
42 })
43 }
44 },
45 closeDialog () {
46 this.$emit("input", false);
47 }
48 },
49 };
50 </script>
51 <style scoped lang="scss">
52 @import "~@/styles/mixin.scss";
53 @import "~@/styles/public.scss";
54 </style>
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="权利类型">
9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
11 </el-option>
12 </el-select>
13 </el-form-item>
14 </el-col>
15 <el-col :span="6">
16 <el-form-item label="不动产单元号">
17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
18 </el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="5">
22 <el-form-item label="业务号">
23 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
24 </el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="6">
28 <el-form-item label="不动产权证号">
29 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
30 </el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="2" class="btnCol">
34 <el-form-item>
35 <el-button type="primary" @click="queryClick()">查询</el-button>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 </el-form>
40 </div>
41 <!-- 表格 -->
42 <div class="from-clues-content">
43 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
46 </lb-table>
47 </div>
48 </div>
49 </template>
50 <script>
51 import { datas, sendThis } from "./scdj.js";
52 import table from "@/utils/mixin/table";
53 import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
54 export default {
55 mixins: [table],
56 data () {
57 return {
58 queryForm: {
59 qllx: "",
60 bdcdyh: "",
61 ywh: "",
62 bdcqzh: "",
63 sqywbm: "A03100",
64 },
65 qllxs: [],
66 tableData: {
67 total: 0,
68 columns: datas.columns(),
69 data: [],
70 },
71 bdcdysz: []
72 };
73 },
74 mounted () {
75 sendThis(this);
76 },
77 methods: {
78 // submitForm () {
79 // if (this.bdcdysz.length == 0) {
80 // this.$message.error('请至少选择一条数据');
81 // return
82 // }
83 // this.saveloding = true
84 // startBusinessFlow({
85 // bsmSqyw: this.bsmSqyw,
86 // bdcdysz: this.bdcdysz
87 // }).then(res => {
88 // this.saveloding = false
89 // this.$emit('input', false)
90 // const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw + '&bsmSlsq=' + res.message)
91 // window.open(href, '_blank');
92 // })
93 // },
94 closeDialog () {
95 this.$emit("input", false);
96 },
97 handleSelectionChange (val) {
98 this.bdcdysz = val
99 }
100 },
101 };
102 </script>
103 <style scoped lang="scss">
104 @import "~@/styles/mixin.scss";
105 @import "~@/styles/public.scss";
106 </style>
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 type: 'selection',
15 label: '全选'
16 },
17 {
18 label: '序号',
19 type: 'index',
20 width: '50',
21 render: (h, scope) => {
22 return (
23 <div>
24 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
25 </div>
26 )
27 }
28 },
29 {
30 prop: "status",
31 label: "状态",
32 },
33 {
34 prop: "ywh",
35 label: "业务号",
36 },
37 {
38 prop: "bdcdyh",
39 label: "不动产单元号",
40 },
41 {
42 prop: "cfjg",
43 label: "查封机关",
44 },
45 {
46 prop: "cfwh",
47 label: "查封文号",
48 },
49 {
50 prop: "bzxqlr",
51 label: "被执行权利人",
52 },
53 {
54 prop: "cfqssj",
55 label: "查封起始时间",
56 },
57 {
58 prop: "cfjssj",
59 label: "查封结束时间",
60 },
61 {
62 prop: "zl",
63 label: "坐落",
64 }
65 ]
66 }
67
68
69 }
70 let datas = new data()
71 export {
72 datas,
73 sendThis
74 }
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="权利类型">
9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
11 </el-option>
12 </el-select>
13 </el-form-item>
14 </el-col>
15 <el-col :span="6">
16 <el-form-item label="不动产单元号">
17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
18 </el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="5">
22 <el-form-item label="业务号">
23 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
24 </el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="6">
28 <el-form-item label="不动产权证号">
29 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
30 </el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="2" class="btnCol">
34 <el-form-item>
35 <el-button type="primary" @click="queryClick()">查询</el-button>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 </el-form>
40 </div>
41 <!-- 表格 -->
42 <div class="from-clues-content">
43 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
46 </lb-table>
47 </div>
48 </div>
49 </template>
50 <script>
51 import { datas, sendThis } from "./xfdj.js";
52 import table from "@/utils/mixin/table";
53 import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
54 export default {
55 props: {
56 value: { type: Boolean, default: false },
57 bsmSqyw: { type: String, default: '' },
58 },
59 mixins: [table],
60 data () {
61 return {
62 appliDialog: false,
63 queryForm: {
64 qllx: "",
65 bdcdyh: "",
66 ywh: "",
67 bdcqzh: "",
68 sqywbm: "A03100",
69 },
70 qllxs: [],
71 tableData: {
72 total: 0,
73 columns: datas.columns(),
74 data: [],
75 },
76 myValue: this.value,
77 saveloding: false,
78 bdcdysz: []
79 };
80 },
81 mounted () {
82 sendThis(this);
83 },
84 watch: {
85 value (val) {
86 this.myValue = val
87 this.fetchData()
88 },
89 },
90 methods: {
91 fetchData () {
92 if (this.value) {
93 selectBdcdy({ ...this.queryForm, ...this.pageData })
94 .then((res) => {
95 if (res.code === 200) {
96 let { total, records } = res.result;
97 this.tableData.total = total;
98 this.tableData.data = records;
99 }
100 })
101 }
102 },
103 submitForm () {
104 if (this.bdcdysz.length == 0) {
105 this.$message.error('请至少选择一条数据');
106 return
107 }
108 this.saveloding = true
109 startBusinessFlow({
110 bsmSqyw: this.bsmSqyw,
111 bdcdysz: this.bdcdysz
112 }).then(res => {
113 this.saveloding = false
114 this.$emit('input', false)
115 const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw + '&bsmSlsq=' + res.message)
116 window.open(href, '_blank');
117 })
118 },
119 closeDialog () {
120 this.$emit("input", false);
121 },
122 handleSelectionChange (val) {
123 this.bdcdysz = val
124 }
125 },
126 };
127 </script>
128 <style scoped lang="scss">
129 @import "~@/styles/mixin.scss";
130 @import "~@/styles/public.scss";
131 </style>
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 type: 'selection',
15 label: '全选'
16 },
17 {
18 label: '序号',
19 type: 'index',
20 width: '50',
21 render: (h, scope) => {
22 return (
23 <div>
24 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
25 </div>
26 )
27 }
28 },
29 {
30 prop: "status",
31 label: "状态",
32 },
33 {
34 prop: "bdczmh",
35 label: "不动产证明号",
36 },
37 {
38 prop: "bdcdyh",
39 label: "不动产单元号",
40 },
41 {
42 prop: "dyfs",
43 label: "抵押方式",
44 },
45 {
46 prop: "dyqr",
47 label: "抵押权人",
48 },
49 {
50 prop: "dyr",
51 label: "抵押人",
52 },
53 {
54 prop: "dyje",
55 label: "抵押金额(万元)",
56 },
57 {
58 prop: "dymj",
59 label: "抵押面积",
60 },
61 {
62 prop: "zwyxqx",
63 label: "债务履行期限",
64 },
65 {
66 prop: "zl",
67 label: "坐落",
68 }
69 ]
70 }
71
72
73 }
74 let datas = new data()
75 export {
76 datas,
77 sendThis
78 }
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="权利类型">
9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
11 </el-option>
12 </el-select>
13 </el-form-item>
14 </el-col>
15 <el-col :span="6">
16 <el-form-item label="不动产单元号">
17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
18 </el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="5">
22 <el-form-item label="业务号">
23 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
24 </el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="6">
28 <el-form-item label="不动产权证号">
29 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
30 </el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="2" class="btnCol">
34 <el-form-item>
35 <el-button type="primary" @click="queryClick()">查询</el-button>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 </el-form>
40 </div>
41 <!-- 表格 -->
42 <div class="from-clues-content">
43 <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage"
44 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
45 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
46 </lb-table>
47 </div>
48 </div>
49 </template>
50 <script>
51 import { datas, sendThis } from "./zydj.js";
52 import table from "@/utils/mixin/table";
53 import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
54 export default {
55 props: {
56 value: { type: Boolean, default: false },
57 bsmSqyw: { type: String, default: '' },
58 },
59 mixins: [table],
60 data () {
61 return {
62 appliDialog: false,
63 queryForm: {
64 qllx: "",
65 bdcdyh: "",
66 ywh: "",
67 bdcqzh: "",
68 sqywbm: "A03100",
69 },
70 qllxs: [],
71 tableData: {
72 total: 0,
73 columns: datas.columns(),
74 data: [],
75 },
76 myValue: this.value,
77 saveloding: false,
78 bdcdysz: []
79 };
80 },
81 mounted () {
82 sendThis(this);
83 },
84 watch: {
85 value (val) {
86 this.myValue = val
87 this.fetchData()
88 },
89 },
90 methods: {
91 fetchData () {
92 if (this.value) {
93 selectBdcdy({ ...this.queryForm, ...this.pageData })
94 .then((res) => {
95 if (res.code === 200) {
96 let { total, records } = res.result;
97 this.tableData.total = total;
98 this.tableData.data = records;
99 }
100 })
101 }
102 },
103 submitForm () {
104 if (this.bdcdysz.length == 0) {
105 this.$message.error('请至少选择一条数据');
106 return
107 }
108 this.saveloding = true
109 startBusinessFlow({
110 bsmSqyw: this.bsmSqyw,
111 bdcdysz: this.bdcdysz
112 }).then(res => {
113 this.saveloding = false
114 this.$emit('input', false)
115 const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw + '&bsmSlsq=' + res.message)
116 window.open(href, '_blank');
117 })
118 },
119 closeDialog () {
120 this.$emit("input", false);
121 },
122 handleSelectionChange (val) {
123 this.bdcdysz = val
124 }
125 },
126 };
127 </script>
128 <style scoped lang="scss">
129 @import "~@/styles/mixin.scss";
130 @import "~@/styles/public.scss";
131 </style>
...@@ -60,15 +60,15 @@ ...@@ -60,15 +60,15 @@
60 </div> 60 </div>
61 </div> 61 </div>
62 <div class="submit-button"> 62 <div class="submit-button">
63 <el-button type="primary" :disabled="btnDisabled" @click="btnClick()">选择不动产信息</el-button> 63 <el-button type="primary" :disabled="btnDisabled" @click="btnClick">选择不动产信息</el-button>
64 </div> 64 </div>
65 </div> 65 </div>
66 <choiceDialog v-model="isDialog" :bsmSqyw="bsmSqyw" /> 66 <fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
67 </div> 67 </div>
68 </template> 68 </template>
69 <script> 69 <script>
70 import { getCollectBiz, getleftMenu, getNextNode } from "@/api/ywbl" 70 import { getCollectBiz, getleftMenu, getNextNode } from "@/api/ywbl"
71 import choiceDialog from "./components/gyjsydsyq/gyjsydsyq.vue" 71 import fqsqDialog from "./components/fqsqDialog/fqsqDialog.vue"
72 export default { 72 export default {
73 data () { 73 data () {
74 return { 74 return {
...@@ -89,11 +89,12 @@ export default { ...@@ -89,11 +89,12 @@ export default {
89 djqxList: [], 89 djqxList: [],
90 bsmSqyw: '', 90 bsmSqyw: '',
91 isDialog: false, 91 isDialog: false,
92 btnDisabled: true 92 btnDisabled: true,
93 djywbm: ''
93 } 94 }
94 }, 95 },
95 components: { 96 components: {
96 choiceDialog 97 fqsqDialog
97 }, 98 },
98 created () { 99 created () {
99 this.getDataList() 100 this.getDataList()
...@@ -127,9 +128,11 @@ export default { ...@@ -127,9 +128,11 @@ export default {
127 if (item.sffqlc == '1') { 128 if (item.sffqlc == '1') {
128 this.btnDisabled = false 129 this.btnDisabled = false
129 this.bsmSqyw = item.bsmSqyw 130 this.bsmSqyw = item.bsmSqyw
131 this.djywbm = item.djywbm
130 } 132 }
131 }, 133 },
132 handleList (list, obj) { 134 handleList (list, obj) {
135 this.btnDisabled = true
133 list.forEach(item => { 136 list.forEach(item => {
134 if (item.check) item.check = false 137 if (item.check) item.check = false
135 }) 138 })
...@@ -142,9 +145,8 @@ export default { ...@@ -142,9 +145,8 @@ export default {
142 // 获取下个节点类型 145 // 获取下个节点类型
143 getNextNode (bsmSqyw) { 146 getNextNode (bsmSqyw) {
144 getNextNode(bsmSqyw).then(res => { 147 getNextNode(bsmSqyw).then(res => {
145 let { djqx, djlx } = res.result 148 if (res.result.djqx) this.djqxList = res.result.djqx
146 if (djqx) this.djqxList = djqx 149 if (res.result.djlx) this.djlxList = res.result.djlx
147 if (djlx) this.djlxList = djlx
148 this.djqxList.forEach(item => { 150 this.djqxList.forEach(item => {
149 this.$set(item, 'cselect', false) 151 this.$set(item, 'cselect', false)
150 }) 152 })
...@@ -161,6 +163,8 @@ export default { ...@@ -161,6 +163,8 @@ export default {
161 }, 163 },
162 // 登记类型 164 // 登记类型
163 handleDjlxSelect (item) { 165 handleDjlxSelect (item) {
166 console.log(item, 'itemitem');
167 this.btnDisabled = true
164 this.djlxList.forEach(item => { 168 this.djlxList.forEach(item => {
165 if (item.select) item.select = false 169 if (item.select) item.select = false
166 }) 170 })
...@@ -168,6 +172,7 @@ export default { ...@@ -168,6 +172,7 @@ export default {
168 if (item.sffqlc == '1') { 172 if (item.sffqlc == '1') {
169 this.btnDisabled = false 173 this.btnDisabled = false
170 this.bsmSqyw = item.bsmSqyw 174 this.bsmSqyw = item.bsmSqyw
175 this.djywbm = item.djywbm
171 } else { 176 } else {
172 this.getNextNode(item.bsmSqyw) 177 this.getNextNode(item.bsmSqyw)
173 } 178 }
...@@ -177,6 +182,9 @@ export default { ...@@ -177,6 +182,9 @@ export default {
177 btnClick () { 182 btnClick () {
178 this.isDialog = true 183 this.isDialog = true
179 }, 184 },
185 loadView (view) {
186 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
187 },
180 } 188 }
181 } 189 }
182 </script> 190 </script>
......