style:证书证明预览
Showing
7 changed files
with
129 additions
and
133 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 { | ... | ... |
| ... | @@ -3,24 +3,24 @@ | ... | @@ -3,24 +3,24 @@ |
| 3 | <el-row> | 3 | <el-row> |
| 4 | <el-col :span="12"> | 4 | <el-col :span="12"> |
| 5 | <el-form-item label="企业名称:" prop="qymc"> | 5 | <el-form-item label="企业名称:" prop="qymc"> |
| 6 | <el-input v-model="ruleForm.qymc" ></el-input> | 6 | <el-input v-model="ruleForm.qymc"></el-input> |
| 7 | </el-form-item> | 7 | </el-form-item> |
| 8 | </el-col> | 8 | </el-col> |
| 9 | <el-col :span="12"> | 9 | <el-col :span="12"> |
| 10 | <el-form-item label="电话:" prop="dh"> | 10 | <el-form-item label="电话:" prop="dh"> |
| 11 | <el-input v-model="ruleForm.dh" ></el-input> | 11 | <el-input v-model="ruleForm.dh"></el-input> |
| 12 | </el-form-item> | 12 | </el-form-item> |
| 13 | </el-col> | 13 | </el-col> |
| 14 | </el-row> | 14 | </el-row> |
| 15 | <el-row> | 15 | <el-row> |
| 16 | <el-col :span="12"> | 16 | <el-col :span="12"> |
| 17 | <el-form-item label="证件种类:"> | 17 | <el-form-item label="证件种类:"> |
| 18 | <el-input v-model="ruleForm.zjzl" ></el-input> | 18 | <el-input v-model="ruleForm.zjzl"></el-input> |
| 19 | </el-form-item> | 19 | </el-form-item> |
| 20 | </el-col> | 20 | </el-col> |
| 21 | <el-col :span="12"> | 21 | <el-col :span="12"> |
| 22 | <el-form-item label="证件号:" prop="zjh"> | 22 | <el-form-item label="证件号:" prop="zjh"> |
| 23 | <el-input v-model="ruleForm.zjh" ></el-input> | 23 | <el-input v-model="ruleForm.zjh"></el-input> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | </el-row> | 26 | </el-row> |
| ... | @@ -28,38 +28,38 @@ | ... | @@ -28,38 +28,38 @@ |
| 28 | <el-row> | 28 | <el-row> |
| 29 | <el-col :span="12"> | 29 | <el-col :span="12"> |
| 30 | <el-form-item label="法人名称:" prop="frmc"> | 30 | <el-form-item label="法人名称:" prop="frmc"> |
| 31 | <el-input v-model="ruleForm.frmc" ></el-input> | 31 | <el-input v-model="ruleForm.frmc"></el-input> |
| 32 | </el-form-item> | 32 | </el-form-item> |
| 33 | </el-col> | 33 | </el-col> |
| 34 | <el-col :span="12"> | 34 | <el-col :span="12"> |
| 35 | <el-form-item label="法人电话:" prop="frdh"> | 35 | <el-form-item label="法人电话:" prop="frdh"> |
| 36 | <el-input v-model="ruleForm.frdh" ></el-input> | 36 | <el-input v-model="ruleForm.frdh"></el-input> |
| 37 | </el-form-item> | 37 | </el-form-item> |
| 38 | </el-col> | 38 | </el-col> |
| 39 | </el-row> | 39 | </el-row> |
| 40 | <el-row> | 40 | <el-row> |
| 41 | <el-col :span="12"> | 41 | <el-col :span="12"> |
| 42 | <el-form-item label="单位地址:"> | 42 | <el-form-item label="单位地址:"> |
| 43 | <el-input v-model="ruleForm.dwdz" ></el-input> | 43 | <el-input v-model="ruleForm.dwdz"></el-input> |
| 44 | </el-form-item> | 44 | </el-form-item> |
| 45 | </el-col> | 45 | </el-col> |
| 46 | <el-col :span="12"> | 46 | <el-col :span="12"> |
| 47 | <el-form-item label="邮编:" prop="yb"> | 47 | <el-form-item label="邮编:" prop="yb"> |
| 48 | <el-input v-model="ruleForm.yb" ></el-input> | 48 | <el-input v-model="ruleForm.yb"></el-input> |
| 49 | </el-form-item> | 49 | </el-form-item> |
| 50 | </el-col> | 50 | </el-col> |
| 51 | </el-row> | 51 | </el-row> |
| 52 | <el-form-item > | 52 | <el-form-item style="text-align:center"> |
| 53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 54 | <el-button @click="closeDialog">取消</el-button> | 53 | <el-button @click="closeDialog">取消</el-button> |
| 54 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 55 | </el-form-item> | 55 | </el-form-item> |
| 56 | </el-form> | 56 | </el-form> |
| 57 | </template> | 57 | </template> |
| 58 | 58 | ||
| 59 | <script> | 59 | <script> |
| 60 | import store from '@/store/index.js' | 60 | import store from '@/store/index.js' |
| 61 | import { addQy } from "@/api/xxba.js" | 61 | import { addQy } from "@/api/xxba.js" |
| 62 | export default { | 62 | export default { |
| 63 | props: { | 63 | props: { |
| 64 | formData: { | 64 | formData: { |
| 65 | type: Object, | 65 | type: Object, |
| ... | @@ -126,10 +126,9 @@ export default { | ... | @@ -126,10 +126,9 @@ export default { |
| 126 | this.tableForm[0].bs = null; | 126 | this.tableForm[0].bs = null; |
| 127 | this.tableForm[1].bs = null; | 127 | this.tableForm[1].bs = null; |
| 128 | this.getDetailInfo(this.formData.bsmBatch); | 128 | this.getDetailInfo(this.formData.bsmBatch); |
| 129 | } else {} | 129 | } else { } |
| 130 | }, | 130 | }, |
| 131 | methods: { | 131 | methods: { |
| 132 | //表单提交 | ||
| 133 | /** | 132 | /** |
| 134 | * @description: 表单提交 | 133 | * @description: 表单提交 |
| 135 | * @author: renchao | 134 | * @author: renchao |
| ... | @@ -147,13 +146,13 @@ export default { | ... | @@ -147,13 +146,13 @@ export default { |
| 147 | this.$refs['ruleForm'].resetFields(); | 146 | this.$refs['ruleForm'].resetFields(); |
| 148 | this.resetTableFields(); | 147 | this.resetTableFields(); |
| 149 | this.closeDialog(); | 148 | this.closeDialog(); |
| 150 | this.$parent.queryClick(); | 149 | //刷新列表 |
| 150 | store.dispatch('user/reWorkFresh', true) | ||
| 151 | } else { | 151 | } else { |
| 152 | this.$message.error(res.message); | 152 | this.$message.error(res.message); |
| 153 | } | 153 | } |
| 154 | }) | 154 | }) |
| 155 | }, | 155 | }, |
| 156 | //获取详情信息 | ||
| 157 | /** | 156 | /** |
| 158 | * @description: 获取详情信息 | 157 | * @description: 获取详情信息 |
| 159 | * @param {*} bsmBatch | 158 | * @param {*} bsmBatch |
| ... | @@ -173,7 +172,6 @@ export default { | ... | @@ -173,7 +172,6 @@ export default { |
| 173 | } | 172 | } |
| 174 | }) | 173 | }) |
| 175 | }, | 174 | }, |
| 176 | //印刷序列号处理 | ||
| 177 | /** | 175 | /** |
| 178 | * @description: 印刷序列号处理 | 176 | * @description: 印刷序列号处理 |
| 179 | * @param {*} item | 177 | * @param {*} item |
| ... | @@ -248,17 +246,17 @@ export default { | ... | @@ -248,17 +246,17 @@ export default { |
| 248 | this.resetTableFields(); | 246 | this.resetTableFields(); |
| 249 | } | 247 | } |
| 250 | } | 248 | } |
| 251 | } | 249 | } |
| 252 | </script> | 250 | </script> |
| 253 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
| 254 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
| 255 | @import "~@/styles/dialogBoxheader.scss"; | 253 | @import "~@/styles/dialogBoxheader.scss"; |
| 256 | 254 | ||
| 257 | .font-red { | 255 | .font-red { |
| 258 | color: red | 256 | color: red; |
| 259 | } | 257 | } |
| 260 | 258 | ||
| 261 | .middle-margin-bottom { | 259 | .middle-margin-bottom { |
| 262 | margin-top: 20px | 260 | margin-top: 20px; |
| 263 | } | 261 | } |
| 264 | </style> | 262 | </style> | ... | ... |
| 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> | ... | ... |
| ... | @@ -3,24 +3,24 @@ | ... | @@ -3,24 +3,24 @@ |
| 3 | <el-row> | 3 | <el-row> |
| 4 | <el-col :span="12"> | 4 | <el-col :span="12"> |
| 5 | <el-form-item label="企业名称:" prop="qymc"> | 5 | <el-form-item label="企业名称:" prop="qymc"> |
| 6 | <el-input v-model="ruleForm.qymc" ></el-input> | 6 | <el-input v-model="ruleForm.qymc"></el-input> |
| 7 | </el-form-item> | 7 | </el-form-item> |
| 8 | </el-col> | 8 | </el-col> |
| 9 | <el-col :span="12"> | 9 | <el-col :span="12"> |
| 10 | <el-form-item label="电话:" prop="dh"> | 10 | <el-form-item label="电话:" prop="dh"> |
| 11 | <el-input v-model="ruleForm.dh" ></el-input> | 11 | <el-input v-model="ruleForm.dh"></el-input> |
| 12 | </el-form-item> | 12 | </el-form-item> |
| 13 | </el-col> | 13 | </el-col> |
| 14 | </el-row> | 14 | </el-row> |
| 15 | <el-row> | 15 | <el-row> |
| 16 | <el-col :span="12"> | 16 | <el-col :span="12"> |
| 17 | <el-form-item label="证件种类:"> | 17 | <el-form-item label="证件种类:"> |
| 18 | <el-input v-model="ruleForm.zjzl" ></el-input> | 18 | <el-input v-model="ruleForm.zjzl"></el-input> |
| 19 | </el-form-item> | 19 | </el-form-item> |
| 20 | </el-col> | 20 | </el-col> |
| 21 | <el-col :span="12"> | 21 | <el-col :span="12"> |
| 22 | <el-form-item label="证件号:" prop="zjh"> | 22 | <el-form-item label="证件号:" prop="zjh"> |
| 23 | <el-input v-model="ruleForm.zjh" ></el-input> | 23 | <el-input v-model="ruleForm.zjh"></el-input> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | </el-row> | 26 | </el-row> |
| ... | @@ -28,28 +28,28 @@ | ... | @@ -28,28 +28,28 @@ |
| 28 | <el-row> | 28 | <el-row> |
| 29 | <el-col :span="12"> | 29 | <el-col :span="12"> |
| 30 | <el-form-item label="法人名称:" prop="frmc"> | 30 | <el-form-item label="法人名称:" prop="frmc"> |
| 31 | <el-input v-model="ruleForm.frmc" ></el-input> | 31 | <el-input v-model="ruleForm.frmc"></el-input> |
| 32 | </el-form-item> | 32 | </el-form-item> |
| 33 | </el-col> | 33 | </el-col> |
| 34 | <el-col :span="12"> | 34 | <el-col :span="12"> |
| 35 | <el-form-item label="法人电话:" prop="frdh"> | 35 | <el-form-item label="法人电话:" prop="frdh"> |
| 36 | <el-input v-model="ruleForm.frdh" ></el-input> | 36 | <el-input v-model="ruleForm.frdh"></el-input> |
| 37 | </el-form-item> | 37 | </el-form-item> |
| 38 | </el-col> | 38 | </el-col> |
| 39 | </el-row> | 39 | </el-row> |
| 40 | <el-row> | 40 | <el-row> |
| 41 | <el-col :span="12"> | 41 | <el-col :span="12"> |
| 42 | <el-form-item label="单位地址:"> | 42 | <el-form-item label="单位地址:"> |
| 43 | <el-input v-model="ruleForm.dwdz" ></el-input> | 43 | <el-input v-model="ruleForm.dwdz"></el-input> |
| 44 | </el-form-item> | 44 | </el-form-item> |
| 45 | </el-col> | 45 | </el-col> |
| 46 | <el-col :span="12"> | 46 | <el-col :span="12"> |
| 47 | <el-form-item label="邮编:" prop="yb"> | 47 | <el-form-item label="邮编:" prop="yb"> |
| 48 | <el-input v-model="ruleForm.yb" ></el-input> | 48 | <el-input v-model="ruleForm.yb"></el-input> |
| 49 | </el-form-item> | 49 | </el-form-item> |
| 50 | </el-col> | 50 | </el-col> |
| 51 | </el-row> | 51 | </el-row> |
| 52 | <el-form-item > | 52 | <el-form-item style="text-align:center"> |
| 53 | <el-button type="primary" @click="submitForm">保存</el-button> | 53 | <el-button type="primary" @click="submitForm">保存</el-button> |
| 54 | <el-button @click="closeDialog">取消</el-button> | 54 | <el-button @click="closeDialog">取消</el-button> |
| 55 | </el-form-item> | 55 | </el-form-item> |
| ... | @@ -57,9 +57,9 @@ | ... | @@ -57,9 +57,9 @@ |
| 57 | </template> | 57 | </template> |
| 58 | 58 | ||
| 59 | <script> | 59 | <script> |
| 60 | import store from '@/store/index.js' | 60 | import store from '@/store/index.js' |
| 61 | import { addYh } from "@/api/xxba.js" | 61 | import { addYh } from "@/api/xxba.js" |
| 62 | export default { | 62 | export default { |
| 63 | props: { | 63 | props: { |
| 64 | formData: { | 64 | formData: { |
| 65 | type: Object, | 65 | type: Object, |
| ... | @@ -126,10 +126,9 @@ export default { | ... | @@ -126,10 +126,9 @@ export default { |
| 126 | this.tableForm[0].bs = null; | 126 | this.tableForm[0].bs = null; |
| 127 | this.tableForm[1].bs = null; | 127 | this.tableForm[1].bs = null; |
| 128 | this.getDetailInfo(this.formData.bsmBatch); | 128 | this.getDetailInfo(this.formData.bsmBatch); |
| 129 | } else {} | 129 | } |
| 130 | }, | 130 | }, |
| 131 | methods: { | 131 | methods: { |
| 132 | //表单提交 | ||
| 133 | /** | 132 | /** |
| 134 | * @description: 表单提交 | 133 | * @description: 表单提交 |
| 135 | * @author: renchao | 134 | * @author: renchao |
| ... | @@ -147,13 +146,13 @@ export default { | ... | @@ -147,13 +146,13 @@ export default { |
| 147 | this.$refs['ruleForm'].resetFields(); | 146 | this.$refs['ruleForm'].resetFields(); |
| 148 | this.resetTableFields(); | 147 | this.resetTableFields(); |
| 149 | this.closeDialog(); | 148 | this.closeDialog(); |
| 150 | this.$parent.queryClick(); | 149 | //刷新列表 |
| 150 | store.dispatch('user/reWorkFresh', true) | ||
| 151 | } else { | 151 | } else { |
| 152 | this.$message.error(res.message); | 152 | this.$message.error(res.message); |
| 153 | } | 153 | } |
| 154 | }) | 154 | }) |
| 155 | }, | 155 | }, |
| 156 | //获取详情信息 | ||
| 157 | /** | 156 | /** |
| 158 | * @description: 获取详情信息 | 157 | * @description: 获取详情信息 |
| 159 | * @param {*} bsmBatch | 158 | * @param {*} bsmBatch |
| ... | @@ -173,7 +172,6 @@ export default { | ... | @@ -173,7 +172,6 @@ export default { |
| 173 | } | 172 | } |
| 174 | }) | 173 | }) |
| 175 | }, | 174 | }, |
| 176 | //印刷序列号处理 | ||
| 177 | /** | 175 | /** |
| 178 | * @description: 印刷序列号处理 | 176 | * @description: 印刷序列号处理 |
| 179 | * @param {*} item | 177 | * @param {*} item |
| ... | @@ -248,17 +246,17 @@ export default { | ... | @@ -248,17 +246,17 @@ export default { |
| 248 | this.resetTableFields(); | 246 | this.resetTableFields(); |
| 249 | } | 247 | } |
| 250 | } | 248 | } |
| 251 | } | 249 | } |
| 252 | </script> | 250 | </script> |
| 253 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
| 254 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
| 255 | @import "~@/styles/dialogBoxheader.scss"; | 253 | @import "~@/styles/dialogBoxheader.scss"; |
| 256 | 254 | ||
| 257 | .font-red { | 255 | .font-red { |
| 258 | color: red | 256 | color: red; |
| 259 | } | 257 | } |
| 260 | 258 | ||
| 261 | .middle-margin-bottom { | 259 | .middle-margin-bottom { |
| 262 | margin-top: 20px | 260 | margin-top: 20px; |
| 263 | } | 261 | } |
| 264 | </style> | 262 | </style> | ... | ... |
| 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,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,10 +39,11 @@ | ... | @@ -39,10 +39,11 @@ |
| 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 | export default { | ||
| 46 | name: "cwrz", | 47 | name: "cwrz", |
| 47 | components: {}, | 48 | components: {}, |
| 48 | mixins: [table], | 49 | mixins: [table], |
| ... | @@ -53,6 +54,15 @@ export default { | ... | @@ -53,6 +54,15 @@ export default { |
| 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 @@ export default { | ... | @@ -60,10 +70,6 @@ export default { |
| 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 @@ export default { | ... | @@ -77,11 +83,7 @@ export default { |
| 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 | queryYhByPage(data).then((res) => { | 87 | queryYhByPage(data).then((res) => { |
| 86 | this.$endLoading(); | 88 | this.$endLoading(); |
| 87 | if (res.code === 200) { | 89 | if (res.code === 200) { |
| ... | @@ -97,11 +99,27 @@ export default { | ... | @@ -97,11 +99,27 @@ export default { |
| 97 | handleAdd () { | 99 | handleAdd () { |
| 98 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") | 100 | this.$popupDialog("添加企业", "xxba/yhjgba/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 | } | ||
| 119 | } | ||
| 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