问卷预览

1

src/views/setQuestions/operation.vue

@@ -95,79 +95,79 @@
         <el-row>
             <el-form-item
             label="问卷模板"
-            prop="preTemplate"
+            prop="templateType"
             :rules="[{ required: true, message: '请选择问卷模板' }]"
           >
             <el-checkbox-group v-model="checkList" @change="bindCheckBox">
               <div class="chioseWrap">
-                <div class="chioseItem" @click="setPreTemplate(1)">
+                <div class="chioseItem" @click="settemplateType(1)">
                   <img src="./images/img1.png" alt="" />
-                  <!--        v-model="form.preTemplate" -->
+                  <!--        v-model="form.templateType" -->
                   <div class="remberBox">
                     <div class="wrap"></div>
                     <el-checkbox
                       class="chioseBox"
                       :label="1"
-                      :checked="form.preTemplate == 1"
+                      :checked="form.templateType == 1"
                        :disabled='disabled'
                       ><br
                     /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
-                    :class="[form.preTemplate == 1 ? 'checked' : '']"
+                    :class="[form.templateType == 1 ? 'checked' : '']"
                   ></div> -->
                   </div>
                 </div>
-                <div class="chioseItem" @click="setPreTemplate(2)">
+                <div class="chioseItem" @click="settemplateType(2)">
                   <img src="./images/img2.png" alt="" />
                   <div class="remberBox">
-                    <!--  v-model="form.preTemplate" -->
+                    <!--  v-model="form.templateType" -->
                     <div class="wrap"></div>
                     <el-checkbox
                       name="2"
                       class="chioseBox"
                       :label="2"
-                      :checked="form.preTemplate == 2"
+                      :checked="form.templateType == 2"
                        :disabled='disabled'
                       ><br
                     /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
-                    :class="[form.preTemplate == 2 ? 'checked' : '']"
+                    :class="[form.templateType == 2 ? 'checked' : '']"
                   ></div> -->
                   </div>
                 </div>
-                <div class="chioseItem" @click="setPreTemplate(3)">
+                <div class="chioseItem" @click="settemplateType(3)">
                   <img src="./images/img3.png" alt="" />
                   <div class="remberBox">
                     <div class="wrap"></div>
                     <el-checkbox
                       class="chioseBox"
                       :label="3"
-                      :checked="form.preTemplate == 3"
+                      :checked="form.templateType == 3"
                        :disabled='disabled'
                       ><br
                     /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
-                    :class="[form.preTemplate == 3 ? 'checked' : '']"
+                    :class="[form.templateType == 3 ? 'checked' : '']"
                   ></div> -->
                   </div>
                 </div>
-                    <div class="chioseItem" @click="setPreTemplate(4)">
+                    <div class="chioseItem" @click="settemplateType(4)">
                   <img src="./images/img4.png" alt="" />
                   <div class="remberBox">
                     <div class="wrap"></div>
                     <el-checkbox
                       class="chioseBox"
                       :label="4"
-                      :checked="form.preTemplate == 4"
+                      :checked="form.templateType == 4"
                       :disabled='disabled'
                       ><br
                     /></el-checkbox>
                     <!-- <div
                     class="dotWrap"
-                    :class="[form.preTemplate == 3 ? 'checked' : '']"
+                    :class="[form.templateType == 3 ? 'checked' : '']"
                   ></div> -->
                   </div>
                 </div>
@@ -381,6 +381,7 @@ export default {
         let res = await questionnaireTopicGetDetail({ id: this.id });
         this.form = res.data;
         this.questionList = res.data;
+        this.settemplateType(res.data.templateType)
         // let list = res.data.questionnaireQuestionList || []
         // list.forEach((item, index) => {
         //     this.activeName.push(index)
@@ -511,9 +512,9 @@ export default {
         "*"
       );
     },
-        setPreTemplate(index) {
+        settemplateType(index) {
           if(this.disabled)return
-      this.$set(this.form, "preTemplate", index);
+      this.$set(this.form, "templateType", index);
       if (this.checkList.indexOf(index) == -1) {
         this.checkList.push(index);
       } else {
@@ -527,7 +528,7 @@ export default {
       if (this.checkList.length > 1) {
         this.checkList.splice(0, 1);
       }
-      this.$set(this.form, "preTemplate", this.checkList[0] || null);
+      this.$set(this.form, "templateType", this.checkList[0] || null);
     },
     changeLoginFlag(val){
       if(!val){

src/views/setQuestions/questionManger/component/Continuous.vue

@@ -332,6 +332,7 @@ export default {
       }
     },
     async onSubmit() {
+      this.$emit('close')
       // let selectList = this.questionList[this.currentIndex - 1];
       // if (selectList.type == "radio" && !this.check) {
       //   this.$toast("请回答当前问题");

src/views/setQuestions/questionManger/component/Progressive.vue

@@ -536,7 +536,6 @@ export default {
     position: inherit;
     padding: 0 15px;
     margin: 20px auto 28px;
-      background: #e4efff;
     .van-goods-action-button--last,
     .van-goods-action-button--first {
       border-radius: 6px;
@@ -677,7 +676,6 @@ export default {
     position: inherit;
     padding: 0 15px;
     margin: 20px auto 28px;
-     background: #ffe7cd;
     .van-goods-action-button--last,
     .van-goods-action-button--first {
       border-radius: 6px;
@@ -834,7 +832,6 @@ export default {
     position: inherit;
     padding: 0 15px;
     margin: 20px auto 28px;
-     background: #e8f8e9;
     .van-goods-action-button--last,
     .van-goods-action-button--first {
       border-radius: 6px;
@@ -971,7 +968,7 @@ export default {
     align-items: flex-start;
   }
   /deep/.van-goods-action {
-      background: #f9dfdf;
+
     position: inherit;
     padding: 0 15px;
     margin: 20px auto 28px;