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 159 additions and 100 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 columns: [
10 { 9 {
11 prop: "ssywh", 10 prop: "ssywh",
12 label: "上手业务号" 11 label: "上手业务号",
12 width: "120"
13 }, 13 },
14 { 14 {
15 prop: "dah", 15 prop: "dah",
...@@ -92,8 +92,6 @@ class data extends filter { ...@@ -92,8 +92,6 @@ class data extends filter {
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,55 +49,65 @@ ...@@ -49,55 +49,65 @@
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"]),
75 },
76 watch: {
77 showType: {
78 handler (newVlue) {
79 // 清空值 93 // 清空值
80 this.tableData = []; 94 this.tableData = [];
81 this.ths = []; 95 this.ths = [];
82 this.columns = this.type[newVlue].columns; 96 this.columns = datas.columns();
83 this.title = this.type[newVlue].title; 97 let res = await getJsydsyqList({
84 this.checkList = ["临时", "现势", "历史"];
85 this.tableWidth = 810;
86 let detail;
87 if (newVlue === "JSYDSYQ") {
88 getJsydsyqList({
89 bdcdyid: "2b33851f4edfd468ceef4d68c370bd41", 98 bdcdyid: "2b33851f4edfd468ceef4d68c370bd41",
90 qllx: "A03", 99 qllx: "A03",
91 qszt: ["1"] 100 qszt: ["1"]
92 }).then((res) => { 101 })
93 if (res.code === 200) { 102 let resList = res.result.result ? res.result.result : []
94 detail = res.result; 103 if (resList.length < 3) {
104 let num = 3 - resList.length
105 for (let i = 0; i < num; i++) {
106 resList.push(this.emptyData)
95 } 107 }
96 });
97 } else {
98 detail = this.djbxx.detail.qlxxs[newVlue];
99 } 108 }
100 detail.forEach((item) => { 109 let detail = resList
110 detail.length > 0 && detail.forEach((item) => {
101 this.tableData.push(item); 111 this.tableData.push(item);
102 if (item.qszt == "0") { 112 if (item.qszt == "0") {
103 this.ths.push({ 113 this.ths.push({
...@@ -126,61 +136,9 @@ export default { ...@@ -126,61 +136,9 @@ export default {
126 } 136 }
127 }); 137 });
128 this.showTableData = this.tableData; 138 this.showTableData = this.tableData;
129 this.showThs = this.ths;
130 let width = (this.tableData.length - 3) * 223 + this.tableWidth;
131 this.tableWidth = this.tableData.length > 3 ? width : 810;
132 },
133 immediate: true,
134 },
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) => {
......
...@@ -177,9 +177,9 @@ export default { ...@@ -177,9 +177,9 @@ export default {
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 {
......