✨ feat: 新增陪伴记录API联调

+/*
+ * @Date: 2022-10-20 13:15:00
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-10-24 11:00:14
+ * @FilePath: /swx/src/api/Partner/index.js
+ * @Description: 陪伴用户
+ */
+import { fn, fetch } from '../fn';
+
+const Api = {
+  ADD_PARTNER: '/srv/?a=partner_add',
+}
+
+/**
+ * @description: 新增陪伴记录
+ * @returns
+ */
+export const addPartnerAPI = (params) => fn(fetch.post(Api.ADD_PARTNER, params));

 <!--
 <!--
  * @Date: 2022-09-30 09:53:14
  * @Date: 2022-09-30 09:53:14
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-09-30 11:50:17
+ * @LastEditTime: 2022-10-24 16:44:07
  * @FilePath: /swx/src/pages/addRecord/index.vue
  * @FilePath: /swx/src/pages/addRecord/index.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -27,7 +27,7 @@
           <view style="margin-right: 0; margin-top: 0.5rem;"><van-icon :name="icon_sel" color="" /></view>
           <view style="margin-right: 0; margin-top: 0.5rem;"><van-icon :name="icon_sel" color="" /></view>
         </view>
         </view>
       </view>
       </view>
-      <van-field :value="message" label-class="label-class" input-class="input-class" label="跟进内容" type="textarea"
+      <van-field :value="note" 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=""
       placeholder="请输入跟进记录详情" placeholder-style="color: #CCC; font-size: 1.05rem;" :autosize="{ maxHeight: 300, minHeight: 150 }" customStyle="" inputAlign=""
       rightIcon="" :required="false" :border="false" @change="onChange" />
       rightIcon="" :required="false" :border="false" @change="onChange" />
     </view>
     </view>
@@ -35,39 +35,61 @@
   <bottom-button @on-submit="onSubmit">保存</bottom-button>
   <bottom-button @on-submit="onSubmit">保存</bottom-button>
 
 
   <!-- 陪伴状态弹出框 -->
   <!-- 陪伴状态弹出框 -->
-  <van-popup :show="show_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
+  <van-popup :show="show_popup" position="bottom" custom-style="height: 50%;" :lock-scroll="true">
     <van-picker :show-toolbar="true" title="" confirm-button-text="确定" :columns="columns" toolbar-class="picker-toolbar"
     <van-picker :show-toolbar="true" title="" confirm-button-text="确定" :columns="columns" toolbar-class="picker-toolbar"
-      @confirm="onConfirm" @cancel="onCancel" @change="onChange" />
+      @confirm="onConfirm" @cancel="onCancel" />
   </van-popup>
   </van-popup>
+
+  <van-toast id="van-toast" />
+
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { ref } from "vue";
-
+import { ref, onMounted } from "vue";
 import icon_sel from '@/images/icon/sel@2x.png'
 import icon_sel from '@/images/icon/sel@2x.png'
 import bottomButton from "@/components/bottom-button";
 import bottomButton from "@/components/bottom-button";
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
+import { hostInfoAPI } from '@/api/Host/index';
+import { getCurrentPageParam } from "@/utils/weapp";
+import { DEFAULT_HOST_STATUS } from '@/utils/sysData'
+import { addPartnerAPI } from '@/api/Partner/index';
+import Toast from '@/components/vant-weapp/toast/toast';
 
 
-const username = ref('精妙');
-const message = ref('');
+const username = JSON.parse(getCurrentPageParam().name);
+const columns = ref(DEFAULT_HOST_STATUS);
+onMounted(async () => {
+  const { code, data } = await hostInfoAPI({ i: getCurrentPageParam().host_id });
+  if (code) {
+    columns.value = columns.value.concat(data.user_status);
+  }
+});
 
 
-const onSubmit = (val) => {
-  console.warn(val);
-  Taro.showToast({
-    title: '请检查输入项',
-    icon: 'error',
-    duration: 2000
-  });
-  Taro.redirectTo({
-    url: '../joinSuccess/index'
-  })
+const onSubmit = async () => {
+  if (!user_status.value) {
+    Toast.fail('陪伴状态为空');
+    return false;
+  }
+  if (!note.value) {
+    Toast.fail('跟进内容为空');
+    return false;
+  }
+  const params = {
+    member_id: getCurrentPageParam().id,
+    status: user_status.value,
+    note: note.value
+  }
+  const { code, data } = await addPartnerAPI(params);
+  if (code) {
+    Toast.success('添加成功');
+    Taro.navigateBack();
+  }
 }
 }
 
 
 const show_popup = ref(false);
 const show_popup = ref(false);
 const user_status = ref('');
 const user_status = ref('');
-const columns = ref(['跟进', '引导']);
+const note = ref('');
 const onChange = (event) => {
 const onChange = (event) => {
-  const { picker, value, index } = event.detail;
+  note.value = event.detail;
 }
 }
 const onConfirm = (event) => {
 const onConfirm = (event) => {
   const { picker, value, index } = event.detail;
   const { picker, value, index } = event.detail;
@@ -81,7 +103,10 @@ const onCancel = (event) => {
 
 
 <script>
 <script>
 import "./index.less";
 import "./index.less";
+import mixin from '@/utils/mixin';
+
 export default {
 export default {
-  name: "demoPage",
+  name: "addRecordPage",
+  mixins: [mixin.init],
 };
 };
 </script>
 </script>