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