Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
141c94e6 by renchao@pashanhoo.com
Options

style:善证

1 parent 943ebf77
Inline Side-by-side
Showing 3 changed files with 250 additions and 268 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-04 14:13:28
5 -->
1 <template> 6 <template>
2 <div> 7 <lb-table :column="tableData.columns" heightNumSetting :pagination="false" :key="key" :data="tableData.data">
3 <lb-table :column="tableData.columns" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData.data"> 8 </lb-table>
4 </lb-table>
5 </div>
6 </template> 9 </template>
7 <script> 10 <script>
8 import { mapGetters } from 'vuex' 11 import { mapGetters } from 'vuex'
9 import { getSzRecordList } from "@/api/bdcqz.js"; 12 import { getSzRecordList } from "@/api/bdcqz.js";
10 import table from "@/utils/mixin/table"; 13 import table from "@/utils/mixin/table";
11 import { datas } from "../javascript/szxxdata"; 14 import { datas } from "../../javascript/szxxdata";
12 export default { 15 export default {
13 components: { 16 components: {
14 17
15 },
16 mixins: [table],
17 computed: {
18 ...mapGetters(["dictData"]),
19 },
20 props: {
21 formData: {
22 type: Object,
23 default: {}
24 }, 18 },
25 }, 19 mixins: [table],
26 data () { 20 computed: {
27 return { 21 ...mapGetters(["dictData"]),
28 key: 0, 22 },
29 dataIndex: 0, 23 props: {
30 dialog: false, 24 formData: {
31 details: {}, 25 type: Object,
32 tableData: { 26 default: {}
33 total: 0, 27 }
34 columns: datas.columns(), 28 },
35 data: [], 29 data () {
36 }, 30 return {
37 } 31 key: 0,
38 }, 32 dataIndex: 0,
39 mounted() { 33 dialog: false,
34 details: {},
35 tableData: {
36 total: 0,
37 columns: datas.columns(),
38 data: [],
39 },
40 }
41 },
42 mounted () {
40 this.query() 43 this.query()
41 }, 44 },
42 methods: { 45 methods: {
43 query(){ 46 query () {
44 getSzRecordList({bsmBdcqz: this.formData.bsmBdcqz}).then(res => { 47 getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then(res => {
45 if(res.code == 200){ 48 if (res.code == 200) {
46 this.tableData.data = res.result; 49 this.tableData.data = res.result;
47 } 50 this.key++
51 }
48 }) 52 })
53 }
49 } 54 }
50 } 55 }
51 }
52 </script> 56 </script>
53 <style scoped lang='scss'> 57 <style scoped lang='scss'>
54
55 </style> 58 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -72,7 +72,6 @@ ...@@ -72,7 +72,6 @@
72 <script> 72 <script>
73 import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js"; 73 import { getSlsqBdcqzList, invalidCertificate, getSzRecordList } from "@/api/bdcqz.js";
74 import bdcqzPrint from "./zsdy.vue"; 74 import bdcqzPrint from "./zsdy.vue";
75 import { popupDialog } from "@/utils/popup.js";
76 export default { 75 export default {
77 components: { bdcqzPrint }, 76 components: { bdcqzPrint },
78 props: {}, 77 props: {},
...@@ -122,23 +121,6 @@ ...@@ -122,23 +121,6 @@
122 this.bdcqz = item; 121 this.bdcqz = item;
123 this.$refs.bdcqzPrint.getBdcqzPreview(); 122 this.$refs.bdcqzPrint.getBdcqzPreview();
124 }) 123 })
125 //证书打印
126 // this.$popup("证书打印", "workflow/components/zsdy", {
127 // height: "700px",
128 // width: "800px",
129 // formData: {
130 // bsmSlsq: this.bsmSlsq,
131 // bdcqz: item,
132 // },
133 // btnShow: true,
134 // confirmText: "打印证书",
135 // cancel: () => {
136 // console.log("取消回调");
137 // },
138 // confirm: () => {
139 // that.list();
140 // },
141 // });
142 } 124 }
143 }, 125 },
144 //再次打印 126 //再次打印
...@@ -166,7 +148,7 @@ ...@@ -166,7 +148,7 @@
166 }); 148 });
167 }, 149 },
168 openRecordPop (item) { 150 openRecordPop (item) {
169 popupDialog("缮证记录", "workflow/components/szRecord", { bsmBdcqz: item.bsmBdcqz }, '50%') 151 this.$popupDialog("缮证记录", "workflow/components/dialog/szRecord", { bsmBdcqz: item.bsmBdcqz }, '60%', true)
170 } 152 }
171 }, 153 },
172 }; 154 };
......
...@@ -4,246 +4,243 @@ ...@@ -4,246 +4,243 @@
4 width="60%" 4 width="60%"
5 v-model="myValue" 5 v-model="myValue"
6 @closeDialog="closeDialog" 6 @closeDialog="closeDialog"
7 @submitForm="handleSubmit" 7 @submitForm="handleSubmit">
8 >
9 <div> 8 <div>
10 <div> 9 <div>
11 <el-form 10 <el-form
12 :model="ruleForm" 11 :model="ruleForm"
13 :rules="rules" 12 :rules="rules"
14 ref="ruleForm" 13 ref="ruleForm"
15 label-width="120px" 14 label-width="120px">
16 >
17 <el-form-item label="印刷序列号：" prop="ysxlh"> 15 <el-form-item label="印刷序列号：" prop="ysxlh">
18 <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> 16 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
19 <el-option 17 <el-option
20 v-for="item in ysxlh" 18 v-for="item in ysxlh"
21 :key="item.ysxlh" 19 :key="item.ysxlh"
22 :label="item.ysxlh" 20 :label="item.ysxlh"
23 :value="item.ysxlh" 21 :value="item.ysxlh">
24 >
25 </el-option> 22 </el-option>
26 </el-select> 23 </el-select>
27 </el-form-item> 24 </el-form-item>
28 </el-form> 25 </el-form>
29 </div> 26 </div>
30 <img :src="previewImage"> 27 <img :src="previewImage">
31 28
32 </div> 29 </div>
33 </dialogBox> 30 </dialogBox>
34 </template> 31 </template>
35 32
36 <script> 33 <script>
37 import { datas } from "../javascript/zsyl.js"; 34 import { datas } from "../javascript/zsyl.js";
38 import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js"; 35 import { readYsxlh, certificate, bdcqzPreview } from "@/api/bdcqz.js";
39 export default { 36 export default {
40 components: {}, 37 components: {},
41 props: { 38 props: {
42 value: { type: Boolean, default: false }, 39 value: { type: Boolean, default: false },
43 bdcqz: { type: Object, default: () => {} }, 40 bdcqz: { type: Object, default: () => { } },
44 },
45 data() {
46 return {
47 myValue: this.value,
48 //印刷序列号集合
49 ysxlh: [],
50 //证书预览图片
51 previewImage: '',
52 //列名称对象
53 columns: [],
54 ruleForm: {
55 bsmBdcqz: "",
56 szmc: "不动产权证书",
57 bdcqzlx: "",
58 szzh: "",
59 ysxlh: "",
60 },
61 rules: {
62 ysxlh: [
63 { required: true, message: "请选择印刷序列号", trigger: "change" },
64 ],
65 },
66 };
67 },
68 watch: {
69 value(val) {
70 this.myValue = val;
71 if (val) {
72 this.columns = datas.columns();
73 this.ysxlhList();
74 }
75 },
76 },
77 methods: {
78 //获取印刷序列号列表
79 ysxlhList() {
80 readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => {
81 if (res.code === 200) {
82 this.ysxlh = res.result;
83 }
84 });
85 }, 41 },
86 closeDialog() { 42 data () {
87 this.$emit("input", false); 43 return {
44 myValue: this.value,
45 //印刷序列号集合
46 ysxlh: [],
47 //证书预览图片
48 previewImage: '',
49 //列名称对象
50 columns: [],
51 ruleForm: {
52 bsmBdcqz: "",
53 szmc: "不动产权证书",
54 bdcqzlx: "",
55 szzh: "",
56 ysxlh: "",
57 },
58 rules: {
59 ysxlh: [
60 { required: true, message: "请选择印刷序列号", trigger: "change" },
61 ],
62 },
63 };
88 }, 64 },
89 handleSubmit() { 65 watch: {
90 this.savePrintRecord(); 66 value (val) {
91 }, 67 this.myValue = val;
92 //获取证书内容 68 if (val) {
93 getRowValue(code) { 69 this.columns = datas.columns();
94 var value = this.bdcqz[code]; 70 this.ysxlhList();
95 return value;
96 },
97 getBdcqzPreview() {
98 this.$startLoading()
99 bdcqzPreview(this.bdcqz).then(res => {
100 this.$endLoading()
101 let blob = new Blob([res]);
102 let url = window.URL.createObjectURL(blob);
103 this.previewImage = url;
104 })
105 },
106 //保存打印记录
107 savePrintRecord() {
108 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
109 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
110 this.ruleForm.szzh = this.bdcqz.bdcqzh;
111 certificate(this.ruleForm).then((res) => {
112 if (res.code === 200) {
113 this.$emit("input", false);
114 this.$message.success("提交成功");
115 //刷新列表
116 this.$parent.list();
117 } else {
118 this.$message.error(res.message);
119 } 71 }
120 }); 72 },
73 },
74 methods: {
75 //获取印刷序列号列表
76 ysxlhList () {
77 readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => {
78 if (res.code === 200) {
79 this.ysxlh = res.result;
80 }
81 });
82 },
83 closeDialog () {
84 this.$emit("input", false);
85 },
86 handleSubmit () {
87 this.savePrintRecord();
88 },
89 //获取证书内容
90 getRowValue (code) {
91 var value = this.bdcqz[code];
92 return value;
93 },
94 getBdcqzPreview () {
95 this.$startLoading()
96 bdcqzPreview(this.bdcqz).then(res => {
97 this.$endLoading()
98 let blob = new Blob([res]);
99 let url = window.URL.createObjectURL(blob);
100 this.previewImage = url;
101 })
102 },
103 //保存打印记录
104 savePrintRecord () {
105 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
106 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
107 this.ruleForm.szzh = this.bdcqz.bdcqzh;
108 certificate(this.ruleForm).then((res) => {
109 if (res.code === 200) {
110 this.$emit("input", false);
111 this.$message.success("提交成功");
112 //刷新列表
113 this.$parent.list();
114 } else {
115 this.$message.error(res.message);
116 }
117 });
118 },
121 }, 119 },
122 }, 120 };
123 };
124 </script> 121 </script>
125 <style scoped lang="scss"> 122 <style scoped lang="scss">
126 @import "~@/styles/mixin.scss"; 123 @import "~@/styles/mixin.scss";
127 124
128 .aaaa { 125 .aaaa {
129 width: 1024px; 126 width: 1024px;
130 height: 739px; 127 height: 739px;
131 font-family: KaiTi; 128 font-family: KaiTi;
132 font-weight: 700; 129 font-weight: 700;
133 } 130 }
134 .bdcdjzm { 131 .bdcdjzm {
135 width: 1123px; 132 width: 1123px;
136 height: 794px; 133 height: 794px;
137 font-family: KaiTi; 134 font-family: KaiTi;
138 font-weight: 700; 135 font-weight: 700;
139 } 136 }
140 .zmyl-box { 137 .zmyl-box {
141 //position: relative; 138 //position: relative;
142 position: absolute; 139 position: absolute;
143 height: 600px; 140 height: 600px;
144 width: 280px; 141 width: 280px;
145 margin-left: 775px; 142 margin-left: 775px;
146 font-size: 16px; 143 font-size: 16px;
147 justify-content: space-between; 144 justify-content: space-between;
148 } 145 }
149 .bdcqzh { 146 .bdcqzh {
150 height: 70px; 147 height: 70px;
151 left: 0; 148 left: 0;
152 bottom: 0; 149 bottom: 0;
153 font-size: 18px; 150 font-size: 18px;
154 } 151 }
155 .zsyl-box { 152 .zsyl-box {
156 display: flex; 153 display: flex;
157 justify-content: space-between; 154 justify-content: space-between;
158 // padding: 20px; 155 // padding: 20px;
159 font-size: 16px; 156 font-size: 16px;
160 height: 100%; 157 height: 100%;
161 $left: 131px; 158 $left: 131px;
162 159
163 .zsyl-left { 160 .zsyl-left {
164 width: 460px; 161 width: 460px;
165 position: relative; 162 position: relative;
166 .qlr { 163 .qlr {
167 position: absolute; 164 position: absolute;
168 top: 40px; 165 top: 40px;
169 left: $left; 166 left: $left;
170 } 167 }
171 .gyqk { 168 .gyqk {
172 position: absolute; 169 position: absolute;
173 top: 80px; 170 top: 80px;
174 left: $left; 171 left: $left;
175 } 172 }
176 .zl { 173 .zl {
177 position: absolute; 174 position: absolute;
178 top: 120px; 175 top: 120px;
179 left: $left; 176 left: $left;
180 } 177 }
181 .bdcdyh { 178 .bdcdyh {
182 position: absolute; 179 position: absolute;
183 top: 160px; 180 top: 160px;
184 left: $left; 181 left: $left;
185 } 182 }
186 .qllx { 183 .qllx {
187 position: absolute; 184 position: absolute;
188 top: 205px; 185 top: 205px;
189 left: $left; 186 left: $left;
190 } 187 }
191 .qlxz { 188 .qlxz {
192 position: absolute; 189 position: absolute;
193 top: 250px; 190 top: 250px;
194 left: $left; 191 left: $left;
195 } 192 }
196 .yt { 193 .yt {
197 position: absolute; 194 position: absolute;
198 top: 290px; 195 top: 290px;
199 left: $left; 196 left: $left;
200 } 197 }
201 .mj { 198 .mj {
202 position: absolute; 199 position: absolute;
203 top: 330px; 200 top: 330px;
204 left: $left; 201 left: $left;
202 }
203 .syqx {
204 position: absolute;
205 top: 370px;
206 left: $left;
207 }
208 .qt {
209 position: absolute;
210 top: 420px;
211 left: $left;
212 }
205 } 213 }
206 .syqx { 214 .zsyl-right {
207 position: absolute; 215 flex: 1;
208 top: 370px; 216 text-align: left;
209 left: $left; 217 position: relative;
218 .fj {
219 position: absolute;
220 left: 115px;
221 top: 5px;
222 }
210 } 223 }
211 .qt { 224 .zsyl-title {
212 position: absolute; 225 margin-bottom: 12px;
213 top: 420px;
214 left: $left;
215 } 226 }
216 } 227 /deep/.el-table__row {
217 .zsyl-right { 228 background: #fafbe5 !important;
218 flex: 1;
219 text-align: left;
220 position: relative;
221 .fj {
222 position: absolute;
223 left: 115px;
224 top: 5px;
225 } 229 }
226 } 230 }
227 .zsyl-title { 231 .middle_padding {
228 margin-bottom: 12px; 232 padding-bottom: 10px;
229 }
230 /deep/.el-table__row {
231 background: #fafbe5 !important;
232 }
233 }
234 .middle_padding {
235 padding-bottom: 10px;
236 }
237 .zsyl-button {
238 text-align: center;
239 margin-top: 20px;
240 .operation_button {
241 width: 100px;
242 border: 1px solid rgb(0, 121, 254);
243 } 233 }
244 .dy-button { 234 .zsyl-button {
245 color: white; 235 text-align: center;
246 background-color: rgb(0, 121, 254); 236 margin-top: 20px;
237 .operation_button {
238 width: 100px;
239 border: 1px solid rgb(0, 121, 254);
240 }
241 .dy-button {
242 color: white;
243 background-color: rgb(0, 121, 254);
244 }
247 } 245 }
248 }
249 </style> 246 </style>
......