联调表单设置功能

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-26 23:52:36
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-23 13:21:48
+ * @LastEditTime: 2022-12-06 16:13:12
  * @FilePath: /data-table/src/App.vue
  * @Description:
 -->
@@ -71,9 +71,8 @@ onMounted(async () => {
   // wx.error((err) => {
   //   console.warn(err);
   // });
-  // const { data } = await getFormSettingAPI({ form_code: $route.query.code });
   // 数据收集设置
-  const { data } = await getFormSettingAPI({ form_code: "jxrteb" });
+  const { data, extend } = await getFormSettingAPI({ form_code: $route.query.code });
   const form_setting = {};
   if (data.length) {
     data[0].property_list.forEach((prop) => {
@@ -84,20 +83,26 @@ onMounted(async () => {
             ? prop["setting_value"]
             : prop["setting_value"][0],
       };
-      Object.assign(form_setting, obj);
+      Object.assign(form_setting, obj, extend);
     });
   }
   // 缓存表单设置
   store.changeFormSetting(form_setting);
   // 判断跳转页面
-  if (form_setting.enable && form_setting.enable === 0) {
-    // 开启/停止表单
-    $router.push("/stop");
+  if (form_setting.sjsj_enable && form_setting.sjsj_enable === 0) {
+    // 表单已结束
+    $router.push("/stop?status=disable");
   }
-  if (form_setting.is_time_range && form_setting.is_time_range === 0) {
-    // 是否设定开启/停止时间
-    // $router.push("/");
-    console.warn("是否设定开启/停止时间");
+  // 开启后有开始和结束时间，不在时间范围的显示表单还未开始或者已经结束
+  if (form_setting.sjsj_is_time_range && form_setting.sjsj_is_time_range === 1) {
+    // 未开始
+    if (form_setting.server_time < form_setting.sjsj_begin_time) {
+      $router.push("/stop?status=apply");
+    }
+    // 已结束
+    if (form_setting.server_time > form_setting.sjsj_end_time) {
+      $router.push("/stop?status=finish");
+    }
   }
 });
 </script>

 <!--
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-06 15:34:23
+ * @LastEditTime: 2022-12-06 16:13:57
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
 -->
 <template>
   <van-notice-bar
-    v-if="notice_text"
+    v-if="formSetting.sjsj_is_count_down"
     left-icon="volume-o"
     :text="notice_text"
     scrollable
@@ -239,14 +239,12 @@ onMounted(async () => {
   // createComponentType(mockData.value);
   createComponentType(formData.value);
   //
-  // console.warn(formSetting.value);
-  notice_text.value = "表单报名将在2022-12-21 12:32后结束";
+  notice_text.value = `表单报名将在 ${formSetting.value.sjsj_end_time} 后结束`;
 });
 
 // 操作绑定自定义字段回调
 const onActive = (item) => {
   if (item.key === "area_picker") {
-    console.warn(item);
     postData.value[item.filed_name] = item.value;
   }
   if (item.key === "image_uploader") {

@@ -15,7 +15,11 @@
         style="vertical-align: bottom"
         :src="icon_success"
       />
-      <p style="font-size: 1.05rem; margin: 0.5rem; font-weight: bold">表单停止提交</p>
+      <p style="font-size: 1.05rem; margin: 0.5rem; font-weight: bold">
+        <span v-if="status === 'apply'">表单未开始</span>
+        <span v-if="status === 'finish'">表单已结束</span>
+        <span v-if="status === 'disable'">表单已关闭</span>
+      </p>
       <!-- <p style="font-size: 0.9rem; margin-bottom: 0.5rem">您的作品正在审核中</p> -->
       <!-- <p style="font-size: 0.9rem">请耐心等待～～</p> -->
     </div>
@@ -54,6 +58,8 @@ const styleObj = {
   color: "#FFFFFF",
 };
 
+const status = $route.query.status;
+
 onMounted(() => {});
 
 const handle = () => {