Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
dcec0e56 by “miaofang
Options

--no commit message

1 parent c33c6254
Inline Side-by-side
Showing 10 changed files with 531 additions and 527 deletions
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
9 <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> 11 <printTemplate id="boxcfdj" :tableData="tableData" :render="render" />
10 </div> 12 </div>
11 <div class="tableBox"> 13 <div class="tableBox">
...@@ -85,35 +87,31 @@ ...@@ -85,35 +87,31 @@
85 </tr> 87 </tr>
86 </table> 88 </table>
87 </div> 89 </div>
88 </div> 90 </div> -->
89 </div> 91 </div>
90 </template> 92 </template>
91 93
92 <script> 94 <script>
93 import printTemplate from "./components/printTemplate.vue"; 95 import djbDetail from "./components/djbDetail.vue"
94 import { datas } from "./qlxxFormData.js"; 96 import { datas } from "./qlxxFormData.js";
95 import { getSjlx } from "@/utils/dictionary.js"; 97 import { getSjlx } from "@/utils/dictionary.js";
96 import { getCfdjList } from "@/api/djbDetail.js"; 98 import { getCfdjList } from "@/api/djbDetail.js";
97 export default { 99 export default {
98 components: { 100 components: {
99 printTemplate, 101 djbDetail
100 }, 102 },
101 data () { 103 data () {
102 return { 104 return {
103 printObj: {
104 id: "box",
105 //其他配置项，
106 },
107 shows: false, 105 shows: false,
108 title: "查封登记信息", 106 title: "查封登记信息",
109 qsztList: datas.columns().qsztList, 107 // qsztList: datas.columns().qsztList,
110 checkList: datas.columns().checkList, 108 // checkList: datas.columns().checkList,
111 //传递参数 109 //传递参数
112 propsParam: this.$attrs, 110 propsParam: this.$attrs,
113 //列表数据 111 //列表数据
114 tableData: [], 112 tableData: [],
115 //空列值个数 113 //空列值个数
116 emptycolNum: datas.columns().emptycolNum, 114 // emptycolNum: datas.columns().emptycolNum,
117 //列名称对象 115 //列名称对象
118 columns: datas.columns().CFDJ, 116 columns: datas.columns().CFDJ,
119 render: false, 117 render: false,
...@@ -124,35 +122,6 @@ ...@@ -124,35 +122,6 @@
124 }, 122 },
125 methods: { 123 methods: {
126 /** 124 /**
127 * @description: openPrint
128 * @author: miaofang
129 */
130 openPrint () {
131 this.render = true;
132 setTimeout(() => {
133 this.prinsss();
134 }, 100);
135 },
136 /**
137 * @description: prinsss
138 * @author: miaofang
139 */
140 prinsss () {
141 printJS({
142 printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
143 type: "html",
144 maxWidth: 800, // 最大宽度
145 font_size: "", // 不设置则使用默认字体大小
146 style: `@font-face {
147 font-family: "STZHONGS";
148 src: url(${window.ttf}) format("truetype");
149 }`,
150 // 继承原来的所有样式
151 targetStyles: ["*"],
152 });
153 this.render = false
154 },
155 /**
156 * @description: loadData 125 * @description: loadData
157 * @author: renchao 126 * @author: renchao
158 */ 127 */
...@@ -187,60 +156,60 @@ ...@@ -187,60 +156,60 @@
187 } 156 }
188 }); 157 });
189 }, 158 },
190 /** 159 // /**
191 * @description: checkChange 160 // * @description: checkChange
192 * @author: renchao 161 // * @author: renchao
193 */ 162 // */
194 checkChange () { 163 // checkChange () {
195 if (this.checkList.length === 0) { 164 // if (this.checkList.length === 0) {
196 this.tableData = []; 165 // this.tableData = [];
197 this.emptycolNum = datas.columns().emptycolNum; 166 // this.emptycolNum = datas.columns().emptycolNum;
198 } else { 167 // } else {
199 this.loadData(); 168 // this.loadData();
200 } 169 // }
201 }, 170 // },
202 /** 171 // /**
203 * @description: getQsztName 172 // * @description: getQsztName
204 * @author: renchao 173 // * @author: renchao
205 */ 174 // */
206 getQsztName (code) { 175 // getQsztName (code) {
207 let name = ""; 176 // let name = "";
208 for (let item of this.qsztList) { 177 // for (let item of this.qsztList) {
209 if (item.value == code) { 178 // if (item.value == code) {
210 name = item.label; 179 // name = item.label;
211 break; 180 // break;
212 } 181 // }
213 } 182 // }
214 return name; 183 // return name;
215 }, 184 // },
216 // 新增一条补录信息 185 // // 新增一条补录信息
217 /** 186 // /**
218 * @description: 新增一条补录信息 187 // * @description: 新增一条补录信息
219 * @param {*} row 188 // * @param {*} row
220 * @param {*} del 189 // * @param {*} del
221 * @author: renchao 190 // * @author: renchao
222 */ 191 // */
223 editDialog (row, del) { 192 // editDialog (row, del) {
224 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 193 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
225 confirmButtonText: "确定", 194 // confirmButtonText: "确定",
226 cancelButtonText: "取消", 195 // cancelButtonText: "取消",
227 type: "warning", 196 // type: "warning",
228 }) 197 // })
229 .then(() => { 198 // .then(() => {
230 this.$parent.addRepairRecord(row, del); 199 // this.$parent.addRepairRecord(row, del);
231 200
232 this.$message({ 201 // this.$message({
233 type: "success", 202 // type: "success",
234 message: "补录成功!", 203 // message: "补录成功!",
235 }); 204 // });
236 }) 205 // })
237 .catch(() => { 206 // .catch(() => {
238 this.$message({ 207 // this.$message({
239 type: "info", 208 // type: "info",
240 message: "取消编辑", 209 // message: "取消编辑",
241 }); 210 // });
242 }); 211 // });
243 }, 212 // },
244 }, 213 },
245 }; 214 };
246 </script> 215 </script>
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
13 </div> 13 </div>
14 <div class="title"> 14 <div class="title">
15 {{ title }} 15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> 16 <el-button class="print" v-show="shows" @click="openPrint()">打印1</el-button>
17 <div class="checkbox"> 17 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange"> 18 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox 19 <el-checkbox
...@@ -133,6 +133,7 @@ ...@@ -133,6 +133,7 @@
133 }, 133 },
134 methods: { 134 methods: {
135 openPrint () { 135 openPrint () {
136 console.log("tableData",this.tableDataaaa);
136 this.render = true; 137 this.render = true;
137 setTimeout(() => { 138 setTimeout(() => {
138 this.prinsss(); 139 this.prinsss();
......
...@@ -69,6 +69,8 @@ export default { ...@@ -69,6 +69,8 @@ export default {
69 }, 69 },
70 render: { 70 render: {
71 handler(newValue, oldValue) { 71 handler(newValue, oldValue) {
72 console.log("newValue",newValue);
73 console.log("columns",this.columns);
72 if (newValue) { 74 if (newValue) {
73 this.loadData(); 75 this.loadData();
74 } 76 }
...@@ -88,6 +90,7 @@ export default { ...@@ -88,6 +90,7 @@ export default {
88 }).then((res) => { 90 }).then((res) => {
89 if (res.code === 200) { 91 if (res.code === 200) {
90 this.columns = res.result; 92 this.columns = res.result;
93 console.log("columnssssssssssss",this.columns);
91 } 94 }
92 }); 95 });
93 if (this.tableData.length && this.datass.length == 0) { 96 if (this.tableData.length && this.datass.length == 0) {
......
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
9 <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> 11 <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" />
10 </div> 12 </div>
11 <div class="tableBox"> 13 <div class="tableBox">
...@@ -87,35 +89,31 @@ ...@@ -87,35 +89,31 @@
87 </tr> 89 </tr>
88 </table> 90 </table>
89 </div> 91 </div>
90 </div> 92 </div> -->
91 </div> 93 </div>
92 </template> 94 </template>
93 95
94 <script> 96 <script>
97 import djbDetail from "./components/djbDetail.vue"
95 import { datas } from "./qlxxFormData.js"; 98 import { datas } from "./qlxxFormData.js";
96 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 99 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
97 import { getDiyaqList } from "@/api/djbDetail.js"; 100 import { getDiyaqList } from "@/api/djbDetail.js";
98 import printTemplate from "./components/printTemplate.vue";
99 export default { 101 export default {
100 components: { 102 components: {
101 printTemplate, 103 djbDetail
102 }, 104 },
103 data () { 105 data () {
104 return { 106 return {
105 printObj: {
106 id: "box",
107 //其他配置项，
108 },
109 shows: false, 107 shows: false,
110 title: "抵押权登记信息", 108 title: "抵押权登记信息",
111 qsztList: datas.columns().qsztList, 109 // qsztList: datas.columns().qsztList,
112 checkList: datas.columns().checkList, 110 // checkList: datas.columns().checkList,
113 //传递参数 111 //传递参数
114 propsParam: this.$attrs, 112 propsParam: this.$attrs,
115 //列表数据 113 //列表数据
116 tableData: [], 114 tableData: [],
117 //空列值个数 115 //空列值个数
118 emptycolNum: datas.columns().emptycolNum, 116 // emptycolNum: datas.columns().emptycolNum,
119 //列名称对象 117 //列名称对象
120 columns: datas.columns().DYAQ, 118 columns: datas.columns().DYAQ,
121 render: false, 119 render: false,
...@@ -125,35 +123,35 @@ ...@@ -125,35 +123,35 @@
125 this.loadData(); 123 this.loadData();
126 }, 124 },
127 methods: { 125 methods: {
128 /** 126 // /**
129 * @description: openPrint 127 // * @description: openPrint
130 * @author: miaofang 128 // * @author: miaofang
131 */ 129 // */
132 openPrint () { 130 // openPrint () {
133 this.render = true; 131 // this.render = true;
134 setTimeout(() => { 132 // setTimeout(() => {
135 this.prinsss(); 133 // this.prinsss();
136 }, 100); 134 // }, 100);
137 }, 135 // },
138 /** 136 // /**
139 * @description: prinsss 137 // * @description: prinsss
140 * @author: miaofang 138 // * @author: miaofang
141 */ 139 // */
142 prinsss () { 140 // prinsss () {
143 printJS({ 141 // printJS({
144 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 142 // printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
145 type: "html", 143 // type: "html",
146 maxWidth: 800, // 最大宽度 144 // maxWidth: 800, // 最大宽度
147 font_size: "", // 不设置则使用默认字体大小 145 // font_size: "", // 不设置则使用默认字体大小
148 style: `@font-face { 146 // style: `@font-face {
149 font-family: "STZHONGS"; 147 // font-family: "STZHONGS";
150 src: url(${window.ttf}) format("truetype"); 148 // src: url(${window.ttf}) format("truetype");
151 }`, 149 // }`,
152 // 继承原来的所有样式 150 // // 继承原来的所有样式
153 targetStyles: ["*"], 151 // targetStyles: ["*"],
154 }); 152 // });
155 this.render = false 153 // this.render = false
156 }, 154 // },
157 /** 155 /**
158 * @description: loadData 156 * @description: loadData
159 * @author: renchao 157 * @author: renchao
...@@ -183,60 +181,60 @@ ...@@ -183,60 +181,60 @@
183 } 181 }
184 }); 182 });
185 }, 183 },
186 /** 184 // /**
187 * @description: checkChange 185 // * @description: checkChange
188 * @author: renchao 186 // * @author: renchao
189 */ 187 // */
190 checkChange () { 188 // checkChange () {
191 if (this.checkList.length === 0) { 189 // if (this.checkList.length === 0) {
192 this.tableData = []; 190 // this.tableData = [];
193 this.emptycolNum = datas.columns().emptycolNum; 191 // this.emptycolNum = datas.columns().emptycolNum;
194 } else { 192 // } else {
195 this.loadData(); 193 // this.loadData();
196 } 194 // }
197 }, 195 // },
198 /** 196 // /**
199 * @description: getQsztName 197 // * @description: getQsztName
200 * @param {*} code 198 // * @param {*} code
201 * @author: renchao 199 // * @author: renchao
202 */ 200 // */
203 getQsztName (code) { 201 // getQsztName (code) {
204 let name = ""; 202 // let name = "";
205 for (let item of this.qsztList) { 203 // for (let item of this.qsztList) {
206 if (item.value == code) { 204 // if (item.value == code) {
207 name = item.label; 205 // name = item.label;
208 break; 206 // break;
209 } 207 // }
210 } 208 // }
211 return name; 209 // return name;
212 }, 210 // },
213 // 新增一条补录信息 211 // // 新增一条补录信息
214 /** 212 // /**
215 * @description: 新增一条补录信息 213 // * @description: 新增一条补录信息
216 * @param {*} row 214 // * @param {*} row
217 * @param {*} del 215 // * @param {*} del
218 * @author: renchao 216 // * @author: renchao
219 */ 217 // */
220 editDialog (row, del) { 218 // editDialog (row, del) {
221 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 219 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
222 confirmButtonText: "确定", 220 // confirmButtonText: "确定",
223 cancelButtonText: "取消", 221 // cancelButtonText: "取消",
224 type: "warning", 222 // type: "warning",
225 }) 223 // })
226 .then(() => { 224 // .then(() => {
227 this.$parent.addRepairRecord(row, del); 225 // this.$parent.addRepairRecord(row, del);
228 this.$message({ 226 // this.$message({
229 type: "success", 227 // type: "success",
230 message: "补录成功!", 228 // message: "补录成功!",
231 }); 229 // });
232 }) 230 // })
233 .catch(() => { 231 // .catch(() => {
234 this.$message({ 232 // this.$message({
235 type: "info", 233 // type: "info",
236 message: "取消编辑", 234 // message: "取消编辑",
237 }); 235 // });
238 }); 236 // });
239 }, 237 // },
240 }, 238 },
241 }; 239 };
242 </script> 240 </script>
......
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
9 <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> 11 <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/>
10 </div> 12 </div>
11 <div class="tableBox"> 13 <div class="tableBox">
...@@ -98,35 +100,31 @@ ...@@ -98,35 +100,31 @@
98 </tr> 100 </tr>
99 </table> 101 </table>
100 </div> 102 </div>
101 </div> 103 </div> -->
102 </div> 104 </div>
103 </template> 105 </template>
104 106
105 <script> 107 <script>
108 import djbDetail from "./components/djbDetail.vue"
106 import { datas } from "./qlxxFormData.js"; 109 import { datas } from "./qlxxFormData.js";
107 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 110 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
108 import { getDiyiqList } from "@/api/djbDetail.js"; 111 import { getDiyiqList } from "@/api/djbDetail.js";
109 import printTemplate from "./components/printTemplate.vue";
110 export default { 112 export default {
111 components: { 113 components: {
112 printTemplate, 114 djbDetail
113 }, 115 },
114 data() { 116 data() {
115 return { 117 return {
116 printObj: {
117 id: "box",
118 //其他配置项，
119 },
120 shows:false, 118 shows:false,
121 title: "地役权登记信息", 119 title: "地役权登记信息",
122 qsztList: datas.columns().qsztList, 120 // qsztList: datas.columns().qsztList,
123 checkList: datas.columns().checkList, 121 // checkList: datas.columns().checkList,
124 //传递参数 122 //传递参数
125 propsParam: this.$attrs, 123 propsParam: this.$attrs,
126 //列表数据 124 //列表数据
127 tableData: [], 125 tableData: [],
128 //空列值个数 126 //空列值个数
129 emptycolNum: datas.columns().emptycolNum, 127 // emptycolNum: datas.columns().emptycolNum,
130 //列名称对象 128 //列名称对象
131 columns: datas.columns().DYIQ, 129 columns: datas.columns().DYIQ,
132 render: false, 130 render: false,
...@@ -136,34 +134,34 @@ export default { ...@@ -136,34 +134,34 @@ export default {
136 this.loadData(); 134 this.loadData();
137 }, 135 },
138 methods: { /** 136 methods: { /**
139 * @description: openPrint 137 // * @description: openPrint
140 * @author: miaofang 138 // * @author: miaofang
141 */ 139 // */
142 openPrint() { 140 // openPrint() {
143 this.render = true; 141 // this.render = true;
144 setTimeout(() => { 142 // setTimeout(() => {
145 this.prinsss(); 143 // this.prinsss();
146 }, 100); 144 // }, 100);
147 }, 145 // },
148 /** 146 // /**
149 * @description: prinsss 147 // * @description: prinsss
150 * @author: miaofang 148 // * @author: miaofang
151 */ 149 // */
152 prinsss() { 150 // prinsss() {
153 printJS({ 151 // printJS({
154 printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 152 // printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
155 type: "html", 153 // type: "html",
156 maxWidth: 800, // 最大宽度 154 // maxWidth: 800, // 最大宽度
157 font_size: "", // 不设置则使用默认字体大小 155 // font_size: "", // 不设置则使用默认字体大小
158 style: `@font-face { 156 // style: `@font-face {
159 font-family: "STZHONGS"; 157 // font-family: "STZHONGS";
160 src: url(${window.ttf}) format("truetype"); 158 // src: url(${window.ttf}) format("truetype");
161 }`, 159 // }`,
162 // 继承原来的所有样式 160 // // 继承原来的所有样式
163 targetStyles: ["*"], 161 // targetStyles: ["*"],
164 }); 162 // });
165 this.render=false 163 // this.render=false
166 }, 164 // },
167 /** 165 /**
168 * @description: loadData 166 * @description: loadData
169 * @author: miaofang 167 * @author: miaofang
...@@ -193,61 +191,61 @@ export default { ...@@ -193,61 +191,61 @@ export default {
193 } 191 }
194 }); 192 });
195 }, 193 },
196 /** 194 // /**
197 * @description: checkChange 195 // * @description: checkChange
198 * @author: miaofang 196 // * @author: miaofang
199 */ 197 // */
200 checkChange() { 198 // checkChange() {
201 if (this.checkList.length === 0) { 199 // if (this.checkList.length === 0) {
202 this.tableData = []; 200 // this.tableData = [];
203 this.emptycolNum = datas.columns().emptycolNum; 201 // this.emptycolNum = datas.columns().emptycolNum;
204 } else { 202 // } else {
205 this.loadData(); 203 // this.loadData();
206 } 204 // }
207 }, 205 // },
208 /** 206 // /**
209 * @description: getQsztName 207 // * @description: getQsztName
210 * @param {*} code 208 // * @param {*} code
211 * @author: miaofang 209 // * @author: miaofang
212 */ 210 // */
213 getQsztName(code) { 211 // getQsztName(code) {
214 let name = ""; 212 // let name = "";
215 for (let item of this.qsztList) { 213 // for (let item of this.qsztList) {
216 if (item.value == code) { 214 // if (item.value == code) {
217 name = item.label; 215 // name = item.label;
218 break; 216 // break;
219 } 217 // }
220 } 218 // }
221 return name; 219 // return name;
222 }, 220 // },
223 // 新增一条补录信息 221 // // 新增一条补录信息
224 /** 222 // /**
225 * @description: 新增一条补录信息 223 // * @description: 新增一条补录信息
226 * @param {*} row 224 // * @param {*} row
227 * @param {*} del 225 // * @param {*} del
228 * @author: miaofang 226 // * @author: miaofang
229 */ 227 // */
230 editDialog(row, del) { 228 // editDialog(row, del) {
231 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 229 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
232 confirmButtonText: "确定", 230 // confirmButtonText: "确定",
233 cancelButtonText: "取消", 231 // cancelButtonText: "取消",
234 type: "warning", 232 // type: "warning",
235 }) 233 // })
236 .then(() => { 234 // .then(() => {
237 this.$parent.addRepairRecord(row, del); 235 // this.$parent.addRepairRecord(row, del);
238 236
239 this.$message({ 237 // this.$message({
240 type: "success", 238 // type: "success",
241 message: "补录成功!", 239 // message: "补录成功!",
242 }); 240 // });
243 }) 241 // })
244 .catch(() => { 242 // .catch(() => {
245 this.$message({ 243 // this.$message({
246 type: "info", 244 // type: "info",
247 message: "取消编辑", 245 // message: "取消编辑",
248 }); 246 // });
249 }); 247 // });
250 }, 248 // },
251 }, 249 },
252 }; 250 };
253 </script> 251 </script>
......
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
8 <!-- <div v-show="false"> 10 <!-- <div v-show="false">
9 <printTemplate 11 <printTemplate
10 id="boxfdcq" 12 id="boxfdcq"
11 :tableData="tableData" 13 :tableData="tableData"
12 :render="render" /> 14 :render="render" />
13 </div> --> 15 </div> -->
14 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
15 :columns="columns" :tableData="tableData" />
16 <!-- <div class="tableBox"> 16 <!-- <div class="tableBox">
17 <div class="title"> 17 <div class="title">
18 {{ title }} 18 {{ title }}
...@@ -100,10 +100,8 @@ ...@@ -100,10 +100,8 @@
100 import { getSjlx } from "@/utils/dictionary.js"; 100 import { getSjlx } from "@/utils/dictionary.js";
101 import { getFdcq2List } from "@/api/djbDetail.js"; 101 import { getFdcq2List } from "@/api/djbDetail.js";
102 import djbDetail from "./components/djbDetail.vue" 102 import djbDetail from "./components/djbDetail.vue"
103 import printTemplate from "./components/printTemplate.vue";
104 export default { 103 export default {
105 components: { 104 components: {
106 printTemplate,
107 djbDetail 105 djbDetail
108 }, 106 },
109 107
......
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
9 <printTemplate 11 <printTemplate
10 id="boxjsydsyq" 12 id="boxjsydsyq"
11 :tableData="tableData" 13 :tableData="tableData"
...@@ -30,7 +32,6 @@ ...@@ -30,7 +32,6 @@
30 </div> 32 </div>
31 </div> 33 </div>
32 <div class="xxTableBox rollTable"> 34 <div class="xxTableBox rollTable">
33 <!-- 固定前三个 -->
34 <table class="xxTable"> 35 <table class="xxTable">
35 <tr v-for="(item, colindex) in columns" :key="colindex"> 36 <tr v-for="(item, colindex) in columns" :key="colindex">
36 <td> 37 <td>
...@@ -102,7 +103,7 @@ ...@@ -102,7 +103,7 @@
102 </tr> 103 </tr>
103 </table> 104 </table>
104 </div> 105 </div>
105 </div> 106 </div> -->
106 </div> 107 </div>
107 </template> 108 </template>
108 109
......
...@@ -5,16 +5,25 @@ ...@@ -5,16 +5,25 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate id="boxtdsyq" :tableData="tableData" :render="render"/> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate id="boxtdsyq" :tableData="tableData" :render="render" />
10 </div> 12 </div>
11 <div class="tableBox"> 13 <div class="tableBox">
12 <div class="title"> 14 <div class="title">
13 {{ title }} 15 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> 16 <el-button class="print" v-show="shows" @click="openPrint()"
17 >打印</el-button
18 >
15 <div class="checkbox"> 19 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 20 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 21 <el-checkbox
22 v-for="item in qsztList"
23 :key="item.value"
24 :label="item.value"
25 >{{ item.label }}</el-checkbox
26 >
18 </el-checkbox-group> 27 </el-checkbox-group>
19 </div> 28 </div>
20 </div> 29 </div>
...@@ -25,21 +34,38 @@ ...@@ -25,21 +34,38 @@
25 <td> 34 <td>
26 {{ item.label }} 35 {{ item.label }}
27 </td> 36 </td>
28 <td v-for="(row, index) in tableData" :key="index" :class="[ 37 <td
29 row.qszt == '2' ? 'lishi' : '', 38 v-for="(row, index) in tableData"
30 row.qszt == '0' ? 'linshi' : '', 39 :key="index"
31 row.qlzt == '4' ? 'linshi' : '', 40 :class="[
41 row.qszt == '2' ? 'lishi' : '',
42 row.qszt == '0' ? 'linshi' : '',
43 row.qlzt == '4' ? 'linshi' : '',
32 44
33 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 45 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 46 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 47 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 48 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
37 ]"> 49 ]"
38 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 50 >
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 51 <div
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 52 class="setbut"
53 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
54 >
55 <el-button
56 type="text"
57 icon="el-icon-edit-outline"
58 @click="editDialog(row)"
59 >编辑</el-button
60 >
61 <el-button
62 type="text"
63 icon="el-icon-edit-outline"
64 @click="editDialog(row, 'D')"
65 >删除</el-button
66 >
41 </div> 67 </div>
42 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
43 有效 69 有效
44 </div> 70 </div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -52,14 +78,20 @@ ...@@ -52,14 +78,20 @@
52 正在注销 78 正在注销
53 </div> 79 </div>
54 80
55 <p v-if="!['djyy','fj'].includes(item.prop)"> 81 <p v-if="!['djyy', 'fj'].includes(item.prop)">
56 <span v-if="item.prop == 'qszt'"> 82 <span v-if="item.prop == 'qszt'">
57 {{ getQsztName(row[item.prop]) }} 83 {{ getQsztName(row[item.prop]) }}
58 </span> 84 </span>
59 <span v-else>{{ row[item.prop] }}</span> 85 <span v-else>{{ row[item.prop] }}</span>
60 </p> 86 </p>
61 87
62 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 88 <el-tooltip
89 v-else
90 effect="dark"
91 :content="row[item.prop]"
92 placement="top"
93 popper-class="tooltip-width"
94 >
63 <span class="ellipsis-line"> 95 <span class="ellipsis-line">
64 {{ row[item.prop] }} 96 {{ row[item.prop] }}
65 </span> 97 </span>
...@@ -69,14 +101,14 @@ ...@@ -69,14 +101,14 @@
69 </tr> 101 </tr>
70 </table> 102 </table>
71 </div> 103 </div>
72 </div> 104 </div> -->
73 </div> 105 </div>
74 </template> 106 </template>
75 107
76 <script> 108 <script>
77 import { datas } from "./qlxxFormData.js"; 109 import { datas } from "./qlxxFormData.js";
78 import { getSjlx } from "@/utils/dictionary.js"; 110 import { getSjlx } from "@/utils/dictionary.js";
79 import { getTdsyqList } from "@/api/djbDetail.js"; 111 import { getTdsyqList } from "@/api/djbDetail.js";
80 import printTemplate from "./components/printTemplate.vue"; 112 import printTemplate from "./components/printTemplate.vue";
81 export default { 113 export default {
82 components: { 114 components: {
...@@ -88,33 +120,33 @@ export default { ...@@ -88,33 +120,33 @@ export default {
88 id: "box", 120 id: "box",
89 //其他配置项， 121 //其他配置项，
90 }, 122 },
91 shows:false, 123 shows: false,
92 title: "土地所有权信息", 124 title: "土地所有权信息",
93 qsztList: datas.columns().qsztList, 125 qsztList: datas.columns().qsztList,
94 checkList: datas.columns().checkList, 126 checkList: datas.columns().checkList,
95 //传递参数 127 //传递参数
96 propsParam: this.$attrs, 128 propsParam: this.$attrs,
97 //列表数据 129 //列表数据
98 tableData: [], 130 tableData: [],
99 //空列值个数 131 //空列值个数
100 emptycolNum: datas.columns().emptycolNum, 132 emptycolNum: datas.columns().emptycolNum,
101 //列名称对象 133 //列名称对象
102 columns: datas.columns().TDSYQ, 134 columns: datas.columns().TDSYQ,
103 render:false 135 render: false,
104 }; 136 };
105 }, 137 },
106 created () { 138 created() {
107 this.loadData(); 139 this.loadData();
108 }, 140 },
109 methods: { 141 methods: {
110 openPrint(){ 142 openPrint() {
111 this.render=true 143 this.render = true;
112 setTimeout(() => { 144 setTimeout(() => {
113 this.prinsss() 145 this.prinsss();
114 }, 100) 146 }, 100);
115 }, 147 },
116 prinsss(){ 148 prinsss() {
117 printJS({ 149 printJS({
118 printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 150 printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
119 type: "html", 151 type: "html",
120 maxWidth: 800, // 最大宽度 152 maxWidth: 800, // 最大宽度
...@@ -124,103 +156,103 @@ export default { ...@@ -124,103 +156,103 @@ export default {
124 src: url(${window.ttf}) format("truetype"); 156 src: url(${window.ttf}) format("truetype");
125 }`, 157 }`,
126 // 继承原来的所有样式 158 // 继承原来的所有样式
127 targetStyles: ["*"] 159 targetStyles: ["*"],
128 }); 160 });
129 this.render=false 161 this.render = false;
130 }, 162 },
131 /** 163 /**
132 * @description: loadData 164 * @description: loadData
133 * @author: miaofang 165 * @author: miaofang
134 */ 166 */
135 loadData () { 167 loadData() {
136 168 if (this.$parent.addRepairRecord) {
137 if (this.$parent.addRepairRecord) { 169 this.columns.unshift({
138 this.columns.unshift({ 170 prop: "cz",
139 prop: "cz", 171 label: "操作",
140 label: "操作"
141 })
142 }
143 getTdsyqList({
144 bdcdyid: this.propsParam.bdcdyid,
145 qllx: this.propsParam.qllx,
146 qszt: this.checkList,
147 }).then((res) => {
148 if (res.code === 200) {
149 this.tableData = res.result;
150 this.shows=this.tableData.length>0
151 this.tableData.forEach(item => {
152 item.sjlx = getSjlx(item.sjlx)
153 })
154 if (this.tableData.length < datas.columns().emptycolNum) {
155 this.emptycolNum =
156 datas.columns().emptycolNum - this.tableData.length;
157 } else {
158 this.emptycolNum = 0;
159 }
160 }
161 }); 172 });
162 }, 173 }
163 /** 174 getTdsyqList({
164 * @description: checkChange 175 bdcdyid: this.propsParam.bdcdyid,
165 * @author: miaofang 176 qllx: this.propsParam.qllx,
166 */ 177 qszt: this.checkList,
167 checkChange () { 178 }).then((res) => {
168 if (this.checkList.length === 0) { 179 if (res.code === 200) {
169 this.tableData = []; 180 this.tableData = res.result;
170 this.emptycolNum = datas.columns().emptycolNum; 181 this.shows = this.tableData.length > 0;
171 } else { 182 this.tableData.forEach((item) => {
172 this.loadData(); 183 item.sjlx = getSjlx(item.sjlx);
173 } 184 });
174 }, 185 if (this.tableData.length < datas.columns().emptycolNum) {
175 /** 186 this.emptycolNum =
176 * @description: getQsztName 187 datas.columns().emptycolNum - this.tableData.length;
177 * @param {*} code 188 } else {
178 * @author: miaofang 189 this.emptycolNum = 0;
179 */
180 getQsztName (code) {
181 let name = "";
182 for (let item of this.qsztList) {
183 if (item.value == code) {
184 name = item.label;
185 break;
186 } 190 }
187 } 191 }
188 return name; 192 });
189 }, 193 },
190 // 新增一条补录信息 194 /**
191 /** 195 * @description: checkChange
192 * @description: 新增一条补录信息 196 * @author: miaofang
193 * @param {*} row 197 */
194 * @param {*} del 198 checkChange() {
195 * @author: miaofang 199 if (this.checkList.length === 0) {
196 */ 200 this.tableData = [];
197 editDialog (row, del) { 201 this.emptycolNum = datas.columns().emptycolNum;
198 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 202 } else {
199 confirmButtonText: '确定', 203 this.loadData();
200 cancelButtonText: '取消', 204 }
201 type: 'warning' 205 },
202 }).then(() => { 206 /**
203 this.$parent.addRepairRecord(row, del) 207 * @description: getQsztName
208 * @param {*} code
209 * @author: miaofang
210 */
211 getQsztName(code) {
212 let name = "";
213 for (let item of this.qsztList) {
214 if (item.value == code) {
215 name = item.label;
216 break;
217 }
218 }
219 return name;
220 },
221 // 新增一条补录信息
222 /**
223 * @description: 新增一条补录信息
224 * @param {*} row
225 * @param {*} del
226 * @author: miaofang
227 */
228 editDialog(row, del) {
229 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
230 confirmButtonText: "确定",
231 cancelButtonText: "取消",
232 type: "warning",
233 })
234 .then(() => {
235 this.$parent.addRepairRecord(row, del);
204 236
205 this.$message({ 237 this.$message({
206 type: 'success', 238 type: "success",
207 message: '补录成功!' 239 message: "补录成功!",
208 }); 240 });
209 }).catch(() => { 241 })
242 .catch(() => {
210 this.$message({ 243 this.$message({
211 type: 'info', 244 type: "info",
212 message: '取消编辑' 245 message: "取消编辑",
213 }); 246 });
214 }); 247 });
215
216 },
217 }, 248 },
218 }; 249 },
250 };
219 </script> 251 </script>
220 252
221 <style lang="scss" scoped> 253 <style lang="scss" scoped>
222 @import "./qlxxCommon.scss"; 254 @import "./qlxxCommon.scss";
223 .title { 255 .title {
224 position: relative; 256 position: relative;
225 .print { 257 .print {
226 // background-color: #0079fe; 258 // background-color: #0079fe;
......
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
9 <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> 11 <printTemplate id="boxygdj" :tableData="tableData" :render="render"/>
10 </div> 12 </div>
11 <div class="tableBox"> 13 <div class="tableBox">
...@@ -93,7 +95,7 @@ ...@@ -93,7 +95,7 @@
93 </tr> 95 </tr>
94 </table> 96 </table>
95 </div> 97 </div>
96 </div> 98 </div> -->
97 </div> 99 </div>
98 </template> 100 </template>
99 101
...@@ -114,14 +116,14 @@ export default { ...@@ -114,14 +116,14 @@ export default {
114 // }, 116 // },
115 shows:false, 117 shows:false,
116 title: "预告登记信息", 118 title: "预告登记信息",
117 qsztList: datas.columns().qsztList, 119 // qsztList: datas.columns().qsztList,
118 checkList: datas.columns().checkList, 120 // checkList: datas.columns().checkList,
119 //传递参数 121 //传递参数
120 propsParam: this.$attrs, 122 propsParam: this.$attrs,
121 //列表数据 123 //列表数据
122 tableData: [], 124 tableData: [],
123 //空列值个数 125 //空列值个数
124 emptycolNum: datas.columns().emptycolNum, 126 // emptycolNum: datas.columns().emptycolNum,
125 //列名称对象 127 //列名称对象
126 columns: datas.columns().YGDJ, 128 columns: datas.columns().YGDJ,
127 render:false 129 render:false
...@@ -131,27 +133,27 @@ export default { ...@@ -131,27 +133,27 @@ export default {
131 this.loadData(); 133 this.loadData();
132 }, 134 },
133 methods: { 135 methods: {
134 openPrint(){ 136 // openPrint(){
135 this.render=true 137 // this.render=true
136 setTimeout(() => { 138 // setTimeout(() => {
137 this.prinsss() 139 // this.prinsss()
138 }, 100) 140 // }, 100)
139 }, 141 // },
140 prinsss(){ 142 // prinsss(){
141 printJS({ 143 // printJS({
142 printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 144 // printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
143 type: "html", 145 // type: "html",
144 maxWidth: 800, // 最大宽度 146 // maxWidth: 800, // 最大宽度
145 font_size: "", // 不设置则使用默认字体大小 147 // font_size: "", // 不设置则使用默认字体大小
146 style: `@font-face { 148 // style: `@font-face {
147 font-family: "STZHONGS"; 149 // font-family: "STZHONGS";
148 src: url(${window.ttf}) format("truetype"); 150 // src: url(${window.ttf}) format("truetype");
149 }`, 151 // }`,
150 // 继承原来的所有样式 152 // // 继承原来的所有样式
151 targetStyles: ["*"] 153 // targetStyles: ["*"]
152 }); 154 // });
153 this.render=false 155 // this.render=false
154 }, 156 // },
155 /** 157 /**
156 * @description: loadData 158 * @description: loadData
157 * @author: miaofang 159 * @author: miaofang
......
...@@ -5,7 +5,9 @@ ...@@ -5,7 +5,9 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
9 <printTemplate 11 <printTemplate
10 id="boxyydj" 12 id="boxyydj"
11 :tableData="tableData" 13 :tableData="tableData"
...@@ -99,7 +101,7 @@ ...@@ -99,7 +101,7 @@
99 </tr> 101 </tr>
100 </table> 102 </table>
101 </div> 103 </div>
102 </div> 104 </div> -->
103 </div> 105 </div>
104 </template> 106 </template>
105 107
...@@ -107,11 +109,11 @@ ...@@ -107,11 +109,11 @@
107 import { datas } from "./qlxxFormData.js"; 109 import { datas } from "./qlxxFormData.js";
108 import { getYydjList } from "@/api/djbDetail.js"; 110 import { getYydjList } from "@/api/djbDetail.js";
109 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 111 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
110 import printTemplate from "./components/printTemplate.vue"; 112 import djbDetail from "./components/djbDetail.vue"
111 export default { 113 export default {
112 components: { 114 components: {
113 printTemplate, 115 djbDetail
114 }, 116 },
115 data() { 117 data() {
116 return { 118 return {
117 printObj: { 119 printObj: {
...@@ -137,27 +139,27 @@ export default { ...@@ -137,27 +139,27 @@ export default {
137 this.loadData(); 139 this.loadData();
138 }, 140 },
139 methods: { 141 methods: {
140 openPrint() { 142 // openPrint() {
141 this.render = true; 143 // this.render = true;
142 setTimeout(() => { 144 // setTimeout(() => {
143 this.prinsss(); 145 // this.prinsss();
144 }, 100); 146 // }, 100);
145 }, 147 // },
146 prinsss() { 148 // prinsss() {
147 printJS({ 149 // printJS({
148 printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 150 // printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
149 type: "html", 151 // type: "html",
150 maxWidth: 800, // 最大宽度 152 // maxWidth: 800, // 最大宽度
151 font_size: "", // 不设置则使用默认字体大小 153 // font_size: "", // 不设置则使用默认字体大小
152 style: `@font-face { 154 // style: `@font-face {
153 font-family: "STZHONGS"; 155 // font-family: "STZHONGS";
154 src: url(${window.ttf}) format("truetype"); 156 // src: url(${window.ttf}) format("truetype");
155 }`, 157 // }`,
156 // 继承原来的所有样式 158 // // 继承原来的所有样式
157 targetStyles: ["*"], 159 // targetStyles: ["*"],
158 }); 160 // });
159 this.render=false 161 // this.render=false
160 }, 162 // },
161 /** 163 /**
162 * @description: loadData 164 * @description: loadData
163 * @author: miaofang 165 * @author: miaofang
...@@ -190,61 +192,61 @@ export default { ...@@ -190,61 +192,61 @@ export default {
190 } 192 }
191 }); 193 });
192 }, 194 },
193 /** 195 // /**
194 * @description: checkChange 196 // * @description: checkChange
195 * @author: miaofang 197 // * @author: miaofang
196 */ 198 // */
197 checkChange() { 199 // checkChange() {
198 if (this.checkList.length === 0) { 200 // if (this.checkList.length === 0) {
199 this.tableData = []; 201 // this.tableData = [];
200 this.emptycolNum = datas.columns().emptycolNum; 202 // this.emptycolNum = datas.columns().emptycolNum;
201 } else { 203 // } else {
202 this.loadData(); 204 // this.loadData();
203 } 205 // }
204 }, 206 // },
205 /** 207 // /**
206 * @description: getQsztName 208 // * @description: getQsztName
207 * @param {*} code 209 // * @param {*} code
208 * @author: miaofang 210 // * @author: miaofang
209 */ 211 // */
210 getQsztName(code) { 212 // getQsztName(code) {
211 let name = ""; 213 // let name = "";
212 for (let item of this.qsztList) { 214 // for (let item of this.qsztList) {
213 if (item.value == code) { 215 // if (item.value == code) {
214 name = item.label; 216 // name = item.label;
215 break; 217 // break;
216 } 218 // }
217 } 219 // }
218 return name; 220 // return name;
219 }, 221 // },
220 // 新增一条补录信息 222 // // 新增一条补录信息
221 /** 223 // /**
222 * @description: 新增一条补录信息 224 // * @description: 新增一条补录信息
223 * @param {*} row 225 // * @param {*} row
224 * @param {*} del 226 // * @param {*} del
225 * @author: miaofang 227 // * @author: miaofang
226 */ 228 // */
227 editDialog(row, del) { 229 // editDialog(row, del) {
228 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 230 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
229 confirmButtonText: "确定", 231 // confirmButtonText: "确定",
230 cancelButtonText: "取消", 232 // cancelButtonText: "取消",
231 type: "warning", 233 // type: "warning",
232 }) 234 // })
233 .then(() => { 235 // .then(() => {
234 this.$parent.addRepairRecord(row, del); 236 // this.$parent.addRepairRecord(row, del);
235 237
236 this.$message({ 238 // this.$message({
237 type: "success", 239 // type: "success",
238 message: "补录成功!", 240 // message: "补录成功!",
239 }); 241 // });
240 }) 242 // })
241 .catch(() => { 243 // .catch(() => {
242 this.$message({ 244 // this.$message({
243 type: "info", 245 // type: "info",
244 message: "取消编辑", 246 // message: "取消编辑",
245 }); 247 // });
246 }); 248 // });
247 }, 249 // },
248 }, 250 },
249 }; 251 };
250 </script> 252 </script>
......