aike/emis-sapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uu

Browse Source
This commit is contained in:
aihe 2024-01-29 18:48:55 +08:00
parent 990f8d6f30
commit e56340c293
12 changed files with 290 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
components/buns-goodsize-sheet/buns-goodsize-sheet.vue
View File

@ -3,80 +3,7 @@
<view style="position: relative;height: calc(60vh);"> <view style="position: relative;height: calc(60vh);">
<tpx-layout> <tpx-layout>
<template v-slot:body> <template v-slot:body>
<view class="shet-cont"> <bpe-goodsize-tmp v-if="show" :value="submitVals"></bpe-goodsize-tmp>
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28 font-weight">件数</text>
<view>
<uni-number-box :min="1" :max="10000"></uni-number-box>
</view>
</u-row>
</view>
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28 font-weight">包裹重量</text>
<view>
<uni-number-box :min="1" :max="10000"></uni-number-box>
</view>
</u-row>
</view>
<view class="jsfm-item">
<u-row justify="between" align="top">
<text class="font-28 font-weight pt-20">体积</text>
<view style="width: 70%;">
<u-row justify="between">
<u-col span="3.7">
<u-input placeholder="长" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="宽" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="高" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
</u-row>
<u-row customStyle="margin: 20rpx 0 0 0;">
<u-input placeholder="" v-model="value1"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 14rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">m³</text>
</template>
</u-input>
</u-row>
</view>
</u-row>
</view>
</view>
</template> </template>
<template v-slot:footer> <template v-slot:footer>
@ -92,12 +19,16 @@
</template> </template>
<script> <script>
import BpeGoodsizeTmp from "@/components/buns-post-edit-templates/bpe-goodsize-tmp"
export default { export default {
// computed: { components: { BpeGoodsizeTmp },
// filDataList() { watch: {
// return [] show(v){
// }, if(v) {
// }, this.submitVals = JSON.parse(JSON.stringify(this.value))
}
}
},
props: { props: {
show: { show: {
default () { default () {
@ -106,32 +37,32 @@
}, },
value: { value: {
default () { default () {
return {} return {
}
} }
} }
}, },
data() { data() {
return { return {
value1: '', submitVals: {}
value2: '',
keyword: ''
} }
}, },
created() { created() {
}, },
onHide() { onHide() {
}, },
destroyed() {}, unmounted() {
},
methods: { methods: {
handleCloseModal() { handleCloseModal() {
this.$emit('update:show', false) this.$emit('update:show', false)
}, },
handleSubmitValue(val) { handleSubmitValue() {
this.$emit('onSure', {}) const val = this.submitVals
this.$emit('update:value', {}) this.$emit('onSure', val)
this.$emit('update:value', val)
this.handleCloseModal() this.handleCloseModal()
} }
} }

101
components/buns-post-edit-templates/bpe-addressinfo-tmp.vue Normal file
View File

@ -0,0 +1,101 @@
<template>
<view>
<u-row @click="handleAddressChoose(1)" custom-style="position:relative;" align="top"
justify="between">
<view>
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/ji.png`)"></image>
</view>
<view style="flex: 1;padding: 0 30rpx;">
<u-text text="寄件人信息" size="28" :bold="true"></u-text>
<view style="margin: 8rpx 0 0 0;">
<u-text text="请新建您的寄件地址信息" size="26" color="#999"></u-text>
</view>
</view>
<view class="flex-column-center">
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/adress.png`)">
</image>
<u-text align="center" text="地址薄" size="26" :bold="true"
margin="8rpx 0 0 0"></u-text>
</view>
<view style="position: absolute;left: 20rpx;bottom: -20rpx;top: 46rpx;">
<u-line custom-style="height:100%;" direction="col" dashed="true"></u-line>
</view>
</u-row>
<view style="padding-left: 76rpx;">
<u-line margin="20rpx 0"></u-line>
</view>
<u-row @click="handleAddressChoose(2)" custom-style="position:relative;" align="top"
justify="between">
<view style="position: absolute;left: 20rpx;top: -20rpx;bottom: 100%;">
<u-line custom-style="height:100%;" direction="col" dashed="true"></u-line>
</view>
<view>
<image style="height: 50rpx;width: 42rpx;" :src="getCdnUrl(`post/shou.png`)">
</image>
</view>
<view class="pr-30 pl-30" style="flex: 1;">
<u-text text="收件人信息" size="28" :bold="true"></u-text>
<view style="margin: 8rpx 0 0 0;">
<u-text text="请填写收件人国家、姓名，电话" size="26" color="#999"></u-text>
</view>
</view>
<view class="flex-column-center">
<image style="height: 32rpx;width: 28rpx;" :src="getCdnUrl(`post/adress.png`)">
</image>
<u-text align="center" text="地址薄" size="26" :bold="true"
margin="8rpx 0 0 0"></u-text>
</view>
</u-row>
</view>
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
import { goto } from "@/common/untool"
export default {
computed: {
submitInfo: {
get(){
return this.value
}
}
},
props: {
value: {
default () {
return { }
}
}
},
data() {
return {
}
},
created() {
},
onHide() {
},
unmounted() {
},
methods: {
getCdnUrl,
handleAddressChoose(type) { // 1 寄件地址 2收件地址
goto(`address/list?tab=${type}&type=choose`)
},
}
}
</script>
<style scoped lang="scss">
.shet-cont{
padding: 10rpx 0 30rpx 0;
}
.jsfm-item{
margin-top: 30rpx;
}
</style>

118
components/buns-post-edit-templates/bpe-goodsize-tmp.vue Normal file
View File

@ -0,0 +1,118 @@
<template>
<view class="shet-cont">
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28">件数</text>
<view>
<uni-number-box v-model="submitInfo.jianshu" :min="1" :max="10000"></uni-number-box>
</view>
</u-row>
</view>
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28">包裹重量</text>
<view>
<uni-number-box v-model="submitInfo.zhl" :min="1" :max="10000"></uni-number-box>
</view>
</u-row>
</view>
<view class="jsfm-item">
<u-row justify="between" align="top">
<text class="font-28 pt-20">体积</text>
<view style="width: 70%;">
<u-row justify="between">
<u-col span="3.7">
<u-input placeholder="长" v-model="submitInfo.chang"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="宽" v-model="submitInfo.kuan"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="高" v-model="submitInfo.gao"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
</u-row>
<u-row customStyle="margin: 20rpx 0 0 0;">
<u-input placeholder="" v-model="submitInfo.pingfang"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">m³</text>
</template>
</u-input>
</u-row>
</view>
</u-row>
</view>
</view>
</template>
<script>
export default {
computed: {
submitInfo: {
get(){
return this.value
}
}
},
props: {
value: {
default () {
return { }
}
}
},
data() {
return {
}
},
created() {
},
onHide() {
},
unmounted() {
},
methods: {
}
}
</script>
<style scoped lang="scss">
.shet-cont{
padding: 10rpx 0 30rpx 0;
}
.jsfm-item{
margin-top: 30rpx;
}
</style>

2
components/tpx-date-input/tpx-date-input.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view @click="handleSelectDate" class="pos-rlt"> <view @click="handleSelectDate" class="pos-rlt">
<u-input :placeholder="placeholder" :fontSize="fontSize" :modelValue="inputValue" <u-input :placeholder="placeholder" :fontSize="fontSize" :modelValue="inputValue"
:custom-style="`border-radius: 10rpx;padding: 8rpx 12rpx;${customStyle};`" :custom-style="`border-radius: 10rpx;padding: 11rpx 20rpx;${customStyle};`"
readonly="true" readonly="true"
> >
<template v-slot:suffix> <template v-slot:suffix>

6
components/tpx-dialog/tpx-dialog.vue
View File

@ -3,9 +3,9 @@
mut-bind:touchmove="true"> mut-bind:touchmove="true">
<view @touchmove.stop="" class="dialog-mask" @click="handleClose()"></view> <view @touchmove.stop="" class="dialog-mask" @click="handleClose()"></view>
<view :class="`dialog-content ${type} pos-${closePosType}`" <view :class="`dialog-content ${type} pos-${closePosType}`"
:style="`padding: 30rpx;background-color:${bgColor};${contentStyle};`"> :style="`padding: 20rpx 30rpx;background-color:${bgColor};${contentStyle};`">
<view v-if="title" style="margin-bottom: 30rpx;" > <view v-if="title" style="margin-bottom: 30rpx;" >
<u-row @touchmove.stop="" justify="between" custom-style="padding-bottom: 30rpx;"> <u-row @touchmove.stop="" justify="between" custom-style="padding-bottom: 20rpx;">
<view class="lgd-title">{{title}}</view> <view class="lgd-title">{{title}}</view>
<view @click="handleClose()"> <view @click="handleClose()">
<u-icon name="close" size="32" color="#999"></u-icon> <u-icon name="close" size="32" color="#999"></u-icon>
@ -148,7 +148,7 @@
} }
.lgd-title{ .lgd-title{
font-size: 32rpx;font-weight: 600; font-size: 30rpx;font-weight: 600;
} }
.type-sheet .lgd-body::-webkit-scrollbar { .type-sheet .lgd-body::-webkit-scrollbar {

2
components/tpx-input/tpx-input.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :clearable="true" <u-input shape="circle" :placeholder="placeholder" :modelValue="value" :clearable="true"
:custom-style="`border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;${customStyle};`" :custom-style="`border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;${customStyle};`"
:placeholder-style="`color: #0E0708;${placeholderStyle};` " @change="handleChange" :placeholder-style="`color: #0E0708;${placeholderStyle};` " @change="handleChange"
></u-input> ></u-input>
</template> </template>

4
components/tpx-scan-input/tpx-scan-input.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<u-input :placeholder="placeholder" :fontSize="fontSize" :modelValue="value" <u-input :placeholder="placeholder" :fontSize="fontSize" :modelValue="value"
:custom-style="`border-radius: 10rpx;padding: 8rpx 12rpx;${customStyle};`" :custom-style="`border-radius: 10rpx;padding: 11rpx 20rpx;${customStyle};`"
@change="handleChange" @change="handleChange"
> >
<template v-if="iconPos == 'left'" v-slot:prefix> <template v-if="iconPos == 'left'" v-slot:prefix>
@ -59,7 +59,7 @@
onHide() { onHide() {
}, },
destroyed() {}, unmounted() {},
methods: { methods: {
async handleScan() { async handleScan() {

34
components/tpx-select/default-select-input.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view :class="contClass" style="margin-top: 0;"> <view :class="contClass" :style="styles">
<u-row> <u-row custom-style="width: 100%;">
<view style="flex: 1;"> <view style="flex: 1;">
<u-text :text="leftText" size="28"></u-text> <u-text :text="leftText" size="28"></u-text>
</view> </view>
@ -25,16 +25,24 @@
return str return str
}, },
contClass() { contClass() {
let pre = ['radius-20'] let pre = ['radius-10']
if (this.isWhite) { if (this.isWhite) {
pre.push('blcok-white') pre.push('c-white')
} else { } else {
pre.push('blcok-grey') pre.push('c-grey')
} }
return pre.join(" ") return pre.join(" ")
},
styles() {
return `margin-top: 0;height: 62rpx;${this.customStyle}`
} }
}, },
props: { props: {
customStyle: {
default () {
return ''
}
},
isWhite: { isWhite: {
default () { default () {
return false return false
@ -79,5 +87,19 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.c-white,.c-grey{
display: flex;
padding-left: 20rpx;
padding-right: 20rpx;
border-radius: 10rpx;
align-items: center;
}
.c-white{
background-color: #fff;
border: 1rpx solid #dadbde;
}
.c-grey{
background-color: #F6F6F6;
border: 1rpx solid #dadbde;
}
</style> </style>

22
components/tpx-select/tpx-select.vue
View File

@ -2,11 +2,11 @@
<view class="" style="position: relative;"> <view class="" style="position: relative;">
<view @click="handleSelectSwitch"> <view @click="handleSelectSwitch">
<slot v-if="customInput"></slot> <slot v-if="customInput"></slot>
<default-select-input v-if="!customInput" :placeholder="placeholder" :show="show" :list="list" :value="value" :isWhite="isWhite"></default-select-input> <default-select-input v-if="!customInput" :placeholder="placeholder" :show="show" :list="list" :value="value" :isWhite="isWhite" :customStyle="customStyle"></default-select-input>
</view> </view>
<view v-if="mode == modeEnum.sheet"> <view v-if="mode == modeEnum.sheet">
<tpx-dialog :show="show" :title="title || placeholder" @onClose="handleSelectSwitch"> <tpx-dialog :show="show" :title="placeholder" @onClose="handleSelectSwitch">
<content-items :value="value" :list="list" :minChecked="minChecked" :type="type" <content-items :value="value" :list="list" :minChecked="minChecked" :type="type"
@onChange="handleDataItemChange" @onChange="handleDataItemChange"
></content-items> ></content-items>
@ -41,7 +41,16 @@
ContentItems, DefaultSelectInput ContentItems, DefaultSelectInput
}, },
props: { props: {
isWhite: {}, isWhite: {
default () {
return false
}
},
customStyle: {
default () {
return ''
}
},
customInput: { customInput: {
default () { default () {
return false return false
@ -59,12 +68,7 @@
}, },
placeholder: { placeholder: {
default () { default () {
return "" return "请选择"
}
},
title: {
default () {
return ""
} }
}, },
mode: { mode: {

2
components/tpx-textarea/tpx-textarea.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<u-textarea shape="circle" placeholder-style="color: #0E0708; " <u-textarea shape="circle" placeholder-style="color: #0E0708; "
:modelValue="value" :clearable="true" :placeholder="placeholder" :modelValue="value" :clearable="true" :placeholder="placeholder"
custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160" custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 15rpx 20rpx;" height="160"
></u-textarea> ></u-textarea>
</template> </template>

4
pages/address/edit.vue
View File

@ -13,7 +13,7 @@
</view> </view>
<view class="mt-40"> <view class="mt-40">
<tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true" <tpx-select placeholder="国家" v-model:value="country" :list="[]" :isWhite="true" custom-style="border:0;"
></tpx-select> ></tpx-select>
</view> </view>
@ -32,7 +32,7 @@
</view> </view>
<view class="mt-40"> <view class="mt-40">
<tpx-select placeholder="省市区" v-model:value="country" :list="[]" <tpx-select placeholder="省市区" v-model:value="country" :list="[]" custom-style="border:0;"
></tpx-select> ></tpx-select>
</view> </view>

2
pages/user/certification.vue
View File

@ -9,7 +9,7 @@
<tpx-input v-model:value="baseFormData.name" placeholder="真实姓名"></tpx-input> <tpx-input v-model:value="baseFormData.name" placeholder="真实姓名"></tpx-input>
</uni-forms-item> </uni-forms-item>
<uni-forms-item :required="false"> <uni-forms-item :required="false">
<tpx-select placeholder="证件类型" v-model:value="baseFormData.type" :list="typeList" <tpx-select placeholder="证件类型" v-model:value="baseFormData.type" :list="typeList" custom-style="border:0;"
mode="drop" mode="drop"
></tpx-select> ></tpx-select>
</uni-forms-item> </uni-forms-item>