diff --git a/App.vue b/App.vue index eee1add..5a2765a 100644 --- a/App.vue +++ b/App.vue @@ -21,7 +21,10 @@ export default { @import "./tm-vuetify/mian.min.css"; @import "./tm-vuetify/scss/theme.css"; @import "uview-ui/index.scss"; - +.u-upload__button{ + width: 404rpx!important; + height: 306rpx!important; +} .u-tabbar__content { height: 166rpx; } diff --git a/pages/consignment-painting/index.vue b/pages/consignment-painting/index.vue index 46e4378..30b2694 100644 --- a/pages/consignment-painting/index.vue +++ b/pages/consignment-painting/index.vue @@ -10,7 +10,15 @@ </template> </title-block> <div class="content2"> - <image :src="info.artworkImg"></image> + <u-upload + :fileList="fileList1" + @afterRead="afterRead" + @delete="deletePic" + name="1" + multiple + :maxCount="10" + ></u-upload> +<!-- <image :src="info.artworkImg"></image>--> </div> <tm-poup height="700" v-model="show_2" position="bottom"> <div class="poup1"> @@ -174,7 +182,6 @@ </template> <script> import {postDataByParams} from "../../http/service"; - export default { name: "order-details", data() { @@ -195,6 +202,7 @@ export default { days.push(i) } return { + fileList1:[], dayMoney:'', expectedPayment:'', warehouseID: '', @@ -239,6 +247,33 @@ export default { this.data = [today.getFullYear(), today.getMonth() + 1, today.getDate()] }, methods: { + // 删除图片 + deletePic(event) { + this[`fileList${event.name}`].splice(event.index, 1) + }, + // 新增图片 + async afterRead(event) { + // 当设置 multiple 为 true 时, file 为数组格式,否则为对象格式 + let lists = [].concat(event.file) + let fileListLen = this[`fileList${event.name}`].length + lists.map((item) => { + this[`fileList${event.name}`].push({ + ...item, + status: 'uploading', + message: '上传中' + }) + }) + for (let i = 0; i < lists.length; i++) { + const result = await this.uploadFilePromise(lists[i].url) + let item = this[`fileList${event.name}`][fileListLen] + this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, { + status: 'success', + message: '', + url: result + })) + fileListLen++ + } + }, async signContract(){ const data={ @@ -307,6 +342,7 @@ export default { const res = await postDataByParams('/api/warehouse/ocr', data) if (res.code === 200) { this.info = res.data + this.fileList1=[this.info.artworkImg] } else { uni.showToast({ title: res.msg,