From 79993be468244e6cc16ce9c1d7e8736bd359c600 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期五, 05 五月 2023 14:48:51 +0800 Subject: [PATCH] 样式全面修改,所有页面焕然一新 --- pages/register/register.vue | 44 ++++++++++++++++++++++++++++++++++++-------- 1 files changed, 36 insertions(+), 8 deletions(-) diff --git a/pages/register/register.vue b/pages/register/register.vue index 9948ed9..2ff209a 100644 --- a/pages/register/register.vue +++ b/pages/register/register.vue @@ -35,13 +35,35 @@ <u--input v-model="registerFormModel.carNo" placeholder="璇疯緭鍏ュ唴瀹�" clearable></u--input> </u-form-item> <u-form-item prop="carImg" label="杞﹁締鐓х墖" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required> - <u-upload :fileList="fileList1" deletable @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1" width="250" height="150"> + <u-upload + :fileList="fileList1" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="1" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true" + > <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" mode="widthFix" style="width: 250px;height: 150px;"></image> --> </u-upload> </u-form-item> <u-form-item prop="drivingImg" label="琛岄┒璇�" labelWidth="20%" borderBottom v-if="radiovalue1 == '鍙告満'" required> - <u-upload :fileList="fileList2" deletable @afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1" width="250" height="150"> + <u-upload + :fileList="fileList2" + deletable + @afterRead="afterRead" + @delete="deletePic" + name="2" + multiple + :maxCount="1" + width="250" + height="150" + :previewFullImage="true" + > <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" mode="widthFix" style="width: 250px;height: 150px;"></image> --> </u-upload> @@ -55,6 +77,12 @@ <u-modal :show="editRoleModelShow" :title="title" :content="content" :showCancelButton="true" @confirm="roleConfirm" @cancel="roleCancel"></u-modal> </view> <view class="registerBtn"><u-button text="娉ㄥ唽" type="primary" @click="registerClick"></u-button></view> + <!-- 鍥剧墖棰勮寮瑰嚭妗� --> + <!-- <view class="previewImage-container"> + <u-popup :show="previewImageShow" mode="center" @close="previewImageClose" @open="previewImageOpen"> + <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" width="400px" height="400px"></u--image> + </u-popup> + </view> --> </view> </template> @@ -288,7 +316,6 @@ }, // 鏂板鍥剧墖 async afterRead(event) { - console.log('event', event); // 褰撹缃� mutiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮� let lists = [].concat(event.file); let fileListLen = this[`fileList${event.name}`].length; @@ -307,7 +334,7 @@ 1, Object.assign(item, { status: 'success', - message: '', + message: '涓婁紶鎴愬姛', url: result }) ); @@ -320,15 +347,16 @@ url: BaseUrl + '/admin/sys-file/uploadUnToken', filePath: url, name: 'file', - // formData: { - // user: 'test' - // }, + formData: { + // user: '' + }, success: res => { - resolve(JSON.parse(res.data).data.url); if (num == 1) { this.registerFormModel.carImg = JSON.parse(res.data).data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } else if (num == 2) { this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; + resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); } } }); -- Gitblit v1.9.1