编辑主办方业务逻辑完善

hookehuyr
Commit 661bae57496001e0cf50e90b8e85e5aaa2c4d578 661bae57 1 parent 6632d5c0
Showing 2 changed files with 118 additions and 47 deletions
src/api/Host/index.js
src/pages/editProject/index.vue
--- a/src/api/Host/index.js
View file @661bae5
+++ b/src/api/Host/index.js
View file @661bae5
 /*
  * @Date: 2022-10-14 17:26:56
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-10-19 16:44:53
+ * @LastEditTime: 2022-10-21 22:59:04
  * @FilePath: /swx/src/api/Host/index.js
  * @Description: 活动相关接口
  */
@@ -9,6 +9,9 @@ import { fn, fetch } from '../fn';
 const Api = {
   HOST_LIST: '/srv/?a=host_list',
+  HOST_INFO: '/srv/?a=host_info',
+  HOST_EDIT: '/srv/?a=host_edit',
+  HOST_DELETE: '/srv/?a=host_del',
   ACTIVITY_ADD: '/srv/?a=activity_add',
   ACTIVITY_EDIT: '/srv/?a=activity_edit',
   ACTIVITY_HOMEPAGE: '/srv/?a=activity_app_homepage',
@@ -19,7 +22,25 @@ const Api = {
  * @description: 主办方列表
  * @returns
  */
-export const hostListAPI = (params) => fn(fetch.post(Api.HOST_LIST, params));
+export const hostListAPI = (params) => fn(fetch.get(Api.HOST_LIST, params));
+
+/**
+ * @description: 主办方详情
+ * @returns
+ */
+export const hostInfoAPI = (params) => fn(fetch.get(Api.HOST_INFO, params));
+
+/**
+ * @description: 修改主办方
+ * @returns
+ */
+export const editHostAPI = (params) => fn(fetch.post(Api.HOST_EDIT, params));
+
+/**
+ * @description: 删除主办方
+ * @returns
+ */
+export const deleteHostAPI = (params) => fn(fetch.post(Api.HOST_DELETE, params));
 /**
  * @description: 新增活动
--- a/src/pages/editProject/index.vue
View file @661bae5
+++ b/src/pages/editProject/index.vue
View file @661bae5
 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-10-10 10:55:06
+ * @LastEditTime: 2022-10-21 23:42:11
- * @FilePath: /swx/src/pages/createProject/index.vue
+ * @FilePath: /swx/src/pages/editProject/index.vue
  * @Description: 新建主办方页面
 -->
 <template>
@@ -47,7 +47,7 @@
           <text class="bg-gradient">用户类型</text>
         </view>
         <view style="width: 22rem;">
-          <van-field :value="add_user_type" label-class="label-class" input-class="input-class" rows="1" autosize label="用户类型"
+          <van-field :value="add_user_type.name" label-class="label-class" input-class="input-class" rows="1" autosize label="用户类型"
             type="textarea" placeholder="请输入用户类型（6个字以内）" placeholder-style="color: #999;" customStyle="" inputAlign=""
             rightIcon="" :required="true" :border="true" @change="onChangeType" />
           <van-row>
@@ -75,7 +75,7 @@
           <text class="bg-gradient">用户状态</text>
         </view>
         <view style="width: 22rem;">
-          <van-field :value="add_user_status" label-class="label-class" input-class="input-class" rows="1" autosize label="用户状态"
+          <van-field :value="add_user_status.name" label-class="label-class" input-class="input-class" rows="1" autosize label="用户状态"
             type="textarea" placeholder="请输入用户状态（6个字以内）" placeholder-style="color: #999;" customStyle="" inputAlign=""
             rightIcon="" :required="true" :border="true" @change="onChangeStatus" />
           <van-row>
@@ -99,90 +99,97 @@
 <script setup>
 import Taro from '@tarojs/taro'
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { AtInput } from 'taro-ui-vue3'
 import "taro-ui-vue3/dist/style/components/input.scss";
 import bottomButton from "@/components/bottom-button";
 import request from '../../utils/request';
 import Toast from '@/components/vant-weapp/toast/toast';
+import { hostInfoAPI, editHostAPI } from '@/api/Host/index';
+import { getCurrentPageParam } from "@/utils/weapp";
+import { randomId } from '@/utils/tools'
+import { json } from 'stream/consumers';
+
+
+onMounted(async () => {
+  const { code, data } = await hostInfoAPI({ i: getCurrentPageParam().id });
+  if (code) {
+    console.warn(data);
+    name.value = data.name
+  }
+})
 const name = ref('');
 const user_type = ref([]);
 const user_status = ref([]);
-const add_user_type= ref('');
+const add_user_type= ref({});
-const add_user_status = ref('');
+const add_user_status = ref({});
-
-const onSave = () => {
-  if (!name.value) {
-    Toast.fail('名称不能为空');
-    return false;
-  }
-  let temp_user_type = userType.value.filter(element => element.checked);
-  user_type.value = temp_user_type.map(element => element.label);
-  let temp_user_status = userStatus.value.filter(element => element.checked);
-  user_status.value = temp_user_status.map(element => element.label);
-  // 保存主办方信息
-  request.post('/srv/?a=host_add', {
-    name: name.value,
-    user_type: user_type.value,
-    user_status: user_status.value,
-  })
-  .then(res => {
-    if (res.data.code) {
-      Toast.success('保存成功');
-      Taro.navigateBack({
-        delta: 1
-      });
-    } else {
-      console.warn(res.data.msg);
-    }
-  })
-  .catch(err => {
-    console.error(err);
-  });
-}
 const userType = ref([{
+  key: 'first',
   label: '首次参与',
   checked: 1,
+  nop: true
 }, {
+  key: 'old',
   label: '老用户',
   checked: 1,
+  nop: true
 }]);
 const userStatus = ref([{
+  key: 'follow',
   label: '跟踪',
   checked: 1,
+  nop: true
 }, {
+  key: 'guide',
   label: '引导',
   checked: 1,
+  nop: true
 }]);
-
-
 // 用户类型弹框操作
 const onTapType = (item) => {
-  item.checked = !item.checked
+  if (item.nop) return false; // 如果是固定字段不能操作
+  item.checked = !item.checked;
 }
+
+const is_long_press = ref(false); // 是否是长按激活
 const onLongPressType = (item) => {
+  if (item.nop) return false; // 如果是固定字段不能操作
   show_edit_type.value = true;
+  is_long_press.value = true;
+  add_user_type.value.key = item.key;
+  add_user_type.value.name = item.label;
 }
 const show_edit_type = ref(false)
 const onChangeType = ({ detail }) => {
-  add_user_type.value = detail;
+  add_user_type.value.name = detail;
 }
 const closeEditType = () => {
   show_edit_type.value = false;
+  is_long_press.value = false;
 }
 const confirmEditType = () => {
   if (!add_user_type.value) {
     Toast.fail('名称不能为空');
   } else {
     show_edit_type.value = false;
+    if (is_long_press.value) {
+      userType.value.forEach(item => {
+        if (item.key === add_user_type.value.key) { // key值相同
+          item.label = add_user_type.value.name;
+        }
+      });
+    } else {
       userType.value.push({
-      label: add_user_type.value,
+        key: randomId(5),
+        label: add_user_type.value.name,
         checked: 1,
       });
-    add_user_type.value = '';
+    }
+    add_user_type.value = {};
+    is_long_press.value = false;
   }
 }
 const addSign = () => {
@@ -191,10 +198,17 @@ const addSign = () => {
 // 用户状态
 const onTapStatus = (item) => {
-  item.checked = !item.checked
+  if (item.nop) return false; // 如果是固定字段不能操作
+  item.checked = !item.checked;
 }
+
+const is_long_press_status = ref(false); // 是否是长按激活
 const onLongPressStatus = (item) => {
+  if (item.nop) return false; //如果是固定字段不能操作
   show_edit_status.value = true;
+  is_long_press_status.value = true;
+  add_user_status.value.key = item.key;
+  add_user_status.value.name = item.label;
 }
 const show_edit_status= ref(false)
 const onChangeStatus = ({ detail }) => {
@@ -202,23 +216,56 @@ const onChangeStatus = ({ detail }) => {
 }
 const closeEditStatus = () => {
   show_edit_status.value = false;
+  is_long_press_status.value = false;
 }
 const confirmEditStatus = () => {
   if (!add_user_status.value) {
     Toast.fail('名称不能为空');
   } else {
     show_edit_status.value = false;
+    if (is_long_press.value) {
+      userStatus.value.forEach(item => {
+        if (item.key === add_user_status.value.key) { // key值相同
+          item.label = add_user_status.value.name;
+        }
+      });
+    } else {
       userStatus.value.push({
+        key: randomId(5),
         label: add_user_status.value,
         checked: 1,
       })
-    add_user_status.value = '';
+    }
+    add_user_status.value = {};
+    is_long_press_status.value = false;
   }
 }
 const addStatus = () => {
   show_edit_status.value = true;
 }
+const onSave = async () => {
+  if (!name.value) {
+    Toast.fail('名称不能为空');
+    return false;
+  }
+  let temp_user_type = userType.value.filter(element => element.checked && !element.nop);
+  user_type.value = temp_user_type.map(element => element.label);
+  let temp_user_status = userStatus.value.filter(element => element.checked && !element.nop);
+  user_status.value = temp_user_status.map(element => element.label);
+  // 修改主办方信息
+  const params = {
+    i: getCurrentPageParam().id,
+    name: name.value,
+    user_type: JSON.stringify(user_type.value),
+    user_status: JSON.stringify(user_status.value),
+  }
+  const { code, data } = await editHostAPI(params);
+  if (code) {
+    Toast.success('修改成功');
+    Taro.navigateBack();
+  }
+}
 </script>
 <script>
@@ -226,5 +273,8 @@ import "./index.less";
 export default {
   name: "createProjectPage",
+  async onShow () {
+
+  }
 };
 </script>