From e6dccb3b16847f4bda31f305113070596677caff Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期五, 23 八月 2024 17:13:25 +0800 Subject: [PATCH] - --- src/pages/enterprise/enterprise.vue | 157 ++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 109 insertions(+), 48 deletions(-) diff --git a/src/pages/enterprise/enterprise.vue b/src/pages/enterprise/enterprise.vue index 84e2057..9639b8e 100644 --- a/src/pages/enterprise/enterprise.vue +++ b/src/pages/enterprise/enterprise.vue @@ -1,32 +1,47 @@ <template> <view class="full-page"> <view class="content"> - <up-form labelPosition="left" :model="model1" :rules="rules" ref="form1" labelWidth='90'> - <up-form-item label="鍏徃钀ヤ笟鎵х収" prop="userInfo.sex" required borderBottom @click="showSex = true; hideKeyboard()" - ref="item1"> - <tem-upload src='/static/upload.png'/> + <up-form labelPosition="left" :model="enterpriseInfo" :rules="rules" ref="form1" labelWidth='90'> + <up-form-item label="鍏徃钀ヤ笟鎵х収" prop="enterpriseInfo.businessLicense" required borderBottom ref="item1"> + <fui-upload immediate :url="`${apiBaseUrl}api/UpFile/UpBizLicense`" ref="uploadB" max='1' + background='#fff' @success="success" @error="error" @complete="complete" width="300" + height="150"> + <image + :src="enterpriseInfo.businessLicense?enterpriseInfo.businessLicense:'/static/enterprise.png'" + mode="widthFix" style="width: 300rpx;height: 150rpx;"></image> + </fui-upload> <!-- <template #right> <up-icon name="arrow-right"></up-icon> </template> --> </up-form-item> - <up-form-item label="浼佷笟鍚嶇О" required prop="userInfo.name" borderBottom ref="item1"> - <up-input v-model="state.model1.userInfo.name" border="none" placeholder="璇疯緭鍏ヤ紒涓氬悕绉�"></up-input> + <up-form-item label="浼佷笟鍚嶇О" required prop="enterpriseInfo.suppliername" borderBottom ref="item1"> + <up-input v-model="enterpriseInfo.suppliername" border="none" placeholder="璇疯緭鍏ヤ紒涓氬悕绉�" + readonly></up-input> </up-form-item> - <up-form-item label="浼佷笟娉ㄥ唽鍦板潃" required prop="userInfo.name" borderBottom ref="item1"> - <up-input v-model="state.model1.userInfo.name" border="none" placeholder="璇疯緭鍏ヤ紒涓氭敞鍐屽湴鍧�"></up-input> + <up-form-item label="浼佷笟娉ㄥ唽鍙�" required prop="enterpriseInfo.suppliercode" borderBottom ref="item1"> + <up-input v-model="enterpriseInfo.suppliercode" border="none" placeholder="璇疯緭鍏ヤ紒涓氭敞鍐屽彿" + readonly></up-input> </up-form-item> - <up-form-item label="鑱旂郴浜�" required prop="userInfo.name" borderBottom ref="item1"> - <up-input v-model="state.model1.userInfo.name" border="none" placeholder="璇疯緭鍏ヨ仈绯讳汉"></up-input> + <up-form-item label="娉ㄥ唽鏃堕棿" required prop="enterpriseInfo.regtime" borderBottom ref="item1"> + <up-input v-model="enterpriseInfo.regtime" border="none" placeholder="璇疯緭鍏ヤ紒涓氭敞鍐屽彿" readonly></up-input> </up-form-item> - <up-form-item label="鑱旂郴鐢佃瘽" required prop="userInfo.name" borderBottom ref="item1"> - <up-input v-model="state.model1.userInfo.name" border="none" placeholder="璇疯緭鍏ヨ仈绯荤數璇�"></up-input> + <up-form-item label="浼佷笟娉ㄥ唽鍦板潃" required prop="enterpriseInfo.address" borderBottom ref="item1"> + <up-input v-model="enterpriseInfo.address" border="none" placeholder="璇疯緭鍏ヤ紒涓氭敞鍐屽湴鍧�" + readonly></up-input> </up-form-item> - - <up-form-item label="鍏徃绠�浠�" required prop="userInfo.name" borderBottom ref="item1"> - <up-textarea v-model="state.model1.userInfo.name" placeholder="璇疯緭鍏ュ叕鍙哥畝浠�" ></up-textarea> + <up-form-item label="鑱旂郴浜�" required prop="enterpriseInfo.contact" borderBottom ref="item1"> + <up-input v-model="enterpriseInfo.contact" border="none" placeholder="璇疯緭鍏ヨ仈绯讳汉"></up-input> + </up-form-item> + <up-form-item label="鑱旂郴鐢佃瘽" required prop="enterpriseInfo.phone" borderBottom ref="item1"> + <up-input v-model="enterpriseInfo.phone" border="none" placeholder="璇疯緭鍏ヨ仈绯荤數璇�"></up-input> + </up-form-item> + + <up-form-item label="鍏徃绠�浠�" required prop="enterpriseInfo.resume" borderBottom ref="item1"> + <up-textarea v-model="enterpriseInfo.resume" count placeholder="璇疯緭鍏ュ叕鍙哥畝浠�" + maxlength='800'></up-textarea> </up-form-item> <view class="tabbtns"> - <up-button color='#fece01' class="text-69" text="淇濆瓨"></up-button> + <up-button color='#fece01' class="text-69" text="淇濆瓨" @click="saveUserCompany"></up-button> </view> </up-form> </view> @@ -36,48 +51,94 @@ <script setup> import { + apiBaseUrl + } from '@/common/setting/constVarsHelper.js'; + import { + onLoad, + onShow + } from "@dcloudio/uni-app"; + + import { ref, - reactive + reactive, + getCurrentInstance } from 'vue'; - - // 浣跨敤 reactive 鍒涘缓鍝嶅簲寮忕姸鎬� - const state = reactive({ - showSex: false, - model1: { - userInfo: { - name: '', - sex: '', - }, - }, - actions: [{ - name: '鐢�' - }, - { - name: '濂�' - }, - { - name: '淇濆瘑' - }, - ], - - radio: '', - switchVal: false, - }); - + const { + $upload, + $api, + $util, + $db + } = getCurrentInstance().appContext.config.globalProperties + onLoad(() => { + let data = JSON.parse($db.get('userInfo')).userCompany + if (data) { + enterpriseInfo.businessLicense = data.businessLicense + enterpriseInfo.suppliername = data.suppliername //浼佷笟鍚嶇О + enterpriseInfo.regtime = data.regtime //娉ㄥ唽鏃堕棿 + enterpriseInfo.address = data.address //鑱旂郴鍦板潃 + enterpriseInfo.suppliercode = data.suppliercode //浼佷笟娉ㄥ唽鍙� + enterpriseInfo.contact = data.contact //鑱旂郴浜� + enterpriseInfo.phone = data.phone //鑱旂郴鐢佃瘽 + enterpriseInfo.id = data.id + enterpriseInfo.resume = data.resume + } + }) // 浣跨敤 ref 鍒涘缓鍝嶅簲寮忓紩鐢� const formRef = ref(null); + const enterpriseInfo = reactive({ + id: 0, //鐢ㄦ埛鍏徃Id + businessLicense: '', //钀ヤ笟鎵х収璺緞 + suppliername: '', //浼佷笟鍚嶇О + regtime: '', //娉ㄥ唽鏃堕棿 + address: '', //鑱旂郴鍦板潃 + suppliercode: '', //浼佷笟娉ㄥ唽鍙� + contact: '', //鑱旂郴浜� + phone: '', //鑱旂郴鐢佃瘽 + resume: '', //鍏徃绠�浠� + }) - // 瀹氫箟鏂规硶 - function sexSelect(e) { - state.model1.userInfo.sex = e.name; - if (formRef.value) { - formRef.value.validateField('userInfo.sex'); + //涓婁紶鎴愬姛鏃惰Е鍙� + const success = (e) => { + //e.res 涓烘湇鍔″櫒杩斿洖鏁版嵁 + //涓婁紶鎴愬姛鍥炶皟锛屽鐞嗘湇鍔″櫒杩斿洖鏁版嵁銆愭澶勬牴鎹疄闄呰繑鍥炴暟鎹繘琛屽鐞嗐�� + let res = JSON.parse(e.res.data.replace(/\ufeff/g, "") || "{}") + console.log(res.data); + if (res.data.url) { + enterpriseInfo.businessLicense = res.data.url + enterpriseInfo.suppliername = res.data.info.name //浼佷笟鍚嶇О + enterpriseInfo.regtime = res.data.info.setDate //娉ㄥ唽鏃堕棿 + enterpriseInfo.address = res.data.info.address //鑱旂郴鍦板潃 + enterpriseInfo.suppliercode = res.data.info.regNum //浼佷笟娉ㄥ唽鍙� + enterpriseInfo.contact = res.data.info.person //鑱旂郴浜� } + } + //涓婁紶澶辫触鏃惰Е鍙� + const error = (e) => {} + //閫夋嫨鍥剧墖鎴栦笂浼犲畬鎴愭椂瑙﹀彂 + const complete = (e) => { + if (e.action == 'delete') { + // 鍒犻櫎澶勭悊 + } + console.log(e, '鍒犻櫎') + + } + const saveUserCompany = () => { + $api.saveUserCompany(enterpriseInfo).then(res => { + if (res.code == 1) { + $api.getUser().then(res => { + $db.set('userInfo', JSON.stringify(res.data)) + }) + $util.showToast({ + title: "淇濆瓨鎴愬姛锛�", + icon: "success" + }) + } + }) } </script> <style> - .content{ + .content { background-color: #fff; padding: 0 20rpx; } -- Gitblit v1.9.1