Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4ca9b847 by jiaozeping@pashanhoo.com
Options

12

1 parent ac5dbeb6
Inline Side-by-side
Showing 4 changed files with 153 additions and 82 deletions
...@@ -82,4 +82,16 @@ ...@@ -82,4 +82,16 @@
82 82
83 .width300px { 83 .width300px {
84 width: 300px; 84 width: 300px;
85 }
...\ No newline at end of file ...\ No newline at end of file
85 }
86
87
88 .slxx_title {
89 border-bottom: 1px solid $borderColor;
90 padding-left: 10px;
91 padding-bottom: 5px;
92 margin-bottom: 10px;
93 margin-top: 5px;
94 font-size: 16px;
95 font-weight: 500;
96 color: #4a4a4a;
97 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -133,10 +133,10 @@ export default { ...@@ -133,10 +133,10 @@ export default {
133 133
134 debugger; 134 debugger;
135 this.addJtfc.djSqcxDO = { ...this.ruleForm } 135 this.addJtfc.djSqcxDO = { ...this.ruleForm }
136 this.$message({ 136 // this.$message({
137 type: 'success', 137 // type: 'success',
138 message: '删除成功!' 138 // message: '删除成功!'
139 }); 139 // });
140 140
141 addJtfcCxjgXx(this.addJtfc).then(res => { 141 addJtfcCxjgXx(this.addJtfc).then(res => {
142 debugger; 142 debugger;
......
1 <template> 1 <template>
2 <div class="jtfccx-edit"> 2 <div class="jtfccx-edit">
3 <div class="jtfccx-edit-con"> 3 <el-form :model="ruleForm" label-width="120px">
4 <b class="title">申请信息</b> 4 <el-row>
5 <el-col :span="24" style="margin-bottom: 15px">
6 <div class="slxx_title title-block">
7 申请信息
8 <div class="triangle"></div>
9 </div>
10 </el-col>
11 </el-row>
5 12
6 <el-form :model="ruleForm" label-width="120px"> 13 <el-row>
7 <el-row> 14 <el-col :span="8">
8 <el-col :span="8"> 15 <el-form-item label="查询用途" label-width="90px">
9 <el-form-item label="查询用途" label-width="90px"> 16 <el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
10 <el-input v-model="ruleForm.cxyt" class="width200px"></el-input> 17 </el-form-item>
11 </el-form-item> 18 </el-col>
12 </el-col> 19 <el-col :span="16">
13 <el-col :span="16"> 20 <el-form-item label="与产权人的关系">
14 <el-form-item label="与产权人的关系"> 21 <el-radio-group v-model="ruleForm.ycyrgx">
15 <el-radio-group v-model="ruleForm.ycyrgx"> 22 <el-radio :label="1">房屋权利人</el-radio>
16 <el-radio :label="1">房屋权利人</el-radio> 23 <el-radio :label="2">产权利害关系人</el-radio>
17 <el-radio :label="2">产权利害关系人</el-radio> 24 <el-radio :label="3">委托人</el-radio>
18 <el-radio :label="3">委托人</el-radio> 25 </el-radio-group>
19 </el-radio-group> 26 </el-form-item>
20 </el-form-item> 27 </el-col>
21 </el-col> 28 </el-row>
22 </el-row>
23 </el-form>
24 29
30 <el-row>
31 <el-col>
32 <lb-table
33 :column="searchData.columns"
34 :data="searchData.data"
35 :maxHeight="200"
36 heightNumSetting
37 :pagination="false"
38 >
39 </lb-table>
40 </el-col>
41 </el-row>
25 42
26 <b class="title">权利人</b> 43 <el-row>
27 <b class="title">查询结果</b> 44 <el-col :span="24" style="margin-bottom: 15px">
28 <p>查询编号：202200409</p> 45 <div class="slxx_title title-block">
29 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting 46 权利人
30 :pagination="false"> 47 <div class="triangle"></div>
31 </lb-table> 48 </div>
32 </div> 49 </el-col>
33 </div> 50 </el-row>
51 <el-row>
52 <el-col>
53 <lb-table
54 :column="searchData.columns"
55 :data="searchData.data"
56 :maxHeight="200"
57 heightNumSetting
58 :pagination="false"
59 >
60 </lb-table>
61 </el-col>
62 </el-row>
63
64 <el-row>
65 <el-col :span="24" style="margin-bottom: 15px">
66 <div class="slxx_title title-block">
67 查询结果
68 <div class="triangle"></div>
69 </div>
70 </el-col>
71 </el-row>
72 <el-row>
73 <el-col>
74 <p>查询编号：202200409</p>
75 </el-col>
76 </el-row>
77 <el-row>
78 <el-col>
79 <lb-table
80 :column="searchData.columns"
81 :data="searchData.data"
82 :maxHeight="200"
83 heightNumSetting
84 :pagination="false"
85 >
86 </lb-table>
87 </el-col>
88 </el-row>
89 </el-form>
90 </div>
34 </template> 91 </template>
35 92
36 <script> 93 <script>
37 import { addJtfcCxjgXx } from '@/api/jtfc' 94 import { addJtfcCxjgXx } from "@/api/jtfc";
38 export default { 95 export default {
39 components: { 96 components: {},
40 },
41 props: { 97 props: {
42 value: { type: Boolean, default: false }, 98 value: { type: Boolean, default: false },
43 }, 99 },
44 data () { 100 data() {
45 return { 101 return {
46 ruleForm: { 102 ruleForm: {
47 cxyt: '', 103 cxyt: "",
48 ycyrgx: 1, 104 ycyrgx: 1,
49 cxlx: '1' //查询类型 1：房产查询 2：登记簿查询 105 cxlx: "1", //查询类型 1：房产查询 2：登记簿查询
50 }, 106 },
51 107
52 searchData: { 108 searchData: {
53 columns: [ 109 columns: [
54 { 110 {
55 prop: 'qszt', 111 prop: "qszt",
56 label: '权属状态', 112 label: "权属状态",
57 }, 113 },
58 { 114 {
59 prop: 'bdcqzh', 115 prop: "bdcqzh",
60 label: '不动产权证号', 116 label: "不动产权证号",
61 }, 117 },
62 { 118 {
63 prop: 'djsj', 119 prop: "djsj",
64 label: '登记时间', 120 label: "登记时间",
65 }, 121 },
66 { 122 {
67 prop: 'hth', 123 prop: "hth",
68 label: '合同号', 124 label: "合同号",
69 }, 125 },
70 { 126 {
71 prop: 'wqsj', 127 prop: "wqsj",
72 label: '网签时间', 128 label: "网签时间",
73 }, 129 },
74 { 130 {
75 prop: 'bdcdyh', 131 prop: "bdcdyh",
76 label: '不动产单元号', 132 label: "不动产单元号",
77 }, 133 },
78 { 134 {
79 prop: 'gyfs', 135 prop: "gyfs",
80 label: '共有方式', 136 label: "共有方式",
81 }, 137 },
82 { 138 {
83 prop: 'qlr', 139 prop: "qlr",
84 label: '权利人', 140 label: "权利人",
85 }, 141 },
86 { 142 {
87 prop: 'zjh', 143 prop: "zjh",
88 label: '证件号', 144 label: "证件号",
89 }, 145 },
90 { 146 {
91 prop: 'fdzl', 147 prop: "fdzl",
92 label: '房地坐落', 148 label: "房地坐落",
93 }, 149 },
94 { 150 {
95 prop: 'jzmj', 151 prop: "jzmj",
96 label: '建筑面积（㎡）', 152 label: "建筑面积（㎡）",
97 }, 153 },
98 { 154 {
99 prop: 'fwyt', 155 prop: "fwyt",
100 label: '房屋用途', 156 label: "房屋用途",
101 }, 157 },
102 { 158 {
103 159 label: "登记状态",
104 label: '登记状态', 160 width: "150",
105 width: '150', 161 align: "center",
106 align: 'center', 162 fixed: "right",
107 fixed: 'right',
108 render: (h, scope) => { 163 render: (h, scope) => {
109 return ( 164 return (
110 <div> 165 <div>
111 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button> 166 <el-button
167 type="text"
168 icon="el-icon-edit-outline"
169 onClick={() => {
170 this.editClick(scope);
171 }}
172 >
173 抵押
174 </el-button>
112 </div> 175 </div>
113 ) 176 );
114 } 177 },
115 } 178 },
116 ], 179 ],
117 data: [] 180 data: [],
118 }, 181 },
119 182 };
120 }
121 }, 183 },
122 methods: { 184 methods: {},
123 185 };
124
125 }
126 }
127 </script> 186 </script>
128 <style scoped lang="scss"> 187 <style scoped lang="scss">
129 @import "~@/styles/mixin.scss"; 188 @import "~@/styles/mixin.scss";
130
131 </style> 189 </style>
......
...@@ -124,4 +124,5 @@ export default { ...@@ -124,4 +124,5 @@ export default {
124 </script> 124 </script>
125 <style scoped lang="scss"> 125 <style scoped lang="scss">
126 @import "~@/styles/public.scss"; 126 @import "~@/styles/public.scss";
127
127 </style> 128 </style>
......