Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6bf209c4 by 蔡俊立
Options

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

2 parents 0a41b548 371ab015
Expand all
Inline Side-by-side
Showing 7 changed files with 279 additions and 220 deletions
...@@ -114,3 +114,11 @@ export function saveSpyj (data) { ...@@ -114,3 +114,11 @@ export function saveSpyj (data) {
114 data 114 data
115 }) 115 })
116 } 116 }
117 // 登簿接口
118 export function record (data) {
119 return request({
120 url: '/business/workFlow/record',
121 method: 'post',
122 data
123 })
124 }
......
1 <template>
2 <div class="model">
3 <div class="mask">123</div>
4 <div class="model-dialog">
5 <div class="model-header">
6 <span>提示</span>
7 <a href="javascript:;" class="icon-close"></a>
8 </div>
9 <div class="model-body">
10 <div class="body">这是条消息</div>
11 </div>
12 <div class="model-footer">
13 <button class="btn">确认</button>
14 </div>
15 </div>
16 </div>
17 </template>
18
19
20 <style scoped lang='scss'>
21 //css部分
22 .mask {
23 position: fixed; //这里用固定定位，后面设置动画时才不受影响
24 top: 0;
25 height: 100%;
26 width: 100%;
27 background-color: rgba(167, 165, 165, 0.486);
28 opacity: 0.5;
29 z-index: 9;
30 }
31 .model-dialog {
32 position: absolute;
33 //让弹框居中显示
34 top: 50%;
35 left: 50%;
36 transform: translate(-50%, -50%);
37 background-color: #fff;
38 border-radius: 12px;
39 width: 600px;
40 height: 300px;
41 border: 1px solid #f5f5f5;
42 overflow: hidden;
43 z-index: 10; //这里注意层级要比mask大，覆盖它
44 }
45 .model-header {
46 position: relative;
47 height: 50px;
48 padding-left: 10px;
49 padding-top: 10px;
50 font-size: 20px;
51 line-height: 50px;
52 background-color: #f5f5f5;
53 border-bottom: 1px solid rgb(177, 176, 176);
54 }
55 .model-body {
56 height: 150px;
57 line-height: 150px;
58 font-size: 28px;
59 text-align: center;
60 background-color: #fff;
61 }
62 .model-footer {
63 background-color: #f5f5f5;
64 height: 100px;
65 text-align: center;
66 line-height: 100px;
67 }
68 .btn {
69 width: 180px;
70 height: 40px;
71 border-radius: 8px;
72 background-color: rgb(180, 103, 103);
73 color: #fff;
74 font-size: 18px;
75 border: none;
76 }
77 .icon-close {
78 position: absolute; //如果不加绝对布局，图表显示不出来
79 background-color: pink;
80 right: 15px;
81 top: 16px;
82 width: 30px;
83 height: 30px;
84 z-index: 10;
85 //background: url("../assets/icon-close.png") no-repeat;
86 background-size: contain;
87 }
88 </style>
...\ No newline at end of file ...\ No newline at end of file
1 import filter from '@/utils/filter.js' 1 import filter from '@/utils/filter.js'
2
2 class data extends filter { 3 class data extends filter {
3 constructor() { 4 constructor() {
4 super() 5 super()
5 } 6 }
6 columns () { 7 columns () {
7 return { 8 return [
8 title: "建设用地使用权、宅基地使用权登记信息", 9 {
9 columns: [ 10 prop: "ssywh",
10 { 11 label: "上手业务号",
11 prop: "ssywh", 12 width: "120"
12 label: "上手业务号" 13 },
13 }, 14 {
14 { 15 prop: "dah",
15 prop: "dah", 16 label: "档案号",
16 label: "档案号", 17 },
17 }, 18 {
18 { 19 prop: "ywh",
19 prop: "ywh", 20 label: "业务号",
20 label: "业务号", 21 },
21 }, 22 {
22 { 23 prop: "bdcdyh",
23 prop: "bdcdyh", 24 label: "不动产单元号",
24 label: "不动产单元号", 25 },
25 }, 26 {
26 { 27 prop: "zl",
27 prop: "zl", 28 label: "坐落",
28 label: "坐落", 29 },
29 }, 30 {
30 { 31 prop: "qlrlx",
31 prop: "qlrlx", 32 label: "权利人类型",
32 label: "权利人类型", 33 },
33 }, 34 {
34 { 35 prop: "qlrmc",
35 prop: "qlrmc", 36 label: "权利人",
36 label: "权利人", 37 },
37 }, 38 {
38 { 39 prop: "qlrzjzl",
39 prop: "qlrzjzl", 40 label: "证件种类",
40 label: "证件种类", 41 },
41 }, 42 {
42 { 43 prop: "qlrzjhm",
43 prop: "qlrzjhm", 44 label: "证件号",
44 label: "证件号", 45 },
45 }, 46 {
46 { 47 prop: "gyfs",
47 prop: "gyfs", 48 label: "共有情况",
48 label: "共有情况", 49 },
49 }, 50 {
50 { 51 prop: "mj",
51 prop: "mj", 52 label: "使用权面积(m²)",
52 label: "使用权面积(m²)", 53 },
53 }, 54 {
54 { 55 prop: "qlxz",
55 prop: "qlxz", 56 label: "权利性质",
56 label: "权利性质", 57 },
57 }, 58 {
58 { 59 prop: "ytmc",
59 prop: "ytmc", 60 label: "土地用途",
60 label: "土地用途", 61 },
61 }, 62 {
62 { 63 prop: "syqqzsj",
63 prop: "syqqzsj", 64 label: "使用权起止时间",
64 label: "使用权起止时间", 65 },
65 }, 66 {
66 { 67 prop: "tdsyqx",
67 prop: "tdsyqx", 68 label: "土地使用期限",
68 label: "土地使用期限", 69 },
69 }, 70 {
70 { 71 prop: "qdjg",
71 prop: "qdjg", 72 label: "取得价格(万元)",
72 label: "取得价格(万元)", 73 },
73 }, 74 {
74 { 75 prop: "djyy",
75 prop: "djyy", 76 label: "登记原因",
76 label: "登记原因", 77 },
77 }, 78 {
78 { 79 prop: "bdcqzh",
79 prop: "bdcqzh", 80 label: "不动产权证号",
80 label: "不动产权证号", 81 },
81 }, 82 {
82 { 83 prop: "djsj",
83 prop: "djsj", 84 label: "登记时间",
84 label: "登记时间", 85 },
85 }, 86 {
86 { 87 prop: "dbr",
87 prop: "dbr", 88 label: "登簿人",
88 label: "登簿人", 89 },
89 }, 90 {
90 { 91 prop: "fj",
91 prop: "fj", 92 label: "附记",
92 label: "附记", 93 },
93 }, 94 ]
94 ]
95
96 }
97 } 95 }
98 } 96 }
99 97
......
...@@ -12,14 +12,14 @@ ...@@ -12,14 +12,14 @@
12 </div> 12 </div>
13 </div> 13 </div>
14 <div class="xxTableBox"> 14 <div class="xxTableBox">
15 <table class="xxTable" :width="tableWidth"> 15 <table class="xxTable">
16 <tr> 16 <tr>
17 <th rowspan="3">业务类型</th> 17 <th rowspan="3">业务类型</th>
18 </tr> 18 </tr>
19 <!-- 第一行表头 --> 19 <!-- 第一行表头 -->
20 <tr class="one" id=""> 20 <tr class="one">
21 <th v-for="(item, index) in ths" :key="index" :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']"> 21 <th v-for="(item, index) in ths" :key="index" :class="[item.class, item.type == '临时' ? 'linshiIcon' : '']">
22 <div class="icon" v-if="item.type == '临时'">{{ item.type }}</div> 22 <div class="icon" v-if="item.type == '临时'">正在办理</div>
23 {{ item.type }} 23 {{ item.type }}
24 </th> 24 </th>
25 </tr> 25 </tr>
...@@ -49,138 +49,96 @@ ...@@ -49,138 +49,96 @@
49 </template> 49 </template>
50 50
51 <script> 51 <script>
52 import { mapGetters } from "vuex";
53 import { datas } from "./jsydsyq"; 52 import { datas } from "./jsydsyq";
54 import { getJsydsyqList } from "@/api/zhcx.js"; 53 import { getJsydsyqList } from "@/api/zhcx.js";
55 export default { 54 export default {
56 name: "djxxTable", 55 name: "jsydsyq",
57 props: {
58 showType: "",
59 },
60 data () { 56 data () {
61 return { 57 return {
62 checkList: ["临时", "现势", "历史"], 58 checkList: ["临时", "现势", "历史"],
63 tableWidth: 810,
64 type: datas.columns(),
65 tableData: [], 59 tableData: [],
66 showTableData: [], 60 showTableData: [],
67 ths: [], 61 ths: [],
68 showThs: [],
69 columns: [], 62 columns: [],
70 title: "", 63 title: "建设用地使用权、宅基地使用权登记信息",
64 emptyData: {
65 ssywh: '',
66 dah: '',
67 ywh: '',
68 bdcdyh: "",
69 zl: "",
70 qlrlx: '',
71 qlrmc: "",
72 qlrzjzl: "",
73 qlrzjhm: "",
74 gyfs: "",
75 mj: null,
76 qlxz: '',
77 ytmc: "",
78 syqqzsj: null,
79 tdsyqx: null,
80 qdjg: null,
81 djyy: '',
82 bdcqzh: null,
83 djsj: '',
84 dbr: '',
85 fj: "",
86 qllxmc: "",
87 djlxmc: '',
88 qszt: "",
89 }
71 }; 90 };
72 }, 91 },
73 computed: { 92 async created () {
74 ...mapGetters(["djbxx"]), 93 // 清空值
75 }, 94 this.tableData = [];
76 watch: { 95 this.ths = [];
77 showType: { 96 this.columns = datas.columns();
78 handler (newVlue) { 97 let res = await getJsydsyqList({
79 // 清空值 98 bdcdyid: "2b33851f4edfd468ceef4d68c370bd41",
80 this.tableData = []; 99 qllx: "A03",
81 this.ths = []; 100 qszt: ["1"]
82 this.columns = this.type[newVlue].columns; 101 })
83 this.title = this.type[newVlue].title; 102 let resList = res.result.result ? res.result.result : []
84 this.checkList = ["临时", "现势", "历史"]; 103 if (resList.length < 3) {
85 this.tableWidth = 810; 104 let num = 3 - resList.length
86 let detail; 105 for (let i = 0; i < num; i++) {
87 if (newVlue === "JSYDSYQ") { 106 resList.push(this.emptyData)
88 getJsydsyqList({ 107 }
89 bdcdyid: "2b33851f4edfd468ceef4d68c370bd41", 108 }
90 qllx: "A03", 109 let detail = resList
91 qszt: ["1"] 110 detail.length > 0 && detail.forEach((item) => {
92 }).then((res) => { 111 this.tableData.push(item);
93 if (res.code === 200) { 112 if (item.qszt == "0") {
94 detail = res.result; 113 this.ths.push({
95 } 114 type: "临时",
96 }); 115 qllxmc: item.qllxmc,
97 } else { 116 djlxmc: item.djlxmc,
98 detail = this.djbxx.detail.qlxxs[newVlue]; 117 prop: "linshi",
99 } 118 class: "linshi",
100 detail.forEach((item) => {
101 this.tableData.push(item);
102 if (item.qszt == "0") {
103 this.ths.push({
104 type: "临时",
105 qllxmc: item.qllxmc,
106 djlxmc: item.djlxmc,
107 prop: "linshi",
108 class: "linshi",
109 });
110 } else if (item.qszt == "1") {
111 this.ths.push({
112 type: "现势",
113 qllxmc: item.qllxmc,
114 djlxmc: item.djlxmc,
115 prop: "xianshi",
116 class: "xianshi",
117 });
118 } else if (item.qszt == "2") {
119 this.ths.push({
120 type: "历史",
121 qllxmc: item.qllxmc,
122 djlxmc: item.djlxmc,
123 prop: "lishi",
124 class: "lishi",
125 });
126 }
127 }); 119 });
128 this.showTableData = this.tableData; 120 } else if (item.qszt == "1") {
129 this.showThs = this.ths; 121 this.ths.push({
130 let width = (this.tableData.length - 3) * 223 + this.tableWidth; 122 type: "现势",
131 this.tableWidth = this.tableData.length > 3 ? width : 810; 123 qllxmc: item.qllxmc,
132 }, 124 djlxmc: item.djlxmc,
133 immediate: true, 125 prop: "xianshi",
134 }, 126 class: "xianshi",
127 });
128 } else if (item.qszt == "2") {
129 this.ths.push({
130 type: "历史",
131 qllxmc: item.qllxmc,
132 djlxmc: item.djlxmc,
133 prop: "lishi",
134 class: "lishi",
135 });
136 }
137 });
138 this.showTableData = this.tableData;
135 }, 139 },
136 methods: { 140 methods: {
137 checkChange () { 141 checkChange () {
138 var checkKey = [];
139 this.ths = [];
140 this.tableWidth = 810;
141 this.checkList.forEach((item) => {
142 if (item == "临时") {
143 checkKey.push("0");
144 }
145 if (item == "现势") {
146 checkKey.push("1");
147 }
148 if (item == "历史") {
149 checkKey.push("2");
150 }
151 });
152 this.showTableData = this.tableData.filter((item) =>
153 checkKey.includes(item.qszt)
154 );
155 this.showTableData.forEach((item) => {
156 if (item.qszt == "0") {
157 this.ths.push({
158 type: "临时",
159 qllxmc: item.qllxmc,
160 djlxmc: item.djlxmc,
161 prop: "linshi",
162 class: "linshi",
163 });
164 } else if (item.qszt == "1") {
165 this.ths.push({
166 type: "现势",
167 qllxmc: item.qllxmc,
168 djlxmc: item.djlxmc,
169 prop: "xianshi",
170 class: "xianshi",
171 });
172 } else if (item.qszt == "2") {
173 this.ths.push({
174 type: "历史",
175 qllxmc: item.qllxmc,
176 djlxmc: item.djlxmc,
177 prop: "lishi",
178 class: "lishi",
179 });
180 }
181 });
182 let width = (this.showTableData.length - 3) * 223 + this.tableWidth;
183 this.tableWidth = this.showTableData.length > 3 ? width : 810;
184 }, 142 },
185 }, 143 },
186 }; 144 };
...@@ -195,14 +153,12 @@ export default { ...@@ -195,14 +153,12 @@ export default {
195 color: #333; 153 color: #333;
196 154
197 .tableBox { 155 .tableBox {
198 width: 810px;
199 margin: 0 auto; 156 margin: 0 auto;
200 display: flex; 157 display: flex;
201 flex-wrap: wrap; 158 flex-wrap: wrap;
202 159
203 .title { 160 .title {
204 width: 100%; 161 width: 100%;
205 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
206 font-weight: 700; 162 font-weight: 700;
207 font-size: 16px; 163 font-size: 16px;
208 text-align: center; 164 text-align: center;
...@@ -221,21 +177,28 @@ export default { ...@@ -221,21 +177,28 @@ export default {
221 } 177 }
222 178
223 .xxTableBox { 179 .xxTableBox {
224 width: 810px;
225 overflow-x: scroll; 180 overflow-x: scroll;
181 width: 100%;
226 } 182 }
227 183
228 .xxTable>tr:first-child th { 184 .xxTable>tr:first-child th {
229 width: 140px; 185 width: 140px;
230 } 186 }
231 187
188 tr td {
189 border: 1px solid #ccc;
190 }
191
232 .xxTable { 192 .xxTable {
193 // border-spacing: 0;
233 border-spacing: 1px; 194 border-spacing: 1px;
195 width: 100%;
234 196
235 tr>th { 197 tr>th {
236 background: #464c5b; 198 background: #464c5b;
237 color: #fff; 199 color: #fff;
238 font-size: 16px; 200 font-size: 16px;
201 height: 60px;
239 } 202 }
240 203
241 th.linshi, 204 th.linshi,
...@@ -273,19 +236,19 @@ export default { ...@@ -273,19 +236,19 @@ export default {
273 display: block; 236 display: block;
274 width: 0; 237 width: 0;
275 height: 0; 238 height: 0;
276 border-width: 0px 0px 45px 45px; 239 border-width: 0px 0px 55px 55px;
277 border-style: none solid solid; 240 border-style: none solid solid;
278 border-color: transparent transparent #fe9400; 241 border-color: transparent transparent #fe9400;
279 position: absolute; 242 position: absolute;
280 top: 0px; 243 top: 0;
281 right: 3px; 244 right: 0;
282 transform: rotate(-90deg); 245 transform: rotate(-90deg);
283 } 246 }
284 247
285 .icon { 248 .icon {
286 position: absolute; 249 position: absolute;
287 top: 8px; 250 top: 13px;
288 right: 6px; 251 right: -4px;
289 transform: rotate(45deg); 252 transform: rotate(45deg);
290 color: #fff; 253 color: #fff;
291 font-size: 12px; 254 font-size: 12px;
...@@ -297,6 +260,7 @@ export default { ...@@ -297,6 +260,7 @@ export default {
297 height: 40px; 260 height: 40px;
298 padding: 4px; 261 padding: 4px;
299 font-size: 13px; 262 font-size: 13px;
263 width: 140px;
300 } 264 }
301 265
302 >tr:nth-child(odd) td { 266 >tr:nth-child(odd) td {
......
...@@ -215,6 +215,7 @@ export default { ...@@ -215,6 +215,7 @@ export default {
215 }, 215 },
216 methods: { 216 methods: {
217 list (bsmSldy) { 217 list (bsmSldy) {
218 debugger;
218 var formdata = new FormData(); 219 var formdata = new FormData();
219 formdata.append("bsmSldy", bsmSldy); 220 formdata.append("bsmSldy", bsmSldy);
220 Init(formdata).then((res) => { 221 Init(formdata).then((res) => {
......
...@@ -175,11 +175,11 @@ export default { ...@@ -175,11 +175,11 @@ export default {
175 .spyj { 175 .spyj {
176 margin-left: 5px; 176 margin-left: 5px;
177 177
178 .spyj_title { 178 .spyj_title {
179 text-align: center; 179 text-align: center;
180 font-size: 24px; 180 font-size: 18px;
181 display: block; 181 display: block;
182 margin-bottom: 10px; 182 margin: 5px;
183 } 183 }
184 184
185 /deep/.el-form-item { 185 /deep/.el-form-item {
......