feat(survey): 添加取消投放功能

- 在 survey/index.js 中新增 modify 函数，用于修改投放状态
- 在 Survey/Index.vue 中添加取消投放逻辑
- 优化 Publish/Index.vue 的样式

src/api/survey/index.js

@@ -43,3 +43,14 @@ export function getQuestionList(params, code) {
     method: 'get'
   });
 }
+
+/*取消投放*/
+export function modify(params, code) {
+  return request({
+    headers: {
+      'survey-invite-code': code || ''
+    },
+    url: `/console/question/publish/modify`,
+    method: 'POST'
+  });
+}

src/components/contenteditable.vue

@@ -146,10 +146,10 @@ const isEmptyContent = (html) => {
   const trimmedHtml = html.trim();
   // 检查是否为空字符串、仅包含 <br> 或仅包含 <p><br></p>
   return (
-    trimmedHtml === '' ||
+    trimmedHtml === ''
-    trimmedHtml === '<br>' ||
+    || trimmedHtml === '<br>'
-    trimmedHtml === '<p><br></p>' ||
+    || trimmedHtml === '<p><br></p>'
-    trimmedHtml === '<p></p>'
+    || trimmedHtml === '<p></p>'
   );
 };
 

src/utils/QuestionJsons/Rate.js

@@ -39,7 +39,7 @@ export default {
     prompt_right: '',
     score_interval: 1,
     score_type: 0,
-    score_way: 0,
+    score_way: 1, //打分类型
     prompt_score: 2
   },
   associate: [],

src/views/Survey/Index.vue

@@ -74,7 +74,9 @@
               <el-text style="color: #71b73c">预览</el-text>
             </el-button>
             <el-button color="#6fb937" :disabled="item.source === 0" @click="toPublish(item)">
-              <el-text style="color: white">开启投放</el-text>
+              <el-text style="color: white">{{
+                item.status === 1 ? '取消投放' : '开启投放'
+              }}</el-text>
             </el-button>
           </div>
           <el-dropdown
@@ -106,6 +108,7 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 import { getSurveysPage, copySurveys, deleteSurveys, saveTemplates } from '@/api/home/index.js';
+import { modify } from '@/api/survey/index.js';
 import { showDialog, showConfirmDialog, showFailToast, showSuccessToast, showToast } from 'vant';
 import { useRouter } from 'vue-router';
 const router = useRouter();
@@ -221,12 +224,21 @@ const toPreview = (item) => {
   });
 };
 const toPublish = (item) => {
+  if (item.status === 1) {
+    console.log(item);
+    modify({ surveyPublishId: '' }).then((res) => {
+      if (res.data) {
+        //   吧 数据改掉
+      }
+    });
+  } else {
     router.push({
       path: '/publish',
       query: {
         sn: item.sn
       }
     });
+  }
 };
 const editItem = (item) => {
   router.push({

src/views/Survey/views/Create/Index.vue

@@ -7,6 +7,7 @@
           v-model="questionInfo.survey.title"
           className="content-title"
           :active="true"
+          placeholder="请输入问卷标题"
           @blur="saveTitle"
         ></contenteditable>
         <!--          问卷标注-->
@@ -14,6 +15,7 @@
           v-model="questionInfo.survey.introduction"
           className="introduction"
           :active="true"
+          placeholder="请输入问卷标注"
           @blur="saveTitle"
         ></contenteditable>
       </div>

src/views/Survey/views/Preview/Index.vue

@@ -683,9 +683,9 @@ async function answer(callback, callbackBeforePage) {
           question.error = translatedText.value.ThisIsARequiredQuestion;
         }
       } else if (
-        answer &&
+        answer
-        questionType === 1 &&
+        && questionType === 1
-        Object.keys(answer).findIndex((value) => !answer[value]) !== -1
+        && Object.keys(answer).findIndex((value) => !answer[value]) !== -1
       ) {
         // 单选题
         isError = true;
@@ -865,16 +865,16 @@ async function answer(callback, callbackBeforePage) {
           // eslint-disable-next-line
             const reg =
               /^[a-zA-Z·~！@#￥%…&*（）—\-+={}|《》？：“”【】、；‘’，。`!$^()_<>?:",./;'\\[\]]+$/;
-            isError =
+          isError
-              config.include_mark === 1
+              = config.include_mark === 1
               ? !reg.test(newValue) || !newValue.length
               : !/^[a-zA-Z]+$/.test(newValue) || !newValue.length;
           question.error = isError ? translatedText.value.PleaseEnterEnglishLetters : '';
           break;
           // 中文
         case 4:
-            isError =
+          isError
-              config.include_mark === 1
+              = config.include_mark === 1
               ? !/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|[a-zA-Z·~！@#￥%…&*（）—\-+={}|《》？：“”【】、；‘’，。`!$^()_<>?:",./;'\\[\]])+$/.test(
                 newValue
               ) || !newValue.length
@@ -885,8 +885,8 @@ async function answer(callback, callbackBeforePage) {
           break;
           // 邮箱
         case 5:
-            isError =
+          isError
-              !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3})|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+              = !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3})|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
               value
             );
           question.error = isError ? translatedText.value.PleaseEnterACorrectEmail : '';
@@ -898,8 +898,8 @@ async function answer(callback, callbackBeforePage) {
           break;
           // 身份证号
         case 7:
-            isError =
+          isError
-              !/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(
+              = !/^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(
               value
             );
           question.error = isError ? translatedText.value.PleaseEnterACorrectID : '';
@@ -1041,14 +1041,14 @@ async function answer(callback, callbackBeforePage) {
               currentQuestions.forEach((question, index) => {
                 if (index >= warnStart && index < warnEnd) {
                   if (repeat.repeat_type) {
-                    question.warning =
+                    question.warning
-                      translatedText.value.TheAnswerIsRepeatedMoreThanOneTimesPleaseRevise(
+                      = translatedText.value.TheAnswerIsRepeatedMoreThanOneTimesPleaseRevise(
                         repeat.allow_repeat_num,
                         repeat.repeat_type
                       );
                   } else {
-                    question.error =
+                    question.error
-                      translatedText.value.TheAnswerIsRepeatedMoreThanOneTimesPleaseRevise(
+                      = translatedText.value.TheAnswerIsRepeatedMoreThanOneTimesPleaseRevise(
                         repeat.allow_repeat_num,
                         repeat.repeat_type
                       );
@@ -1395,8 +1395,8 @@ function updateAnswer(auto) {
       const evt1 = {};
 
       if ([1].includes(question.question_type)) {
-        evt1.value =
+        evt1.value
-          Object.keys(question.answer)
+          = Object.keys(question.answer)
             .map((key) => (question.answer[key] ? key : undefined))
             .filter((i) => !!i)?.[0] || undefined;
         evt1.options = question.list.flatMap((i) => i.options);

src/views/Survey/views/Publish/Index.vue

@@ -211,10 +211,10 @@ onMounted(async () => {
 
 .content {
   margin: 10px;
+  padding-bottom: 25px;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-  padding-bottom: 25px;
 
   .qrcode {
     display: flex;
@@ -234,8 +234,8 @@ onMounted(async () => {
       }
 
       .desc {
-        font-size: 13px;
         margin-top: 8px;
+        font-size: 13px;
         line-height: 16px;
       }
     }