Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
3 changed files
with
58 additions
and
41 deletions
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-07-28 14:59:55 | 4 | * @LastEditTime: 2023-07-31 15:43:30 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> | 
| ... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ | 
| 23 | <div class="thumb-wrap"> | 23 | <div class="thumb-wrap"> | 
| 24 | <div class="thumb-wrap-button"> | 24 | <div class="thumb-wrap-button"> | 
| 25 | <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button> | 25 | <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button> | 
| 26 | <el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | 26 | <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | 
| 27 | :on-change="handleChange" | 27 | :on-change="handleChange" | 
| 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> | 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> | 
| 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | 
| ... | @@ -70,6 +70,7 @@ | ... | @@ -70,6 +70,7 @@ | 
| 70 | }, | 70 | }, | 
| 71 | data () { | 71 | data () { | 
| 72 | return { | 72 | return { | 
| 73 | key: 0, | ||
| 73 | isScan: false, | 74 | isScan: false, | 
| 74 | // 打开高拍仪 | 75 | // 打开高拍仪 | 
| 75 | scanTitle: '打开高拍仪', | 76 | scanTitle: '打开高拍仪', | 
| ... | @@ -223,28 +224,20 @@ | ... | @@ -223,28 +224,20 @@ | 
| 223 | clickImage () { | 224 | clickImage () { | 
| 224 | this.showViewer = true | 225 | this.showViewer = true | 
| 225 | }, | 226 | }, | 
| 226 | // 上传 | ||
| 227 | /** | 227 | /** | 
| 228 | * @description: 上传 | 228 | * @description: 上传 | 
| 229 | * @param {*} file | 229 | * @param {*} file | 
| 230 | * @author: renchao | 230 | * @author: renchao | 
| 231 | */ | 231 | */ | 
| 232 | beforeUpload (file) { | 232 | beforeUpload (file) { | 
| 233 | const isJPEG = file.type === 'image/jpeg' | 233 | const isLt5M = file.size / 1024 / 1024 < 5; | 
| 234 | const isPNG = file.type === 'image/png' | ||
| 235 | const isJPG = file.type === 'image/jpg' | ||
| 236 | const isGIF = file.type === 'image/gif' | ||
| 237 | const isLt5M = file.size / 1024 / 1024 < 5 | ||
| 238 | if (!isJPEG && !isGIF && !isPNG && !isJPG && !isGIF) { | ||
| 239 | this.$message.error('请选择jpeg/png/jpg/bmp/gif格式的图片后重试') | ||
| 240 | this.loading = false | ||
| 241 | } | ||
| 242 | if (!isLt5M) { | 234 | if (!isLt5M) { | 
| 243 | this.$message.error('上传图片大小不能超过 5MB!') | 235 | this.$message.error('上传图片大小不能超过 5MB!'); | 
| 244 | this.loading = false | 236 | return false; | 
| 245 | } | 237 | } | 
| 246 | this.imgHidden = (isJPG || isJPEG || isPNG || isGIF) && isLt5M | 238 | |
| 247 | return this.imgHidden | 239 | // 所有条件满足时返回 true | 
| 240 | return true; | ||
| 248 | }, | 241 | }, | 
| 249 | /** | 242 | /** | 
| 250 | * @description: handleChange | 243 | * @description: handleChange | 
| ... | @@ -253,17 +246,28 @@ | ... | @@ -253,17 +246,28 @@ | 
| 253 | * @author: renchao | 246 | * @author: renchao | 
| 254 | */ | 247 | */ | 
| 255 | async handleChange (file, fileList) { | 248 | async handleChange (file, fileList) { | 
| 249 | if (!this.beforeUpload(file)) return | ||
| 256 | let length = fileList.length; | 250 | let length = fileList.length; | 
| 257 | this.maxFileLength = Math.max(length, this.maxFileLength) | 251 | this.maxFileLength = Math.max(length, this.maxFileLength) | 
| 258 | console.log(fileList, this.maxFileLength, 'this.maxFileLength'); | ||
| 259 | var formData = new FormData(); | 252 | var formData = new FormData(); | 
| 260 | setTimeout(() => { | 253 | setTimeout(() => { | 
| 261 | if (this.maxFileLength !== length) { | 254 | if (this.maxFileLength !== length) { | 
| 262 | return | 255 | return | 
| 263 | } | 256 | } | 
| 257 | let num = 0 | ||
| 264 | fileList.forEach(item => { | 258 | fileList.forEach(item => { | 
| 259 | if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) { | ||
| 260 | num++ | ||
| 261 | } else { | ||
| 265 | formData.append('file', item.raw) | 262 | formData.append('file', item.raw) | 
| 263 | } | ||
| 266 | }) | 264 | }) | 
| 265 | if (num >= 1) { | ||
| 266 | this.$message.error("请选择jpeg/png/jpg/bmp/gif格式的图片后重试") | ||
| 267 | // 移除不支持的文件类型 | ||
| 268 | this.key++ | ||
| 269 | return; | ||
| 270 | } | ||
| 267 | formData.append("bsmSj", this.previewImg.bsmSj); | 271 | formData.append("bsmSj", this.previewImg.bsmSj); | 
| 268 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 272 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 
| 269 | uploadBatch(formData).then((res) => { | 273 | uploadBatch(formData).then((res) => { | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-07-28 11:37:31 | 4 | * @LastEditTime: 2023-07-31 13:59:45 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="clxx"> | 7 | <div class="clxx"> | 
| ... | @@ -253,7 +253,8 @@ | ... | @@ -253,7 +253,8 @@ | 
| 253 | //查看明细 | 253 | //查看明细 | 
| 254 | viewDetail () { | 254 | viewDetail () { | 
| 255 | this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { | 255 | this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { | 
| 256 | data: this.tableData | 256 | data: this.tableData, | 
| 257 | unitData: this.$parent.unitData | ||
| 257 | }, "60%") | 258 | }, "60%") | 
| 258 | }, | 259 | }, | 
| 259 | //设置tableData | 260 | //设置tableData | ... | ... | 
| 1 | <!-- | 1 | <!-- | 
| 2 | * @Description: | 2 | * @Description: | 
| 3 | * @Autor: renchao | 3 | * @Autor: renchao | 
| 4 | * @LastEditTime: 2023-07-28 09:35:42 | 4 | * @LastEditTime: 2023-07-31 14:27:07 | 
| 5 | --> | 5 | --> | 
| 6 | <template> | 6 | <template> | 
| 7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> | 
| 8 | <div class="title">申请材料目录</div> | 8 | <div class="title">申请材料目录</div> | 
| 9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data"> | 9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> | 
| 10 | </lb-table> | 10 | </lb-table> | 
| 11 | <div class="text-center"> | 11 | <div class="text-center"> | 
| 12 | <el-button @click="$popupCacel">取消</el-button> | 12 | <el-button @click="$popupCacel">取消</el-button> | 
| ... | @@ -14,6 +14,7 @@ | ... | @@ -14,6 +14,7 @@ | 
| 14 | </div> | 14 | </div> | 
| 15 | </template> | 15 | </template> | 
| 16 | <script> | 16 | <script> | 
| 17 | import Vue from 'vue' | ||
| 17 | import store from '@/store/index.js' | 18 | import store from '@/store/index.js' | 
| 18 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 19 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 
| 19 | export default { | 20 | export default { | 
| ... | @@ -38,21 +39,21 @@ | ... | @@ -38,21 +39,21 @@ | 
| 38 | label: "是否必选", | 39 | label: "是否必选", | 
| 39 | width: "80", | 40 | width: "80", | 
| 40 | render: (h, scope) => { | 41 | render: (h, scope) => { | 
| 41 | if (scope.row.sfxjcl === "1") { | 42 | if (scope.row.isrequired === "1") { | 
| 42 | return ( | 43 | return ( | 
| 43 | <div> | 44 | <div> | 
| 44 | <span>可选</span> | 45 | <span>必选</span> | 
| 45 | </div> | 46 | </div> | 
| 46 | ); | 47 | ); | 
| 47 | } | 48 | } | 
| 48 | else { | 49 | else { | 
| 49 | return ( | 50 | return ( | 
| 50 | <div> | 51 | <div> | 
| 51 | <span>必选</span> | 52 | <span>可选</span> | 
| 52 | </div> | 53 | </div> | 
| 53 | ); | 54 | ) | 
| 55 | } | ||
| 54 | } | 56 | } | 
| 55 | }, | ||
| 56 | }, | 57 | }, | 
| 57 | { | 58 | { | 
| 58 | prop: "sjmc", | 59 | prop: "sjmc", | 
| ... | @@ -67,13 +68,23 @@ | ... | @@ -67,13 +68,23 @@ | 
| 67 | <div> | 68 | <div> | 
| 68 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | 69 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | 
| 69 | </div> | 70 | </div> | 
| 70 | ); | 71 | ) | 
| 71 | }, | 72 | } | 
| 72 | }, | 73 | }, | 
| 73 | { | 74 | { | 
| 74 | prop: "sjsl", | 75 | prop: "sjsl", | 
| 75 | label: "份数", | 76 | label: "份数", | 
| 76 | width: "50" | 77 | width: "50", | 
| 78 | render: (h, scope) => { | ||
| 79 | return ( | ||
| 80 | <div> | ||
| 81 | { | ||
| 82 | scope.row.sjsl ? | ||
| 83 | <span>{scope.row.sjsl}</span> : 1 | ||
| 84 | } | ||
| 85 | </div> | ||
| 86 | ) | ||
| 87 | } | ||
| 77 | }, | 88 | }, | 
| 78 | { | 89 | { | 
| 79 | prop: "smzt", | 90 | prop: "smzt", | 
| ... | @@ -147,11 +158,16 @@ | ... | @@ -147,11 +158,16 @@ | 
| 147 | tableData: [] | 158 | tableData: [] | 
| 148 | } | 159 | } | 
| 149 | }, | 160 | }, | 
| 150 | created () { | 161 | watch: { | 
| 151 | console.log(this.formData.data, 'formData'); | 162 | 'formData.data': { | 
| 163 | handler: function (val, oldVal) { | ||
| 164 | this.tableData = _.cloneDeep(val) | ||
| 165 | }, | ||
| 166 | immediate: true, | ||
| 167 | deep: true | ||
| 168 | } | ||
| 152 | }, | 169 | }, | 
| 153 | methods: { | 170 | methods: { | 
| 154 | // 材料目录明细初始化 | ||
| 155 | /** | 171 | /** | 
| 156 | * @description: 材料目录明细初始化 | 172 | * @description: 材料目录明细初始化 | 
| 157 | * @author: renchao | 173 | * @author: renchao | 
| ... | @@ -160,24 +176,24 @@ | ... | @@ -160,24 +176,24 @@ | 
| 160 | return new Promise(resolve => { | 176 | return new Promise(resolve => { | 
| 161 | this.unitData = this.$parent.unitData; | 177 | this.unitData = this.$parent.unitData; | 
| 162 | var formdata = new FormData(); | 178 | var formdata = new FormData(); | 
| 163 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | 179 | formdata.append("bsmSldy", this.formData.unitData[0]?.bsmSldy); | 
| 164 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 180 | formdata.append("bsmSlsq", Vue.prototype.$currentRoute.query.bsmSlsq); | 
| 165 | formdata.append("clfl", 2); | 181 | formdata.append("clfl", 2); | 
| 166 | InitClml(formdata).then((res) => { | 182 | InitClml(formdata).then((res) => { | 
| 167 | if (res.code == 200) { | 183 | if (res.code == 200) { | 
| 168 | resolve(res.code) | 184 | resolve(res.code) | 
| 169 | if (res.result && res.result.length > 0) { | 185 | if (res.result && res.result.length > 0) { | 
| 170 | this.data = res.result; | 186 | this.tableData = res.result; | 
| 171 | } else { | 187 | } else { | 
| 172 | this.data = [] | 188 | this.tableData = [] | 
| 173 | } | 189 | } | 
| 190 | console.log(this.tableData, 'this.tableData'); | ||
| 174 | } else { | 191 | } else { | 
| 175 | this.$message.error(res.message) | 192 | this.$message.error(res.message) | 
| 176 | } | 193 | } | 
| 177 | }) | 194 | }) | 
| 178 | }) | 195 | }) | 
| 179 | }, | 196 | }, | 
| 180 | // 上移 | ||
| 181 | /** | 197 | /** | 
| 182 | * @description: 上移 | 198 | * @description: 上移 | 
| 183 | * @param {*} index | 199 | * @param {*} index | 
| ... | @@ -199,14 +215,12 @@ | ... | @@ -199,14 +215,12 @@ | 
| 199 | message: '上移成功', | 215 | message: '上移成功', | 
| 200 | type: 'success' | 216 | type: 'success' | 
| 201 | }) | 217 | }) | 
| 202 | this.$parent.setTableData(this.data) | ||
| 203 | } | 218 | } | 
| 204 | } else { | 219 | } else { | 
| 205 | this.$message.error(res.message); | 220 | this.$message.error(res.message); | 
| 206 | } | 221 | } | 
| 207 | }) | 222 | }) | 
| 208 | }, | 223 | }, | 
| 209 | // 下移 | ||
| 210 | /** | 224 | /** | 
| 211 | * @description: 下移 | 225 | * @description: 下移 | 
| 212 | * @param {*} index | 226 | * @param {*} index | 
| ... | @@ -256,7 +270,6 @@ | ... | @@ -256,7 +270,6 @@ | 
| 256 | message: "删除成功", | 270 | message: "删除成功", | 
| 257 | type: "success", | 271 | type: "success", | 
| 258 | }) | 272 | }) | 
| 259 | // this.$parent.setTableData(this.data) | ||
| 260 | } | 273 | } | 
| 261 | } | 274 | } | 
| 262 | }) | 275 | }) | 
| ... | @@ -293,7 +306,6 @@ | ... | @@ -293,7 +306,6 @@ | 
| 293 | @import "~@/styles/mixin.scss"; | 306 | @import "~@/styles/mixin.scss"; | 
| 294 | .clmlmx-box { | 307 | .clmlmx-box { | 
| 295 | margin: 0 auto; | 308 | margin: 0 auto; | 
| 296 | |||
| 297 | .title { | 309 | .title { | 
| 298 | text-align: center; | 310 | text-align: center; | 
| 299 | height: 60px; | 311 | height: 60px; | ... | ... | 
- 
Please register or sign in to post a comment