Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
7 changed files
with
164 additions
and
635 deletions
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:40:38 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="right"> | ||
| 9 | <!-- 材料预览 --> | ||
| 10 | <div class="clyl-box"> | ||
| 11 | <div class="menu-tree"> | ||
| 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 13 | <div class="item"> | ||
| 14 | 材料目录({{tableData.length}}) | ||
| 15 | <div style="margin-top:10px"> | ||
| 16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 19 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 20 | {{ item.sjmc }} | ||
| 21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 22 | </div> | ||
| 23 | </div> | ||
| 24 | </div> | ||
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
| 26 | </div> | ||
| 27 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 28 | @prevPriview="prevPriview" /> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <clxxAddDialog v-model="isDialog" /> | ||
| 32 | <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> --> | ||
| 33 | </div> | ||
| 34 | </template> | ||
| 35 | <script> | ||
| 36 | import { mapGetters } from "vuex"; | ||
| 37 | import clxxAddDialog from "./components/clxxAddDialog.vue"; | ||
| 38 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 39 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 40 | import { popupDialog } from "@/utils/popup.js"; | ||
| 41 | export default { | ||
| 42 | components: { clxxAddDialog, imagePreview }, | ||
| 43 | data () { | ||
| 44 | return { | ||
| 45 | isDialog: false, | ||
| 46 | iclass: "", | ||
| 47 | // 材料目录选中 | ||
| 48 | treeCheckIndex: 0, | ||
| 49 | treeCheckId: "", | ||
| 50 | key: 0, | ||
| 51 | tableData: [], | ||
| 52 | previewImg: { | ||
| 53 | // 收件标识码 | ||
| 54 | bsmSj: '', | ||
| 55 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 56 | index: 0, | ||
| 57 | selectedIndex: 0, | ||
| 58 | imgList: [] | ||
| 59 | } | ||
| 60 | } | ||
| 61 | }, | ||
| 62 | computed: { | ||
| 63 | ...mapGetters(["dictData"]) | ||
| 64 | }, | ||
| 65 | created () { | ||
| 66 | this.clmlInitList(1) | ||
| 67 | }, | ||
| 68 | methods: { | ||
| 69 | // 自动预览 | ||
| 70 | nextPriview () { | ||
| 71 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 72 | this.treeCheckIndex++ | ||
| 73 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 74 | this.previewImg.index = 0 | ||
| 75 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 76 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 77 | } | ||
| 78 | }, | ||
| 79 | prevPriview () { | ||
| 80 | if (this.treeCheckIndex >= 1) { | ||
| 81 | this.treeCheckIndex-- | ||
| 82 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 83 | this.previewImg.index = this.previewImg.imgList.length | ||
| 84 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 85 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 86 | } | ||
| 87 | }, | ||
| 88 | // 材料目录明细初始化 | ||
| 89 | clmlInitList (type) { | ||
| 90 | //type 1:列表初始化 2:新增材料 | ||
| 91 | return new Promise(resolve => { | ||
| 92 | this.unitData = this.$parent.unitData; | ||
| 93 | var formdata = new FormData(); | ||
| 94 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 95 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 96 | InitClml(formdata).then((res) => { | ||
| 97 | if (res.code == 200) { | ||
| 98 | resolve(res.code) | ||
| 99 | if (res.result && res.result.length > 0) { | ||
| 100 | this.tableData = res.result; | ||
| 101 | if (type == 1) { | ||
| 102 | this.treeClick(this.tableData[0], 0); | ||
| 103 | } else { | ||
| 104 | //新增材料后刷新列表焦点置于新增的对象上 | ||
| 105 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | ||
| 106 | } | ||
| 107 | } | ||
| 108 | } else { | ||
| 109 | this.$message.error(res.message) | ||
| 110 | } | ||
| 111 | }) | ||
| 112 | }) | ||
| 113 | }, | ||
| 114 | setChecked (item) { | ||
| 115 | this.treeCheckId = item.bsmSj; | ||
| 116 | this.title = item.sjmc; | ||
| 117 | this.titleYs = 1; | ||
| 118 | this.titleNum = item.children.length; | ||
| 119 | this.previewImg.imgList = item.children; | ||
| 120 | this.previewImg.bsmSj = item.bsmSj; | ||
| 121 | }, | ||
| 122 | updateList (val) { | ||
| 123 | let that = this | ||
| 124 | if (val != null) { //删除最后一张图片时 val=null | ||
| 125 | this.tableData.forEach(item => { | ||
| 126 | if (item.bsmSj === val.bsmSj) { | ||
| 127 | item.children = val.children | ||
| 128 | } | ||
| 129 | }) | ||
| 130 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 131 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 132 | this.previewImg.index = this.previewImg.index - 1 | ||
| 133 | } | ||
| 134 | } else { | ||
| 135 | this.previewImg.imgList = [] | ||
| 136 | this.tableData.forEach((item, index) => { | ||
| 137 | if (this.treeCheckId == item.bsmSj) { | ||
| 138 | item.children = [] | ||
| 139 | that.treeCheckIndex = index | ||
| 140 | } | ||
| 141 | }) | ||
| 142 | } | ||
| 143 | |||
| 144 | }, | ||
| 145 | // 添加材料目录 | ||
| 146 | handleAdd () { | ||
| 147 | this.isDialog = true; | ||
| 148 | }, | ||
| 149 | // 新增弹窗保存 | ||
| 150 | addSave (data) { | ||
| 151 | let obj = { | ||
| 152 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 153 | isrequired: "1", | ||
| 154 | sjmc: data.clmc, | ||
| 155 | sjsl: 0, | ||
| 156 | smzt: '', | ||
| 157 | ys: 0, | ||
| 158 | sjlx: data.cllx, | ||
| 159 | sfxjcl: "1", // 是否必选 | ||
| 160 | }; | ||
| 161 | saveClml(obj).then(async (res) => { | ||
| 162 | if (res.code == 200) { | ||
| 163 | let res = await this.clmlInitList(2) | ||
| 164 | if (res == 200) this.$message({ | ||
| 165 | message: "新增成功", | ||
| 166 | type: "success", | ||
| 167 | }) | ||
| 168 | } | ||
| 169 | }); | ||
| 170 | }, | ||
| 171 | // 材料目录点击选中 | ||
| 172 | treeClick (item, index) { | ||
| 173 | this.previewImg.index = 0 | ||
| 174 | this.treeCheckId = item?.bsmSj | ||
| 175 | this.treeCheckIndex = index | ||
| 176 | this.previewImg.imgList = item?.children | ||
| 177 | this.previewImg.bsmSj = item?.bsmSj | ||
| 178 | }, | ||
| 179 | // 小图片点击 | ||
| 180 | imgClick (item, index) { | ||
| 181 | this.showImg = item; | ||
| 182 | this.titleYs = index + 1; | ||
| 183 | }, | ||
| 184 | // 字典 | ||
| 185 | dicStatus (val, code) { | ||
| 186 | let data = this.$store.getters.dictData[code], | ||
| 187 | name = "暂无"; | ||
| 188 | if (data) { | ||
| 189 | data.map((item) => { | ||
| 190 | if (item.dcode == val) { | ||
| 191 | name = item.dname | ||
| 192 | } | ||
| 193 | }); | ||
| 194 | return name | ||
| 195 | } | ||
| 196 | }, | ||
| 197 | //查看明细 | ||
| 198 | viewDetail () { | ||
| 199 | this.$popupDialog("查看明细", "djbworkflow/components/dialog/clxxDetailDialog", { | ||
| 200 | data: this.tableData | ||
| 201 | }, "60%") | ||
| 202 | }, | ||
| 203 | //设置tableData | ||
| 204 | setTableData (tableData) { | ||
| 205 | this.$nextTick(res => { | ||
| 206 | this.tableData = tableData; | ||
| 207 | }) | ||
| 208 | }, | ||
| 209 | }, | ||
| 210 | }; | ||
| 211 | </script> | ||
| 212 | <style scoped lang='scss'> | ||
| 213 | @import "~@/styles/mixin.scss"; | ||
| 214 | |||
| 215 | .active { | ||
| 216 | background: $light-blue !important; | ||
| 217 | color: #fff; | ||
| 218 | } | ||
| 219 | |||
| 220 | .required { | ||
| 221 | font-size: 12px; | ||
| 222 | color: $pink; | ||
| 223 | float: left; | ||
| 224 | } | ||
| 225 | |||
| 226 | .cl_number { | ||
| 227 | float: right; | ||
| 228 | } | ||
| 229 | |||
| 230 | .clxx { | ||
| 231 | width: 100%; | ||
| 232 | display: flex; | ||
| 233 | padding-left: 5px; | ||
| 234 | height: calc(100vh - 125px); | ||
| 235 | |||
| 236 | .left { | ||
| 237 | display: flex; | ||
| 238 | flex-direction: column; | ||
| 239 | justify-content: space-between; | ||
| 240 | |||
| 241 | .item { | ||
| 242 | width: 28px; | ||
| 243 | height: 49%; | ||
| 244 | @include flex-center; | ||
| 245 | background-color: #e4e7ed; | ||
| 246 | border-bottom-right-radius: 10px; | ||
| 247 | padding: 5px; | ||
| 248 | cursor: pointer; | ||
| 249 | transition: all 0.3s; | ||
| 250 | |||
| 251 | &:hover { | ||
| 252 | @extend .active; | ||
| 253 | } | ||
| 254 | } | ||
| 255 | } | ||
| 256 | |||
| 257 | .right { | ||
| 258 | width: 100%; | ||
| 259 | height: 100%; | ||
| 260 | |||
| 261 | .clmlmx-box { | ||
| 262 | margin: 0 auto; | ||
| 263 | |||
| 264 | .title { | ||
| 265 | text-align: center; | ||
| 266 | height: 60px; | ||
| 267 | line-height: 60px; | ||
| 268 | border: 1px solid #dfe6ec; | ||
| 269 | font-size: 20px; | ||
| 270 | background: #81d3f81a; | ||
| 271 | margin-bottom: -1px; | ||
| 272 | } | ||
| 273 | } | ||
| 274 | |||
| 275 | .clyl-box { | ||
| 276 | width: 100%; | ||
| 277 | height: 100%; | ||
| 278 | display: flex; | ||
| 279 | |||
| 280 | .menu-tree { | ||
| 281 | width: 20%; | ||
| 282 | min-width: 160px; | ||
| 283 | height: 100%; | ||
| 284 | margin-right: 10px; | ||
| 285 | border-right: 1px dotted #d9d9d9; | ||
| 286 | padding: 0 15px; | ||
| 287 | |||
| 288 | .item { | ||
| 289 | line-height: 30px; | ||
| 290 | padding-top: 5px; | ||
| 291 | border-bottom: 1px solid #e8e8e8; | ||
| 292 | font-size: 16px; | ||
| 293 | text-align: center; | ||
| 294 | color: $light-blue; | ||
| 295 | |||
| 296 | .itemIcon { | ||
| 297 | float: right; | ||
| 298 | line-height: 60px; | ||
| 299 | cursor: pointer; | ||
| 300 | } | ||
| 301 | |||
| 302 | .child { | ||
| 303 | line-height: 32px; | ||
| 304 | border-bottom: 1px solid #e8e8e8; | ||
| 305 | padding-left: 10px; | ||
| 306 | color: #6b6b6b; | ||
| 307 | cursor: pointer; | ||
| 308 | box-sizing: border-box; | ||
| 309 | border-radius: 6px; | ||
| 310 | line-height: 20px; | ||
| 311 | transition: all 0.3s; | ||
| 312 | padding: 8px 0; | ||
| 313 | } | ||
| 314 | |||
| 315 | .child:hover { | ||
| 316 | color: $light-blue; | ||
| 317 | transform: scale(1.1); | ||
| 318 | } | ||
| 319 | |||
| 320 | .checked { | ||
| 321 | border: 1px solid $light-blue; | ||
| 322 | color: $light-blue; | ||
| 323 | } | ||
| 324 | } | ||
| 325 | } | ||
| 326 | |||
| 327 | .clyl-img { | ||
| 328 | width: 75%; | ||
| 329 | height: 100%; | ||
| 330 | background: #f3f4f7; | ||
| 331 | margin: 0 auto; | ||
| 332 | position: relative; | ||
| 333 | } | ||
| 334 | } | ||
| 335 | } | ||
| 336 | } | ||
| 337 | </style> |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
| 8 | :isFullscreen="false"> | ||
| 9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | ||
| 10 | <el-row> | ||
| 11 | <el-col :span="24"> | ||
| 12 | <el-form-item label="材料类型"> | ||
| 13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
| 14 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | </el-row> | ||
| 20 | <el-row :gutter="20"> | ||
| 21 | <el-col :span="24"> | ||
| 22 | <el-form-item label="材料名称"> | ||
| 23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | </el-form> | ||
| 28 | </dialogBox> | ||
| 29 | </template> | ||
| 30 | |||
| 31 | <script> | ||
| 32 | import { mapGetters } from "vuex"; | ||
| 33 | export default { | ||
| 34 | props: { | ||
| 35 | value: { type: Boolean, default: false }, | ||
| 36 | }, | ||
| 37 | data () { | ||
| 38 | return { | ||
| 39 | myValue: this.value, | ||
| 40 | ruleForm: { | ||
| 41 | cllx: "", | ||
| 42 | clmc: "", | ||
| 43 | }, | ||
| 44 | }; | ||
| 45 | }, | ||
| 46 | computed: { | ||
| 47 | ...mapGetters(["dictData"]), | ||
| 48 | }, | ||
| 49 | watch: { | ||
| 50 | value (val) { | ||
| 51 | console.log("进去新增材料弹框"); | ||
| 52 | this.myValue = val; | ||
| 53 | }, | ||
| 54 | }, | ||
| 55 | methods: { | ||
| 56 | closeDialog () { | ||
| 57 | this.$emit("input", false); | ||
| 58 | this.ruleForm = { | ||
| 59 | cllx: "", | ||
| 60 | clmc: "", | ||
| 61 | } | ||
| 62 | }, | ||
| 63 | handleSubmit () { | ||
| 64 | this.$parent.addSave(this.ruleForm); | ||
| 65 | this.ruleForm = { | ||
| 66 | cllx: "", | ||
| 67 | clmc: "", | ||
| 68 | } | ||
| 69 | this.$emit("input", false); | ||
| 70 | }, | ||
| 71 | }, | ||
| 72 | }; | ||
| 73 | </script> | ||
| 74 | <style scoped lang="scss"> | ||
| 75 | .submit-button { | ||
| 76 | text-align: center; | ||
| 77 | height: 52px; | ||
| 78 | padding-top: 10px; | ||
| 79 | background-color: #fff; | ||
| 80 | } | ||
| 81 | </style> |
| ... | @@ -242,18 +242,19 @@ export default { | ... | @@ -242,18 +242,19 @@ export default { |
| 242 | type: "warning", | 242 | type: "warning", |
| 243 | }) | 243 | }) |
| 244 | .then(() => { | 244 | .then(() => { |
| 245 | deleteFlow(formdata).then((res) => { | 245 | console.log('删除流程'); |
| 246 | if (res.code === 200) { | 246 | // deleteFlow(formdata).then((res) => { |
| 247 | this.$message({ | 247 | // if (res.code === 200) { |
| 248 | type: "success", | 248 | // this.$message({ |
| 249 | message: "删除成功!", | 249 | // type: "success", |
| 250 | }); | 250 | // message: "删除成功!", |
| 251 | window.close(); | 251 | // }); |
| 252 | window.opener.getBpageList(); | 252 | // window.close(); |
| 253 | } else { | 253 | // window.opener.getBpageList(); |
| 254 | this.$message.error(res.message); | 254 | // } else { |
| 255 | } | 255 | // this.$message.error(res.message); |
| 256 | }); | 256 | // } |
| 257 | // }); | ||
| 257 | }) | 258 | }) |
| 258 | .catch(() => { | 259 | .catch(() => { |
| 259 | this.$message({ | 260 | this.$message({ | ... | ... |
| ... | @@ -119,6 +119,7 @@ | ... | @@ -119,6 +119,7 @@ |
| 119 | import { getIdCardInfo } from '@/utils/operation.js' | 119 | import { getIdCardInfo } from '@/utils/operation.js' |
| 120 | import { getPrintTemplateByCode } from "@/api/system"; | 120 | import { getPrintTemplateByCode } from "@/api/system"; |
| 121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; | 121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; |
| 122 | import { log } from 'bpmn-js-token-simulation'; | ||
| 122 | export default { | 123 | export default { |
| 123 | props: { | 124 | props: { |
| 124 | formData: { | 125 | formData: { |
| ... | @@ -297,18 +298,24 @@ | ... | @@ -297,18 +298,24 @@ |
| 297 | } | 298 | } |
| 298 | }, | 299 | }, |
| 299 | watch: { | 300 | watch: { |
| 300 | "form.djSqcxDO.ycqrgx" (val) { | 301 | "form.djSqcxDO.ycqrgx": { |
| 301 | if (val == "1") { | 302 | handler: function (val) { |
| 302 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 303 | if (val == "1") { |
| 303 | } else { | 304 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
| 304 | this.form.qlrList = []; | 305 | } else { |
| 305 | this.add("qlr"); | 306 | this.form.qlrList = []; |
| 306 | } | 307 | this.add("qlr"); |
| 308 | } | ||
| 309 | }, | ||
| 310 | immediate: true | ||
| 307 | }, | 311 | }, |
| 308 | "form.sqrList" (val) { | 312 | "form.sqrList": { |
| 309 | if (this.form.djSqcxDO.ycqrgx == '1') { | 313 | handler: function (val) { |
| 310 | this.form.qlrList = _.cloneDeep(val) | 314 | if (this.form.djSqcxDO.ycqrgx == '1') { |
| 311 | } | 315 | this.form.qlrList = _.cloneDeep(val) |
| 316 | } | ||
| 317 | }, | ||
| 318 | deep: true | ||
| 312 | } | 319 | } |
| 313 | }, | 320 | }, |
| 314 | methods: { | 321 | methods: { | ... | ... |
| ... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
| 25 | </el-col> | 25 | </el-col> |
| 26 | </el-row> | 26 | </el-row> |
| 27 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 27 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> |
| 28 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 28 | <embed id="LODOP_EM" type="application/x-print-lodop" width=800 height=600 pluginspage="install_lodop32.exe" /> |
| 29 | </object> | 29 | </object> |
| 30 | <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> | 30 | <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> |
| 31 | 31 | ||
| ... | @@ -37,140 +37,140 @@ | ... | @@ -37,140 +37,140 @@ |
| 37 | </template> | 37 | </template> |
| 38 | 38 | ||
| 39 | <script> | 39 | <script> |
| 40 | import { getLodop } from "@/utils/LodopFuncs" | 40 | import { getLodop } from "@/utils/LodopFuncs" |
| 41 | import { mapGetters } from 'vuex' | 41 | import { mapGetters } from 'vuex' |
| 42 | import store from '@/store/index.js' | 42 | import store from '@/store/index.js' |
| 43 | import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" | 43 | import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" |
| 44 | export default { | 44 | export default { |
| 45 | computed: { | 45 | computed: { |
| 46 | ...mapGetters(['dictData']), | 46 | ...mapGetters(['dictData']), |
| 47 | }, | 47 | }, |
| 48 | props: { | 48 | props: { |
| 49 | formData: { | 49 | formData: { |
| 50 | type: Object, | 50 | type: Object, |
| 51 | default: () => { } | 51 | default: () => { } |
| 52 | } | 52 | } |
| 53 | }, | 53 | }, |
| 54 | data () { | 54 | data () { |
| 55 | return { | 55 | return { |
| 56 | editFlag: false, | 56 | editFlag: false, |
| 57 | //打印模板设计保存状态 0:未操作 1:保存中 2:已保存 | 57 | //打印模板设计保存状态 0:未操作 1:保存中 2:已保存 |
| 58 | loadStatus: '0', | 58 | loadStatus: '0', |
| 59 | //表单提交数据 | 59 | //表单提交数据 |
| 60 | ruleForm: { | 60 | ruleForm: { |
| 61 | tmpno: '', | 61 | tmpno: '', |
| 62 | tmpname: '', | 62 | tmpname: '', |
| 63 | tmpfont: '', | 63 | tmpfont: '', |
| 64 | tmpfontsize: '', | 64 | tmpfontsize: '', |
| 65 | tmpcontent: '' | 65 | tmpcontent: '' |
| 66 | }, | ||
| 67 | rules: { | ||
| 68 | tmpno: [ | ||
| 69 | { required: true, message: '模板编号不能为空', trigger: 'blur' } | ||
| 70 | ], | ||
| 71 | tmpname: [ | ||
| 72 | { required: true, message: '模板名称不能为空', trigger: 'blur' } | ||
| 73 | ], | ||
| 74 | }, | ||
| 75 | } | ||
| 76 | }, | ||
| 77 | mounted () { | ||
| 78 | if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData) | ||
| 79 | }, | ||
| 80 | methods: { | ||
| 81 | //表单提交 | ||
| 82 | submitForm () { | ||
| 83 | if (this.loadStatus == '1') { | ||
| 84 | return this.$message.error("模板设计保存中,请等待...") | ||
| 85 | } | ||
| 86 | this.$refs.ruleForm.validate(valid => { | ||
| 87 | if (valid) { | ||
| 88 | if (this.editFlag) { | ||
| 89 | this.editTemplate(); | ||
| 90 | } else { | ||
| 91 | this.addTemplate(); | ||
| 92 | } | ||
| 93 | } else { | ||
| 94 | return false; | ||
| 95 | } | ||
| 96 | }); | ||
| 66 | }, | 97 | }, |
| 67 | rules: { | 98 | //新增 |
| 68 | tmpno: [ | 99 | addTemplate () { |
| 69 | { required: true, message: '模板编号不能为空', trigger: 'blur' } | 100 | addPrintTemplate(this.ruleForm).then(res => { |
| 70 | ], | 101 | if (res.code == 200) { |
| 71 | tmpname: [ | 102 | store.dispatch('user/refreshPage', true); |
| 72 | { required: true, message: '模板名称不能为空', trigger: 'blur' } | 103 | this.$message.success('保存成功'); |
| 73 | ], | 104 | this.$popupCacel() |
| 105 | } else { | ||
| 106 | this.$message.error(res.message) | ||
| 107 | } | ||
| 108 | }) | ||
| 74 | }, | 109 | }, |
| 75 | } | 110 | //编辑 |
| 76 | }, | 111 | editTemplate () { |
| 77 | mounted () { | 112 | editPrintTemplate(this.ruleForm).then(res => { |
| 78 | if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData) | 113 | if (res.code == 200) { |
| 79 | }, | 114 | store.dispatch('user/refreshPage', true); |
| 80 | methods: { | 115 | this.$message.success('保存成功'); |
| 81 | //表单提交 | 116 | this.$popupCacel() |
| 82 | submitForm () { | ||
| 83 | if (this.loadStatus == '1') { | ||
| 84 | return this.$message.error("模板设计保存中,请等待...") | ||
| 85 | } | ||
| 86 | this.$refs.ruleForm.validate(valid => { | ||
| 87 | if (valid) { | ||
| 88 | if (this.editFlag) { | ||
| 89 | this.editTemplate(); | ||
| 90 | } else { | 117 | } else { |
| 91 | this.addTemplate(); | 118 | this.$message.error(res.message) |
| 92 | } | 119 | } |
| 93 | } else { | 120 | }) |
| 94 | return false; | 121 | }, |
| 95 | } | 122 | closeDialog () { |
| 96 | }); | 123 | this.$popupCacel() |
| 97 | }, | 124 | this.ruleForm = { |
| 98 | //新增 | 125 | tmpno: '', |
| 99 | addTemplate () { | 126 | tmpname: '', |
| 100 | addPrintTemplate(this.ruleForm).then(res => { | 127 | tmpfont: '', |
| 101 | if (res.code == 200) { | 128 | tmpfontsize: '', |
| 102 | store.dispatch('user/refreshPage', true); | 129 | tmpcontent: '' |
| 103 | this.$message.success('保存成功'); | ||
| 104 | this.$popupCacel() | ||
| 105 | } else { | ||
| 106 | this.$message.error(res.message) | ||
| 107 | } | ||
| 108 | }) | ||
| 109 | }, | ||
| 110 | //编辑 | ||
| 111 | editTemplate () { | ||
| 112 | editPrintTemplate(this.ruleForm).then(res => { | ||
| 113 | if (res.code == 200) { | ||
| 114 | store.dispatch('user/refreshPage', true); | ||
| 115 | this.$message.success('保存成功'); | ||
| 116 | this.$popupCacel() | ||
| 117 | } else { | ||
| 118 | this.$message.error(res.message) | ||
| 119 | } | 130 | } |
| 120 | }) | 131 | this.loadStatus = '0' |
| 121 | }, | 132 | this.editFlag = false; |
| 122 | closeDialog () { | 133 | }, |
| 123 | this.$popupCacel() | 134 | getDetailInfo (item) { |
| 124 | this.ruleForm = { | 135 | this.ruleForm = item; |
| 125 | tmpno: '', | 136 | this.editFlag = true; |
| 126 | tmpname: '', | 137 | }, |
| 127 | tmpfont: '', | 138 | //设计打印模板 |
| 128 | tmpfontsize: '', | 139 | designByPRGData () { |
| 129 | tmpcontent: '' | 140 | let that = this; |
| 141 | that.loadStatus = '1'; | ||
| 142 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 143 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 | ||
| 144 | //窗口关闭后,回调函数中保存的设计代码 | ||
| 145 | if (LODOP.CVERSION) | ||
| 146 | CLODOP.On_Return = function (TaskID, printList) { | ||
| 147 | if (LODOP.CVERSION) | ||
| 148 | LODOP.On_Return = function (TaskID, Value) { | ||
| 149 | document.getElementById("S1").value = Value; | ||
| 150 | }; | ||
| 151 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
| 152 | "ProgramData", | ||
| 153 | 0 | ||
| 154 | ); | ||
| 155 | setTimeout(() => { | ||
| 156 | that.ruleForm.tmpcontent = document.getElementById("S1").value; | ||
| 157 | that.loadStatus = '2'; | ||
| 158 | }, 1000); | ||
| 159 | }; | ||
| 160 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
| 130 | } | 161 | } |
| 131 | this.loadStatus = '0' | ||
| 132 | this.editFlag = false; | ||
| 133 | }, | ||
| 134 | getDetailInfo (item) { | ||
| 135 | this.ruleForm = item; | ||
| 136 | this.editFlag = true; | ||
| 137 | }, | ||
| 138 | //设计打印模板 | ||
| 139 | designByPRGData () { | ||
| 140 | let that = this; | ||
| 141 | that.loadStatus = '1'; | ||
| 142 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 143 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 | ||
| 144 | //窗口关闭后,回调函数中保存的设计代码 | ||
| 145 | if (LODOP.CVERSION) | ||
| 146 | CLODOP.On_Return = function (TaskID, printList) { | ||
| 147 | if (LODOP.CVERSION) | ||
| 148 | LODOP.On_Return = function (TaskID, Value) { | ||
| 149 | document.getElementById("S1").value = Value; | ||
| 150 | }; | ||
| 151 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
| 152 | "ProgramData", | ||
| 153 | 0 | ||
| 154 | ); | ||
| 155 | setTimeout(() => { | ||
| 156 | that.ruleForm.tmpcontent = document.getElementById("S1").value; | ||
| 157 | that.loadStatus = '2'; | ||
| 158 | }, 1000); | ||
| 159 | }; | ||
| 160 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
| 161 | } | 162 | } |
| 162 | } | 163 | } |
| 163 | } | ||
| 164 | </script> | 164 | </script> |
| 165 | <style scoped lang="scss"> | 165 | <style scoped lang="scss"> |
| 166 | @import "~@/styles/mixin.scss"; | 166 | @import "~@/styles/mixin.scss"; |
| 167 | @import "~@/styles/dialogBoxheader.scss"; | 167 | @import "~@/styles/dialogBoxheader.scss"; |
| 168 | 168 | ||
| 169 | .font-red { | 169 | .font-red { |
| 170 | color: red | 170 | color: red; |
| 171 | } | 171 | } |
| 172 | 172 | ||
| 173 | .middle-margin-bottom { | 173 | .middle-margin-bottom { |
| 174 | margin-top: 20px | 174 | margin-top: 20px; |
| 175 | } | 175 | } |
| 176 | </style> | 176 | </style> | ... | ... |
| ... | @@ -57,8 +57,9 @@ | ... | @@ -57,8 +57,9 @@ |
| 57 | watch: { | 57 | watch: { |
| 58 | isRefresh: { | 58 | isRefresh: { |
| 59 | handler (newVal, oldVal) { | 59 | handler (newVal, oldVal) { |
| 60 | if (newVal) this.fetchData | 60 | if (newVal) this.fetchData() |
| 61 | } | 61 | }, |
| 62 | immediate: true | ||
| 62 | } | 63 | } |
| 63 | }, | 64 | }, |
| 64 | methods: { | 65 | methods: { |
| ... | @@ -101,72 +102,9 @@ | ... | @@ -101,72 +102,9 @@ |
| 101 | message: "已取消删除", | 102 | message: "已取消删除", |
| 102 | }); | 103 | }); |
| 103 | }); | 104 | }); |
| 104 | }, | 105 | } |
| 105 | //设计打印模板 | 106 | } |
| 106 | DesignByPRGData (item) { | 107 | } |
| 107 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 108 | LODOP.ADD_PRINT_DATA("ProgramData", item.tmpcontent); //装载模板 | ||
| 109 | //窗口关闭后,回调函数中保存的设计代码 | ||
| 110 | if (LODOP.CVERSION) | ||
| 111 | CLODOP.On_Return = function (TaskID, printList) { | ||
| 112 | if (LODOP.CVERSION) | ||
| 113 | LODOP.On_Return = function (TaskID, Value) { | ||
| 114 | document.getElementById("S1").value = Value; | ||
| 115 | }; | ||
| 116 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
| 117 | "ProgramData", | ||
| 118 | 0 | ||
| 119 | ); | ||
| 120 | setTimeout(() => { | ||
| 121 | item.tmpcontent = document.getElementById("S1").value; | ||
| 122 | }, 1000); | ||
| 123 | }; | ||
| 124 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
| 125 | }, | ||
| 126 | editClick () { | ||
| 127 | let LODOP = getLodop(); | ||
| 128 | LODOP.SET_PRINT_MODE("PRINT_SETUP_PROGRAM", true); | ||
| 129 | LODOP.PRINT_INITA(0, 0, 850, 560, "不动产证明"); | ||
| 130 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='1' src=" + this.images + ">"); | ||
| 131 | LODOP.ADD_PRINT_TEXT(403, 220, 39, 25, this.printList.year); //year | ||
| 132 | LODOP.ADD_PRINT_TEXT(403, 278, 25, 25, this.printList.month); //month | ||
| 133 | LODOP.ADD_PRINT_TEXT(403, 309, 25, 25, this.printList.day); //day | ||
| 134 | LODOP.ADD_PRINT_TEXT(493, 205, 160, 25, this.printList.bh); //编号 | ||
| 135 | // 头部信息 | ||
| 136 | LODOP.ADD_PRINT_TEXT(78, 419, 39, 25, this.printList.xzq); //陕 | ||
| 137 | LODOP.ADD_PRINT_TEXT(78, 466, 39, 25, this.printList.xh); // | ||
| 138 | LODOP.ADD_PRINT_TEXT(78, 520, 60, 25, this.printList.d); // | ||
| 139 | LODOP.ADD_PRINT_TEXT(78, 670, 60, 25, this.printList.h); // | ||
| 140 | |||
| 141 | LODOP.ADD_PRINT_TEXT(119, 555, 190, 25, this.printList.zmsx); //然后多个ADD语句及SET语句 | ||
| 142 | LODOP.ADD_PRINT_TEXT(152, 557, 190, 25, this.printList.qlr); //权利人 | ||
| 143 | LODOP.ADD_PRINT_TEXT(186, 557, 190, 25, this.printList.ywr); //义务人 | ||
| 144 | LODOP.ADD_PRINT_TEXT(219, 557, 190, 25, this.printList.zl); //坐落 | ||
| 145 | LODOP.ADD_PRINT_TEXT(254, 557, 190, 25, this.printList.bdcdyh); //不动产单元号 | ||
| 146 | LODOP.ADD_PRINT_TEXT(318, 557, 190, 67, this.printList.qt); //其他 | ||
| 147 | LODOP.ADD_PRINT_TEXT(426, 557, 190, 67, this.printList.fj); //附记 | ||
| 148 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1); | ||
| 149 | LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", 1); | ||
| 150 | //窗口关闭后,回调函数中保存的设计代码 | ||
| 151 | if (LODOP.CVERSION) | ||
| 152 | CLODOP.On_Return = function (TaskID, printList) { | ||
| 153 | if (LODOP.CVERSION) | ||
| 154 | LODOP.On_Return = function (TaskID, Value) { | ||
| 155 | document.getElementById("S1").value = Value; | ||
| 156 | }; | ||
| 157 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
| 158 | "ProgramData", | ||
| 159 | 0 | ||
| 160 | ); | ||
| 161 | setTimeout(() => { | ||
| 162 | let printValue = document.getElementById("S1").value; | ||
| 163 | console.log("value", printValue); | ||
| 164 | }, 1000); | ||
| 165 | }; | ||
| 166 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
| 167 | }, | ||
| 168 | }, | ||
| 169 | }; | ||
| 170 | </script> | 108 | </script> |
| 171 | <style scoped lang="scss"> | 109 | <style scoped lang="scss"> |
| 172 | @import "~@/styles/public.scss"; | 110 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-20 11:28:09 | 4 | * @LastEditTime: 2023-06-26 17:03:07 |
| 5 | */ | 5 | */ |
| 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
| 7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
| ... | @@ -113,6 +113,7 @@ export default { | ... | @@ -113,6 +113,7 @@ export default { |
| 113 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { | 113 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { |
| 114 | if (res.code == 200) { | 114 | if (res.code == 200) { |
| 115 | getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { | 115 | getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { |
| 116 | console.log(infoRes, 'infoRes'); | ||
| 116 | if (infoRes.code == 200) { | 117 | if (infoRes.code == 200) { |
| 117 | //打开模板设计 | 118 | //打开模板设计 |
| 118 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 119 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ... | ... |
-
Please register or sign in to post a comment