Hooke / swx_weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
2c599bca 1 parent faf6459f

✨ feat: 新增修改资料页面

Inline Side-by-side
Showing 5 changed files with 146 additions and 3 deletions
......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2022-05-27 15:57:59
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-30 09:55:07
* @LastEditTime: 2022-09-30 14:12:24
* @FilePath: /swx/src/app.config.js
* @Description:
*/
......@@ -32,6 +32,7 @@ export default {
'pages/joinList/index',
'pages/userInfo/index',
'pages/addRecord/index',
'pages/editInfo/index',
],
subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去
{
......
/*
* @Date: 2022-09-30 09:53:14
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-30 14:12:13
* @FilePath: /swx/src/pages/editInfo/index.config.js
* @Description: 文件描述
*/
export default {
navigationBarTitleText: '修改资料',
usingComponents: {
},
}
.bg-gradient {
background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
/*调整下划线的宽度占百分之百 高度是3px */
background-size: 100% 1vw;
/* 调整下划线的起始位置 左侧是0 上边是1.15em */
background-position: 0 1.1rem;
}
.label-class {
font-size: 1.05rem;
color: #333 !important;
margin-right: 16rpx;
width: 172rpx;
text-align: left;
}
.input-class {
padding-left: 10rpx !important;
font-size: 1.05rem;
}
<!--
* @Date: 2022-09-30 09:53:14
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-30 14:45:05
* @FilePath: /swx/src/pages/editInfo/index.vue
* @Description: 文件描述
-->
<template>
<view style="padding: 1rem;">
<view style="background-color: white; border-radius: 0.65rem; padding: 1rem;overflow: auto; margin-bottom: 1px;">
<view style="display: inline-block; margin-right: 1rem; line-height: 60rpx;">
<view class="bg-gradient" style="font-size: 1.15rem;">用户资料</view>
</view>
</view>
<view style="background-color: #FFFFFF; padding-bottom: 2rem; border-radius: 1rem;">
<!-- <AtInput disabled :border="true" title="用户名" type='text' placeholder='请输入姓名' v-model:value="username" /> -->
<view class="at-input" style="margin-right: 1rem;">
<view class="at-input__container">
<label class="h5-label at-input__title at-input__title">用户名</label>
<input class="h5-input at-input__input" placeholder-class="placeholder" :placeholder="username" :disabled="true"/>
</view>
</view>
<view class="at-input" style="margin-right: 1rem;">
<view class="at-input__container">
<label class="h5-label at-input__title at-input__title">状态</label>
<input @tap="show_popup=true" class="h5-input at-input__input" placeholder-class="placeholder" :value="user_status" placeholder="请选择用户状态" :disabled="true"/>
<view style="margin-right: 0; margin-top: 0.5rem;"><van-icon :name="icon_sel" color="" /></view>
</view>
</view>
<view class="at-input" style="margin-right: 1rem;">
<view class="at-input__container">
<label class="h5-label at-input__title at-input__title">类型</label>
<input @tap="show_popup=true" class="h5-input at-input__input" placeholder-class="placeholder" :value="user_status" placeholder="请选择用户类型" :disabled="true"/>
<view style="margin-right: 0; margin-top: 0.5rem;"><van-icon :name="icon_sel" color="" /></view>
</view>
</view>
<view class="at-input" style="margin-right: 1rem;">
<view class="at-input__container">
<label class="h5-label at-input__title at-input__title">推荐人</label>
<input class="h5-input at-input__input" placeholder-class="placeholder" placeholder="请输入推荐人姓名" :disabled="true"/>
</view>
</view>
<view class="at-input" style="margin-right: 1rem;">
<view class="at-input__container">
<label class="h5-label at-input__title at-input__title">陪伴者</label>
<input @tap="show_popup=true" class="h5-input at-input__input" placeholder-class="placeholder" :value="user_status" placeholder="请选择跟踪人" :disabled="true"/>
<view style="margin-right: 0; margin-top: 0.5rem;"><van-icon :name="icon_sel" color="" /></view>
</view>
</view>
</view>
</view>
<bottom-button @on-submit="onSubmit">保存</bottom-button>
<!-- 陪伴状态弹出框 -->
<van-popup :show="show_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
<van-picker :show-toolbar="true" title="" confirm-button-text="确定" :columns="columns" toolbar-class="picker-toolbar"
@confirm="onConfirm" @cancel="onCancel" @change="onChange" />
</van-popup>
</template>
<script setup>
import { ref } from "vue";
import icon_sel from '@/images/icon/sel@2x.png'
import bottomButton from "@/components/bottom-button";
import Taro from '@tarojs/taro'
const username = ref('精妙');
const message = ref('');
const onSubmit = (val) => {
console.warn(val);
Taro.showToast({
title: '请检查输入项',
icon: 'error',
duration: 2000
});
Taro.redirectTo({
url: '../joinSuccess/index'
})
}
const show_popup = ref(false);
const user_status = ref('');
const columns = ref(['跟进', '引导']);
const onChange = (event) => {
const { picker, value, index } = event.detail;
}
const onConfirm = (event) => {
const { picker, value, index } = event.detail;
user_status.value = value;
show_popup.value = false;
}
const onCancel = (event) => {
show_popup.value = false;
}
</script>
<script>
import "./index.less";
export default {
name: "demoPage",
};
</script>
<!--
* @Date: 2022-09-29 16:32:03
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-09-30 10:01:09
* @LastEditTime: 2022-09-30 14:14:44
* @FilePath: /swx/src/pages/userInfo/index.vue
* @Description: 文件描述
-->
......@@ -20,7 +20,7 @@
</view>
</van-col>
<van-col span="7">
<view style="background-color: #DABE73; color: white; padding: 0.5rem 0; border-radius: 1rem; text-align: center; font-size: 0.9rem;margin-top: 1rem;">修改资料</view>
<view @tap="editInfo()" style="background-color: #DABE73; color: white; padding: 0.5rem 0; border-radius: 1rem; text-align: center; font-size: 0.9rem;margin-top: 1rem;">修改资料</view>
</van-col>
</van-row>
</view>
......@@ -128,6 +128,12 @@ const onStatusTypeCancel = (event) => {
show_status_popup.value = false;
}
const editInfo = (val) => {
Taro.navigateTo({
url: '../editInfo/index'
})
}
const onSubmit = (val) => {
Taro.navigateTo({
url: '../addRecord/index'
......