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 2023-12-11 01:10:09 +08:00
parent 6529aa82fb
commit 4bcf155200
10 changed files with 239 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/tpx-input/tpx-input.vue Normal file
View File

@ -0,0 +1,40 @@
<template>
<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :clearable="true"
custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"
placeholder-style="color: #0E0708; " @change="handleChange"
></u-input>
</template>
<script>
export default {
props: {
value: {
default () {
return ''
}
},
placeholder: '',
},
data() {
},
created() {
},
onHide() {
},
destroyed() {},
methods: {
handleChange(val){
this.$emit('change', val)
this.$emit('update:value', val)
}
}
}
</script>
<style scoped lang="scss">
</style>

24
components/tpx-search/tpx-search.vue
View File

@ -1,13 +1,13 @@
<template>
<view class="sch-cont">
<view>
<u-input shape="circle" :placeholder="placeholder" v-model="keyword" :custom-style="`background-color: ${bgColor};height: ${height}rpx;${true?'padding-right:120rpx;': ''}`"
<u-input shape="circle" :placeholder="placeholder" :modelValue="value" :custom-style="`background-color: ${bgColor};height: ${height}rpx;${true?'padding-right:120rpx;': ''}`"
font-size="28rpx" placeholder-style="font-size: 28rpx;"
@focus="handleSwitchFouce()" @blur="handleSwitchFouce()" @confirm="triggerChange()" @change="handleChange()">
@focus="handleSwitchFouce" @blur="handleSwitchFouce" @change="handleChange">
</u-input>
<u-row justify="end" custom-style="position: absolute;width: 120rpx;top: 0;bottom: 0;right: 20rpx;">
<u-row justify="end" customStyle="height: 100%;width:100%;">
<u-row v-if="focused && keyword.length > 0" @click="handleClear()" justify="end" style="0 20rpx 0 0;height: 100%;flex: 1;">
<u-row v-if="focused && value.length > 0" @click="handleClear()" justify="end" style="0 20rpx 0 0;height: 100%;flex: 1;">
<u-icon color="#999" name="close-circle-fill" size="36"></u-icon>
</u-row>
<u-row @click="triggerChange()" justify="end" style="height: 100%;flex: 1;">
@ -53,7 +53,6 @@
data() {
return {
focused: false,
keyword: this.value
}
},
created() {
@ -70,18 +69,17 @@
this.focused = !this.focused
}, 100)
},
handleChange() {
if(this.timelyTrigger) {
this.triggerChange()
}
handleChange(val) {
this.triggerChange(val, this.timelyTrigger)
},
handleClear( ) {
this.keyword = ''
this.triggerChange()
this.triggerChange('')
},
triggerChange() {
let val = this.keyword
this.$emit('change', val)
triggerChange(val, isTriggerChange = true) {
typeof val == 'undefined' && (val = this.value)
if(isTriggerChange) {
this.$emit('change', val)
}
this.$emit('update:value', val)
}
}

39
components/tpx-textarea/tpx-textarea.vue Normal file
View File

@ -0,0 +1,39 @@
<template>
<u-textarea shape="circle" placeholder-style="color: #0E0708; "
:modelValue="value" :clearable="true" :placeholder="placeholder"
custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"
></u-textarea>
</template>
<script>
export default {
props: {
value: {
default () {
return ''
}
},
placeholder: '',
},
data() {
},
created() {
},
onHide() {
},
destroyed() {},
methods: {
handleChange(val){
this.$emit('change', val)
this.$emit('update:value', val)
}
}
}
</script>
<style scoped lang="scss">
</style>

7
pages.json
View File

@ -85,7 +85,14 @@
"style": {
"navigationBarTitleText": "信息详情"
}
},
{
"path": "pages/user/certification",
"style": {
"navigationBarTitleText": "实名认证"
}
}
],
"subPackages": [{
"root": "pages/API",

20
pages/address/edit.vue
View File

@ -30,10 +30,10 @@
<view style="margin-top: 10rpx;">
<u-row>
<u-col span="4">
<u-input shape="circle" placeholder="真实姓名" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.name" placeholder="真实姓名"></tpx-input>
</u-col>
<u-col offset="1" span="7">
<u-input shape="circle" placeholder="电话" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
</u-col>
</u-row>
</view>
@ -50,23 +50,23 @@
</view>
<view class="mt-30">
<u-textarea shape="circle" placeholder="详细地址（例如**街道**号**）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"></u-textarea>
<tpx-textarea v-model:value="submitParam.detail" placeholder="详细地址（例如**街道**号**）"></tpx-textarea>
</view>
<view class="mt-30">
<u-input shape="circle" placeholder="电话" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.tel" placeholder="电话"></tpx-input>
</view>
<view class="mt-30">
<u-input shape="circle" placeholder="邮编" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.tel" placeholder="邮编"></tpx-input>
</view>
<view class="mt-30">
<u-input shape="circle" placeholder="邮箱（选填）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.tel" placeholder="邮箱（选填"></tpx-input>
</view>
<view class="mt-30">
<u-input shape="circle" placeholder="公司名称（选填）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.tel" placeholder="公司名称（选填）"></tpx-input>
</view>
</view>
</view>
@ -77,14 +77,14 @@
<u-checkbox-group v-model="radiovalue1" placement="column" @change="handleFormChange()">
<u-checkbox
shape="circle"
size="28" label="默认地址" active-color="#B12D29" la
label-size="26" hange="handleFormChange()"
size="30" label="默认地址" active-color="#B12D29" la
label-size="28" hange="handleFormChange()"
>
</u-checkbox>
</u-checkbox-group>
</view>
<view>
<u-text text="清空" size="26" color="#0E0708"></u-text>
<u-text text="清空" size="28" color="#0E0708"></u-text>
</view>
</u-row>
</view>

15
pages/complaint/edit.vue
View File

@ -7,7 +7,18 @@
<view class="">
<view class="mt-10">
<u-input shape="circle" placeholder="运单号" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
<tpx-input v-model:value="submitParam.danhao" placeholder="运单号"></tpx-input>
</view>
<view class="mt-30 blcok-grey radius-20">
<u-row>
<view style="flex: 1;">
<u-text text="投诉网点" size="30"></u-text>
</view>
<u-row>
<u-icon size="24" name="arrow-down" color="#333"></u-icon>
</u-row>
</u-row>
</view>
<view class="mt-30 blcok-grey radius-20">
@ -22,7 +33,7 @@
</view>
<view class="mt-30">
<u-textarea shape="circle" placeholder="投诉描述" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"></u-textarea>
<tpx-textarea v-model:value="submitParam.desc" placeholder="投诉描述"></tpx-textarea>
</view>
</view>

2
pages/service/list.vue
View File

@ -17,7 +17,7 @@
@click="handleTODetail(item)"
>
<u-text :text="'各国邮政新规'" size="30" :bold="true" lines="1"></u-text>
<u-text :text="'根据萨尔瓦多邮政通知，为了使萨尔瓦多邮政能在邮件抵达时，致电或'" size="28" color="#999" lines="2"></u-text>
<u-text margin="10rpx 0 0 0" :text="'根据萨尔瓦多邮政通知，为了使萨尔瓦多邮政能在邮件抵达时，致电或'" size="28" color="#999" lines="2"></u-text>
</view>
</view>

2
pages/tabBar/mine/mine.vue
View File

@ -80,7 +80,7 @@
{ title: '地址簿', subTitle: "", icon: getCdnUrl(`mine/dizhi.png`), url: 'address/list' },
{ title: '快件查询', subTitle: "", icon: getCdnUrl(`mine/kjcha.png`), url: '' },
{ title: '投诉建议', subTitle: "", icon: getCdnUrl(`mine/tousu.png`), url: 'complaint/complaint' },
{ title: '实名填写', subTitle: "", icon: getCdnUrl(`mine/shiming.png`), url: '' }
{ title: '实名填写', subTitle: "", icon: getCdnUrl(`mine/shiming.png`), url: 'user/certification' }
]
}
},

116
pages/user/certification.vue Normal file
View File

@ -0,0 +1,116 @@
<template>
<tpx-layout>
<template v-slot:body>
<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
<view class="blcok-white radius-20 pt-30 ">
<uni-forms ref="baseForm" :modelValue="baseFormData" label-width="0">
<uni-forms-item :required="false">
<tpx-input v-model:value="baseFormData.name" placeholder="真实姓名"></tpx-input>
</uni-forms-item>
<uni-forms-item :required="false">
</uni-forms-item>
<uni-forms-item :required="false">
<tpx-input v-model:value="baseFormData.number" placeholder="证件号"></tpx-input>
</uni-forms-item>
</uni-forms>
</view>
</view>
</template>
<template v-slot:footer>
<view class="blcok-white-noradius">
<u-button @click="handleSubmit()" type="primary" size="large" shape="circle"
custom-style="height:80rpx;font-size: 30rpx;">提交实名</u-button>
</view>
</template>
</tpx-layout>
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
import {
goto,
goBack
} from "@/common/untool"
export default {
props: {
// hasLeftWin: {
// type: Boolean
// }
},
computed: {
},
data() {
return {
// 基础表单数据
baseFormData: {
name: '',
},
// 校验规则
rules: {
name: {
rules: [{
required: true,
errorMessage: '姓名不能为空'
}]
}
}
}
},
onShareAppMessage() {
return {
// title: '',
// path: 'TODO'
}
},
onLoad() {
this.initData();
},
onUnload() {
},
methods: {
getCdnUrl,
initData() {
// uni.showLoading({
// title: '加载中'
// });
},
handleAnsText() {
},
handleFormChange() {
},
handleSubmit() {
this.$refs['baseForm'].validate().then(res => {
console.log('success', res);
uni.showToast({
title: `校验通过`
})
goBack()
}).catch(err => {
console.log('err', err);
})
},
}
}
</script>
<style lang="scss">
@import '@/common/uni-nvue.scss';
page {
background-color: #F6F6F6;
height: 100% !important;
}
</style>
<style scoped lang="scss">
</style>

2
uni_modules/uview-plus/components/u-input/u-input.vue
View File

@ -53,7 +53,7 @@
>
<u-icon
name="close"
size="11"
size="22"
color="#ffffff"
customStyle="line-height: 12px"
></u-icon>