style:证书证明预览
Showing
7 changed files
with
123 additions
and
123 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-06 15:47:54 | 4 | * @LastEditTime: 2023-09-06 16:15:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -208,8 +208,8 @@ | ... | @@ -208,8 +208,8 @@ |
208 | // 权利其他状态 | 208 | // 权利其他状态 |
209 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 209 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
210 | for (let i = 0; i < lines.length; i++) { | 210 | for (let i = 0; i < lines.length; i++) { |
211 | let num = Math.ceil(getByteLen(lines[i]) / 40) | 211 | let num = Math.ceil(getByteLen(lines[i]) / 38) |
212 | if (getByteLen(lines[i]) > 40) { | 212 | if (getByteLen(lines[i]) > 38) { |
213 | let currentLine = ''; | 213 | let currentLine = ''; |
214 | let arr = []; | 214 | let arr = []; |
215 | for (let word of lines[i]) { | 215 | for (let word of lines[i]) { |
... | @@ -225,11 +225,11 @@ | ... | @@ -225,11 +225,11 @@ |
225 | arr.push(currentLine); | 225 | arr.push(currentLine); |
226 | if (i > 0) { | 226 | if (i > 0) { |
227 | arr.forEach((line, index) => { | 227 | arr.forEach((line, index) => { |
228 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 13)); // 调整行高 | 228 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高 |
229 | }) | 229 | }) |
230 | } else { | 230 | } else { |
231 | arr.forEach((line, index) => { | 231 | arr.forEach((line, index) => { |
232 | context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 13)); // 调整行高 | 232 | context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 14)); // 调整行高 |
233 | }) | 233 | }) |
234 | } | 234 | } |
235 | } else { | 235 | } else { | ... | ... |
This diff is collapsed.
Click to expand it.
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:27 | 4 | * @LastEditTime: 2023-09-06 16:10:25 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -35,26 +35,8 @@ class data extends filter { | ... | @@ -35,26 +35,8 @@ class data extends filter { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
36 | label: "证件种类", | 36 | label: "证件种类", |
37 | render: (h, scope) => { | 37 | render: (h, scope) => { |
38 | return ( | 38 | return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span> |
39 | <el-select | 39 | } |
40 | class="width100" | ||
41 | clearable | ||
42 | value={scope.row[scope.column.property]} | ||
43 | onChange={(val) => { | ||
44 | scope.row[scope.column.property] = val; | ||
45 | }} | ||
46 | > | ||
47 | {vm.dictData["A30"].map((option) => { | ||
48 | return ( | ||
49 | <el-option | ||
50 | label={option.dname} | ||
51 | value={option.dcode} | ||
52 | ></el-option> | ||
53 | ); | ||
54 | })} | ||
55 | </el-select> | ||
56 | ); | ||
57 | }, | ||
58 | }, | 40 | }, |
59 | { | 41 | { |
60 | prop: "zjh", | 42 | prop: "zjh", |
... | @@ -79,7 +61,7 @@ class data extends filter { | ... | @@ -79,7 +61,7 @@ class data extends filter { |
79 | render: (h, scope) => { | 61 | render: (h, scope) => { |
80 | return ( | 62 | return ( |
81 | <div> | 63 | <div> |
82 | <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> | 64 | <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> |
83 | </div> | 65 | </div> |
84 | ) | 66 | ) |
85 | } | 67 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:48 | 4 | * @LastEditTime: 2023-09-06 16:08:08 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-row> | 30 | </el-row> |
31 | </el-form> | 31 | </el-form> |
32 | </div> | 32 | </div> |
33 | <div class="from-clues-content"> | 33 | <div class="from-clues-content loadingtext"> |
34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | 34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" |
35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
36 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
... | @@ -39,6 +39,7 @@ | ... | @@ -39,6 +39,7 @@ |
39 | </div> | 39 | </div> |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | import { mapGetters } from 'vuex' | ||
42 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
43 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
44 | import { queryQyByPage, addQy } from "@/api/xxba.js"; | 45 | import { queryQyByPage, addQy } from "@/api/xxba.js"; |
... | @@ -53,6 +54,15 @@ | ... | @@ -53,6 +54,15 @@ |
53 | this.queryClick() | 54 | this.queryClick() |
54 | }, | 55 | }, |
55 | computed: { | 56 | computed: { |
57 | ...mapGetters(['workFresh']) | ||
58 | }, | ||
59 | watch: { | ||
60 | workFresh: { | ||
61 | handler (newVal, oldVal) { | ||
62 | console.log(newVal, 'newVal'); | ||
63 | if (newVal) this.queryClick() | ||
64 | } | ||
65 | } | ||
56 | }, | 66 | }, |
57 | data () { | 67 | data () { |
58 | return { | 68 | return { |
... | @@ -60,10 +70,6 @@ | ... | @@ -60,10 +70,6 @@ |
60 | qymc: "", | 70 | qymc: "", |
61 | zjh: "", | 71 | zjh: "", |
62 | }, | 72 | }, |
63 | pageData: { | ||
64 | current: 1, | ||
65 | size: 10, | ||
66 | }, | ||
67 | tableData: { | 73 | tableData: { |
68 | total: 0, | 74 | total: 0, |
69 | columns: datas.columns(), | 75 | columns: datas.columns(), |
... | @@ -77,11 +83,7 @@ | ... | @@ -77,11 +83,7 @@ |
77 | */ | 83 | */ |
78 | queryClick () { | 84 | queryClick () { |
79 | this.$startLoading(); | 85 | this.$startLoading(); |
80 | let pageForm = { | 86 | let data = { ...this.queryForm, ...this.pageData } |
81 | pageSize: this.pageData.size, | ||
82 | pageNumber: this.pageData.current | ||
83 | } | ||
84 | let data = {...this.queryForm, ...pageForm} | ||
85 | queryQyByPage(data).then((res) => { | 87 | queryQyByPage(data).then((res) => { |
86 | this.$endLoading(); | 88 | this.$endLoading(); |
87 | if (res.code === 200) { | 89 | if (res.code === 200) { |
... | @@ -89,7 +91,7 @@ | ... | @@ -89,7 +91,7 @@ |
89 | this.tableData.total = total; | 91 | this.tableData.total = total; |
90 | this.tableData.data = records; | 92 | this.tableData.data = records; |
91 | } | 93 | } |
92 | }); | 94 | }) |
93 | }, | 95 | }, |
94 | handleSearch () { | 96 | handleSearch () { |
95 | this.queryClick(); | 97 | this.queryClick(); |
... | @@ -97,7 +99,23 @@ | ... | @@ -97,7 +99,23 @@ |
97 | handleAdd () { | 99 | handleAdd () { |
98 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") | 100 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") |
99 | }, | 101 | }, |
100 | handleDelete () { } | 102 | handleDelete () { |
103 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
104 | confirmButtonText: '确定', | ||
105 | cancelButtonText: '取消', | ||
106 | type: 'warning' | ||
107 | }).then(() => { | ||
108 | this.$message({ | ||
109 | type: 'success', | ||
110 | message: '删除成功!' | ||
111 | }); | ||
112 | }).catch(() => { | ||
113 | this.$message({ | ||
114 | type: 'info', | ||
115 | message: '已取消删除' | ||
116 | }); | ||
117 | }); | ||
118 | } | ||
101 | } | 119 | } |
102 | } | 120 | } |
103 | </script> | 121 | </script> | ... | ... |
This diff is collapsed.
Click to expand it.
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:27 | 4 | * @LastEditTime: 2023-09-06 16:12:16 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -35,26 +35,8 @@ class data extends filter { | ... | @@ -35,26 +35,8 @@ class data extends filter { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
36 | label: "证件种类", | 36 | label: "证件种类", |
37 | render: (h, scope) => { | 37 | render: (h, scope) => { |
38 | return ( | 38 | return <span>{this.dicStatus(scope.row.zjzl, "A30")}</span> |
39 | <el-select | 39 | } |
40 | class="width100" | ||
41 | clearable | ||
42 | value={scope.row[scope.column.property]} | ||
43 | onChange={(val) => { | ||
44 | scope.row[scope.column.property] = val; | ||
45 | }} | ||
46 | > | ||
47 | {vm.dictData["A30"].map((option) => { | ||
48 | return ( | ||
49 | <el-option | ||
50 | label={option.dname} | ||
51 | value={option.dcode} | ||
52 | ></el-option> | ||
53 | ); | ||
54 | })} | ||
55 | </el-select> | ||
56 | ); | ||
57 | }, | ||
58 | }, | 40 | }, |
59 | { | 41 | { |
60 | prop: "zjh", | 42 | prop: "zjh", |
... | @@ -79,7 +61,7 @@ class data extends filter { | ... | @@ -79,7 +61,7 @@ class data extends filter { |
79 | render: (h, scope) => { | 61 | render: (h, scope) => { |
80 | return ( | 62 | return ( |
81 | <div> | 63 | <div> |
82 | <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> | 64 | <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> |
83 | </div> | 65 | </div> |
84 | ) | 66 | ) |
85 | } | 67 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:48 | 4 | * @LastEditTime: 2023-09-06 16:08:32 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -30,78 +30,96 @@ | ... | @@ -30,78 +30,96 @@ |
30 | </el-row> | 30 | </el-row> |
31 | </el-form> | 31 | </el-form> |
32 | </div> | 32 | </div> |
33 | <div class="from-clues-content"> | 33 | <div class="from-clues-content loadingtext"> |
34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | 34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" |
35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
36 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
37 | </lb-table> | 37 | </lb-table> |
38 | </div> | 38 | </div> |
39 | </div> | 39 | </div> |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | import table from "@/utils/mixin/table" | 42 | import { mapGetters } from 'vuex' |
43 | import { datas, sendThis } from "./data" | 43 | import table from "@/utils/mixin/table" |
44 | import { queryYhByPage, addYh } from "@/api/xxba.js"; | 44 | import { datas, sendThis } from "./data" |
45 | export default { | 45 | import { queryYhByPage, addYh } from "@/api/xxba.js"; |
46 | name: "cwrz", | 46 | export default { |
47 | components: {}, | 47 | name: "cwrz", |
48 | mixins: [table], | 48 | components: {}, |
49 | mounted () { | 49 | mixins: [table], |
50 | sendThis(this); | 50 | mounted () { |
51 | }, | 51 | sendThis(this); |
52 | activated () { | 52 | }, |
53 | this.queryClick() | 53 | activated () { |
54 | }, | 54 | this.queryClick() |
55 | computed: { | 55 | }, |
56 | }, | 56 | computed: { |
57 | data () { | 57 | ...mapGetters(['workFresh']) |
58 | return { | 58 | }, |
59 | queryForm: { | 59 | watch: { |
60 | qymc: "", | 60 | workFresh: { |
61 | zjh: "", | 61 | handler (newVal, oldVal) { |
62 | console.log(newVal, 'newVal'); | ||
63 | if (newVal) this.queryClick() | ||
64 | } | ||
65 | } | ||
66 | }, | ||
67 | data () { | ||
68 | return { | ||
69 | queryForm: { | ||
70 | qymc: "", | ||
71 | zjh: "", | ||
72 | }, | ||
73 | tableData: { | ||
74 | total: 0, | ||
75 | columns: datas.columns(), | ||
76 | data: [], | ||
77 | }, | ||
78 | }; | ||
79 | }, | ||
80 | methods: { | ||
81 | /** | ||
82 | * @description: queryClick | ||
83 | */ | ||
84 | queryClick () { | ||
85 | this.$startLoading(); | ||
86 | let data = { ...this.queryForm, ...this.pageData } | ||
87 | queryYhByPage(data).then((res) => { | ||
88 | this.$endLoading(); | ||
89 | if (res.code === 200) { | ||
90 | let { total, records } = res.result; | ||
91 | this.tableData.total = total; | ||
92 | this.tableData.data = records; | ||
93 | } | ||
94 | }); | ||
62 | }, | 95 | }, |
63 | pageData: { | 96 | handleSearch () { |
64 | current: 1, | 97 | this.queryClick(); |
65 | size: 10, | ||
66 | }, | 98 | }, |
67 | tableData: { | 99 | handleAdd () { |
68 | total: 0, | 100 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") |
69 | columns: datas.columns(), | ||
70 | data: [], | ||
71 | }, | 101 | }, |
72 | }; | 102 | handleDelete () { |
73 | }, | 103 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
74 | methods: { | 104 | confirmButtonText: '确定', |
75 | /** | 105 | cancelButtonText: '取消', |
76 | * @description: queryClick | 106 | type: 'warning' |
77 | */ | 107 | }).then(() => { |
78 | queryClick () { | 108 | this.$message({ |
79 | this.$startLoading(); | 109 | type: 'success', |
80 | let pageForm = { | 110 | message: '删除成功!' |
81 | pageSize: this.pageData.size, | 111 | }); |
82 | pageNumber: this.pageData.current | 112 | }).catch(() => { |
113 | this.$message({ | ||
114 | type: 'info', | ||
115 | message: '已取消删除' | ||
116 | }); | ||
117 | }); | ||
83 | } | 118 | } |
84 | let data = {...this.queryForm, ...pageForm} | 119 | } |
85 | queryYhByPage(data).then((res) => { | ||
86 | this.$endLoading(); | ||
87 | if (res.code === 200) { | ||
88 | let { total, records } = res.result; | ||
89 | this.tableData.total = total; | ||
90 | this.tableData.data = records; | ||
91 | } | ||
92 | }); | ||
93 | }, | ||
94 | handleSearch () { | ||
95 | this.queryClick(); | ||
96 | }, | ||
97 | handleAdd () { | ||
98 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") | ||
99 | }, | ||
100 | handleDelete () { } | ||
101 | } | 120 | } |
102 | } | ||
103 | </script> | 121 | </script> |
104 | <style scoped lang="scss"> | 122 | <style scoped lang="scss"> |
105 | @import "~@/styles/public.scss"; | 123 | @import "~@/styles/public.scss"; |
106 | </style> | 124 | </style> |
107 | 125 | ... | ... |
-
Please register or sign in to post a comment