✨ feat: 新增陪伴记录页面

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-27 15:57:59
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-09-29 16:32:47
+ * @LastEditTime: 2022-09-30 09:55:07
  * @FilePath: /swx/src/app.config.js
  * @Description:
  */
@@ -31,6 +31,7 @@ export default {
     'pages/joinInfo/index',
     'pages/joinList/index',
     'pages/userInfo/index',
+    'pages/addRecord/index',
   ],
   subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去
     {

+/*
+ * @Date: 2022-09-30 09:53:14
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-09-30 09:53:39
+ * @FilePath: /swx/src/pages/addRecord/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 11:50:17
+ * @FilePath: /swx/src/pages/addRecord/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>
+      <van-field :value="message" label-class="label-class" input-class="input-class" label="跟进内容" type="textarea"
+      placeholder="请输入跟进记录详情" placeholder-style="color: #CCC; font-size: 1.05rem;" :autosize="{ maxHeight: 300, minHeight: 150 }" customStyle="" inputAlign=""
+      rightIcon="" :required="false" :border="false" @change="onChange" />
+    </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>