From 134c7e51d33dfd0cdb9e7d47b22d181ebc1bcdc8 Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期一, 07 十月 2024 17:27:20 +0800
Subject: [PATCH] 添加用户详情页，修改主页用户及会员卡信息
---
pages/addCard/index.vue | 69 +++++++++++++++++-----------------
1 files changed, 35 insertions(+), 34 deletions(-)
diff --git a/pages/addCard/index.vue b/pages/addCard/index.vue
index c3a1b07..a9d81c4 100644
--- a/pages/addCard/index.vue
+++ b/pages/addCard/index.vue
@@ -1,34 +1,59 @@
+<script setup>
+import { onMounted,ref} from 'vue';
+import{ creatUserArchive } from '../../api/index.js'
+
+const form = ref({
+ waterCardNumber:'',
+ userName:'',
+ userPhone:'',
+ remark:'',
+})
+async function submit(){
+ await creatUserArchive(form.value).then((res) =>{
+ if(res.code == 200){
+ uni.showToast({
+ title: '绑定成功',
+ image: '../../static/images/other/success.svg',
+ duration:500
+ })
+ uni.navigateBack()
+ }
+ })
+}
+onMounted(() =>{
+})
+</script>
<template>
<view class="container">
<view class="content">
- <navbar @navBackTo="navBackTo()" title="绑定会员卡"></navbar>
+ <navbar title="绑定会员卡"></navbar>
<view class="main">
<view class="title">请填写卡及个人信息</view>
<view class="form">
<view class="form-item card-item">
<text>卡号：</text>
- <input v-model="form.cardNumber" placeholder="请输入卡号"/>
+ <input v-model="form.waterCardNumber" placeholder="请输入卡号"/>
<image src="../../static/images/addCard/code.png" alt=""></image>
</view>
<view class="form-item">
<text>姓名：</text>
- <input v-model="form.cardNumber" placeholder="请输入姓名"/>
+ <input v-model="form.userName" placeholder="请输入姓名"/>
</view>
<view class="form-item">
<text>联系方式：</text>
- <input v-model="form.cardNumber" placeholder="请输入手机号"/>
+ <input v-model="form.userPhone" placeholder="请输入手机号"/>
</view>
- <view class="form-item">
+ <!-- <view class="form-item">
<text>区域：</text>
- <input v-model="form.cardNumber" placeholder="请选择区域"/>
+ <input v-model="form.waterCardNumber" placeholder="请选择区域"/>
</view>
<view class="form-item">
<text>地址：</text>
- <input v-model="form.cardNumber" placeholder="请输入地址"/>
- </view>
+ <input v-model="form.waterCardNumber" placeholder="请输入地址"/>
+ </view> -->
<view class="form-item">
<text>备注：</text>
- <input v-model="form.cardNumber" placeholder="请输入内容"/>
+ <input v-model="form.remark" placeholder="请输入内容"/>
</view>
</view>
<view class="tips">
@@ -40,31 +65,6 @@
</view>
</view>
</template>
-
-<script setup>
-import { onMounted,ref} from 'vue';
-//状态栏高度
-// const statusBarHeight = ref()
-//返回
-function navBackTo(){
- uni.navigateBack()
-}
-const form = ref({
- cardNumber:'',
- name:'',
- phone:'',
- address:'',
- remark:'',
-})
-function submit(){
- console('res')
-}
-onMounted(() =>{
- // if(uni.getMenuButtonBoundingClientRect){
- // statusBarHeight.value = uni.getMenuButtonBoundingClientRect().top * 2
- // }
-})
-</script>
<style lang="scss" scoped>
.container{
@@ -174,6 +174,7 @@
text-align: center;
line-height:98rpx;
margin-top: 236rpx;
+ letter-spacing:2px;
}
}
}
--
Gitblit v1.9.3