From ae95604f4d0f8211ffa79587ca3f42da16842609 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期五, 16 八月 2024 17:15:57 +0800 Subject: [PATCH] - --- src/pages/release/index.vue | 121 ++++++++++++++++++++++++++++----------- 1 files changed, 86 insertions(+), 35 deletions(-) diff --git a/src/pages/release/index.vue b/src/pages/release/index.vue index 76c066f..703211f 100644 --- a/src/pages/release/index.vue +++ b/src/pages/release/index.vue @@ -2,67 +2,71 @@ <view class="full-page c-m-b-40"> <view class="list c-p-t-10"> <up-form labelPosition="left" :model="model1" ref="form1" labelWidth='160rpx'> - <view class="content c-p-20 c-m-t-10 c-m-b-20"> - <up-form-item label="鏍囬" prop="userInfo.name" :borderBottom='false' ref="item1"> - <up-input v-model="model1.userInfo.name" border="none" placeholder="璇峰~鍐欐嫑宸ラ渶姹�,濡�:璐存爣鎵撳寘"></up-input> + <view class="content c-p-10 c-p-l-24 c-m-t-10 c-m-b-20"> + <up-form-item label="宸ヤ綔鍚嶇О" prop="userInfo.name" :borderBottom='false' ref="item1"> + <up-input v-model="model1.userInfo.name" border="none" placeholder="璇峰~鍐欏伐浣滃悕绉�"></up-input> <template #right> <up-icon name="arrow-right"></up-icon> </template> </up-form-item> </view> - <view class="content c-p-20 c-m-t-10 c-m-b-20"> - <up-form-item label="宸ヤ綔鏃堕棿" prop="userInfo.name" :borderBottom='false' ref="item1"> - <up-input v-model="model1.userInfo.name" border="none" placeholder="濡備粖澶�9:00-浠婂ぉ17:00"></up-input> + <view class="content c-p-10 c-p-l-24 c-m-t-10 c-m-b-20"> + <up-form-item label="宸ヤ綔鏃堕棿" prop="userInfo.name" :borderBottom='false' ref="item1" + @click="clickTime"> + <up-input v-model="model1.userInfo.name" border="none" readonly + placeholder="鐐瑰嚮閫夋嫨宸ヤ綔鏃堕棿"></up-input> <up-icon #right name="arrow-right"></up-icon> </up-form-item> </view> - <view class="content c-p-20 c-m-t-10 c-m-b-20"> - <up-form-item label="鎬у埆瑕佹眰" prop="userInfo.name" :borderBottom='false' ref="item1"> - - <up-tag class='c-p-r-14' text="鐢�" type="warning" plain size="large"></up-tag> + <view class="content c-p-10 c-p-l-24 c-m-t-10 c-m-b-20"> + <up-form-item label="鐢ㄥ伐瑕佹眰" prop="userInfo.name" :borderBottom='false' ref="item1"> + <view class="c-p-b-20"> + <up-textarea v-model="value1" border="none" placeholder="璇疯緭鍏ョ敤宸ヨ姹�" count + maxlength='400'></up-textarea> + </view> + <!-- <up-tag class='c-p-r-14' text="鐢�" type="warning" plain size="large"></up-tag> <up-tag class='c-p-r-14' text="濂�" type="warning" plain size="large"></up-tag> - <up-tag class='c-p-r-14' text="涓嶉檺" type="warning" size="large"></up-tag> + <up-tag class='c-p-r-14' text="涓嶉檺" type="warning" size="large"></up-tag> --> <!-- <up-input v-model="model1.userInfo.name" border="none" placeholder="濡備粖澶�9:00-浠婂ぉ17:00"></up-input> --> </up-form-item> - <view class="c-p-t-20 c-p-b-20"> + <!-- <view class="c-p-t-20 c-p-b-20"> <up-form-item label="骞撮緞闄愬埗" prop="userInfo.name" :borderBottom='false' ref="item1"> <up-input v-model="model1.userInfo.name" border="none" placeholder="16~涓嶉檺"></up-input> <up-icon #right name="arrow-right"></up-icon> </up-form-item> - </view> + </view> --> <view class="c-p-t-20 c-p-b-20"> <up-form-item label="鎷涘伐浜烘暟" prop="userInfo.name" :borderBottom='false' ref="item1"> <up-number-box v-model="model1.userInfo.value" @change="valChange"></up-number-box> </up-form-item> </view> <view class="c-p-t-20 c-p-b-20"> - <up-form-item label="宸ヤ綔鍦扮偣" prop="userInfo.name" :borderBottom='false' ref="item1"> - <up-input v-model="model1.userInfo.address" border="none" - placeholder="濡備粖澶�9:00-浠婂ぉ17:00"></up-input> + <up-form-item label="宸ヤ綔鍦扮偣" prop="userInfo.name" :borderBottom='false' ref="item1" @click="toMap"> + <up-input v-model="model1.userInfo.address" border="none" readonly placeholder="璇疯緭鍏ュ伐浣滃湴鐐�"></up-input> <up-icon #right name="arrow-right"></up-icon> </up-form-item> </view> </view> - <view class="content c-p-20 c-m-t-10 c-m-b-20"> + <view class="content c-p-10 c-p-l-24 c-m-t-10 c-m-b-20"> <up-form-item label="鑱旂郴鐢佃瘽" prop="userInfo.name" :borderBottom='false' ref="item1"> - <up-input v-model="model1.userInfo.number" border="none" - placeholder="濡備粖澶�9:00-浠婂ぉ17:00"></up-input> + <up-input v-model="model1.userInfo.number" border="none" placeholder="璇疯緭鍏ヨ仈绯荤數璇�"></up-input> </up-form-item> </view> - <view class="content c-p-20 c-m-t-10 c-m-b-20"> + <view class="content c-p-10 c-p-l-24 c-m-t-10 c-m-b-20"> <up-form-item label="鏂瑰紡" prop="userInfo.name" :borderBottom='false' ref="item1"> - <up-tag class='c-p-r-14' text="璁℃椂" type="warning" size="large"></up-tag> - <up-tag class='c-p-r-14' text="璁′欢" type="warning" plain size="large"></up-tag> + <up-tag class='c-p-r-14' text="璁℃椂" type="warning" :plain='!(style=="time")' size="large" + @click='changStyle("time")'></up-tag> + <up-tag class='c-p-r-14' text="璁′欢" type="warning" :plain='!(style=="piece")' size="large" + @click='changStyle("piece")'></up-tag> </up-form-item> </view> - <view class="content c-p-20 c-m-t-10 c-m-b-20"> + <view class="content c-p-10 c-p-l-24 c-m-t-10 c-m-b-20"> <up-form-item label="璁℃椂宸ヤ环" prop="userInfo.name" :borderBottom='false' ref="item1"> - <up-input v-model="model1.userInfo.xiaoshi" border="none" - placeholder="濡備粖澶�9:00-浠婂ぉ17:00"> - <template #suffix>鍏�/灏忔椂</template></up-input> + <up-input v-model="model1.userInfo.xiaoshi" border="none" placeholder="濡備粖澶�9:00-浠婂ぉ17:00"> + <template #suffix>{{style=="time"?'鍏�/灏忔椂':'鍏�/浠�'}}</template></up-input> </up-form-item> </view> - <view class="coreshop-bg-white c-m-t-20 c-p-20"> + <!-- <view class="coreshop-bg-white c-m-t-20 c-p-20"> <view class="c-p-b-20 colorgray"> 鎷涘伐瑕佹眰鎴栫鍒�(鍙閫�) </view> @@ -75,15 +79,17 @@ <view class="c-p-b-20"> <up-textarea v-model="value1" placeholder="璇疯緭鍏�:鍙互琛ュ厖鎷涘伐瑕佹眰鍜岀鍒�" ></up-textarea> </view> - </view> + </view> --> </up-form> </view> <view class="tabbtns"> <up-button color='#fece01' class="text-69" text="鍙戝竷鎷涘伐"></up-button> </view> - <fui-fab :zIndex="10" background='#fff' bottom='150'> + <!-- <fui-fab :zIndex="10" background='#fff' bottom='250'> <fui-icon name="kefu-fill" color='#000'></fui-icon> - </fui-fab> + </fui-fab> --> + <fui-date-picker range :show="datePickerShow" type="5" @change="changePicker" + @cancel="cancel"></fui-date-picker> </view> </template> @@ -92,8 +98,12 @@ ref, reactive } from 'vue'; - const tags = ['鍙棤缁忛獙','鏅氫笂鍖呴キ','鍙鐔熸墜','鎵嬭剼楹诲埄','涓崍鍖呴キ','鍚冮キ涓嶆墸鏃�','涓嶇(娲嬪伐','绂佹鍚哥儫'] + import { useStore } from 'vuex' + let longitude= ref(0) + let latitude= ref(0) + const store = useStore() const value1 = ref('') + let datePickerShow = ref(false) const model1 = reactive({ userInfo: { name: '', @@ -101,18 +111,59 @@ number: 12345678989, value: 3, address: '鍥涘窛鐪佹垚閮藉競姝︿警鍖虹幆鐞冧笢璺�', - xiaoshi:20 + xiaoshi: 20, + longitude:0, + latitude:0 }, }); + const style = ref('time') + const changStyle = (val) => { + style.value = val + } + const clickTime = () => { + datePickerShow.value = !datePickerShow.value + } + const changePicker = (val) => { + console.log(val); + } + const toMap = () => { + // #ifdef MP-WEIXIN + console.log(store,'store鈥�'); + const txMapkey = store.state.config.qqMapKey; //浣跨敤鍦ㄨ吘璁綅缃湇鍔$敵璇风殑key + const referer = store.state.config.shopName; //璋冪敤鎻掍欢鐨刟pp鐨勫悕绉� + const location = JSON.stringify({ + latitude: model1.userInfo.latitude == "" ? latitude : model1.userInfo.latitude, + longitude: model1.userInfo.longitude == "" ? longitude : model1.userInfo.longitude + }); + const category = ''; + + wx.navigateTo({ + url: 'plugin://chooseLocation/index?key=' + txMapkey + '&referer=' + referer + + '&location=' + + location + '&category=' + category + }); + // #endif + + // #ifdef APP-PLUS || APP-PLUS-NVUE + uni.chooseLocation({ + success: (res) => { + console.log(res,'res'); + } + }); + // #endif + } </script> <style> - .list{ - - } + .list {} + .content { width: 100%; box-sizing: border-box; background-color: #fff; } + + .u-textarea { + padding: 0 !important; + } </style> \ No newline at end of file -- Gitblit v1.9.1