逻辑

src/views/question-naire/question-list.vue

@@ -98,14 +98,14 @@
             >
             <el-button
               type="primary"
-              v-if="scope.row.status == 1"
+              v-show="scope.row.status == 1"
               size="small"
               @click="onAndDownLine(scope.row)"
               >上线</el-button
             >
             <el-button
               type="primary"
-              v-if="scope.row.status == 2"
+              v-show="scope.row.status == 2"
               size="small"
               @click="onAndDownLine(scope.row)"
               >下线</el-button
@@ -196,7 +196,7 @@
         </el-form-item>
         <el-form-item
           label="下一题按钮"
-          v-if="questionEditList.showType == 1"
+          v-show="questionEditList.showType == 1"
         >
           <div class="submit-btn" style="margin-right:20px;">
             <p>置灰不可点</p>
@@ -211,12 +211,12 @@
             </el-upload>
             <div class="uploat-content">
               <img
-                v-if="questionEditList.nextDisableClickUrl"
+                v-show="questionEditList.nextDisableClickUrl"
                 :src="questionEditList.nextDisableClickUrl"
                 class="bg-img"
               />
               <img
-                v-if="!questionEditList.nextDisableClickUrl"
+                v-show="!questionEditList.nextDisableClickUrl"
                 class="bg-img"
                 src="https://files.yunqueyi.com/image/png/common/20190408164003674.png"
               />
@@ -235,27 +235,27 @@
             </el-upload>
             <div class="uploat-content">
               <img
-                v-if="questionEditList.nextClickUrl"
+                v-show="questionEditList.nextClickUrl"
                 :src="questionEditList.nextClickUrl"
                 class="bg-img"
               />
               <img
-                v-if="!questionEditList.nextClickUrl"
+                v-show="!questionEditList.nextClickUrl"
                 class="bg-img"
                 src="https://files.yunqueyi.com/image/png/common/20190408164015812.png"
               />
             </div>
           </div>
         </el-form-item>
-        <el-form-item label="头部样式" v-if="questionEditList.showType == 2">
+        <!-- <el-form-item label="头部样式" v-show="questionEditList.showType == 2">
           <el-radio-group v-model="questionEditList.headStyle">
             <el-radio :label="1">文字</el-radio>
             <el-radio :label="2">图片</el-radio>
           </el-radio-group>
-        </el-form-item>
-        <el-form-item
+        </el-form-item> -->
+        <!-- <el-form-item
           label="副标题"
-          v-if="
+          v-show="
             questionEditList.showType == 2 && questionEditList.headStyle == 1
           "
         >
@@ -265,8 +265,8 @@
             placeholder="副标题最多20字符"
             style="width: 300px;"
           ></el-input>
-        </el-form-item>
-        <el-form-item label="问卷导言" v-if="questionEditList.showType == 2">
+        </el-form-item> -->
+        <el-form-item label="问卷导言" v-show="questionEditList.showType == 2">
           <el-input
             v-model="questionEditList.questionIntro"
             maxlength="210"
@@ -274,16 +274,16 @@
             style="width: 300px;"
           ></el-input>
         </el-form-item>
-        <el-form-item label="基本信息" v-if="questionEditList.showType == 2">
+        <el-form-item label="基本信息" v-show="questionEditList.showType == 2">
           <el-checkbox-group v-model="questionEditList.baseInfoList">
             <el-checkbox label="1">姓名</el-checkbox>
             <el-checkbox label="2">手机号</el-checkbox>
             <el-checkbox label="3">地址</el-checkbox>
           </el-checkbox-group>
         </el-form-item>
-        <el-form-item
+        <!-- <el-form-item
           label="问卷起始时间"
-          v-if="
+          v-show="
             questionEditList.showType == 2 && questionEditList.headStyle == 1
           "
         >
@@ -305,9 +305,9 @@
             default-time="23:59:59"
           >
           </el-date-picker>
-        </el-form-item>
+        </el-form-item> -->
         <div
-          v-if="
+          v-show="
             questionEditList.showType == 2 && questionEditList.headStyle == 2
           "
         >
@@ -325,12 +325,12 @@
             </el-upload>
             <div class="uploat-content">
               <img
-                v-if="questionEditList.headDiagramUrl"
+                v-show="questionEditList.headDiagramUrl"
                 :src="questionEditList.headDiagramUrl"
                 class="head-bg-img"
               />
               <img
-                v-if="!questionEditList.headDiagramUrl"
+                v-show="!questionEditList.headDiagramUrl"
                 class="head-bg-img"
                 src="../../assets/image/default.png"
               />
@@ -349,12 +349,12 @@
           </el-upload>
           <div class="uploat-content">
             <img
-              v-if="questionEditList.submitButtomUrl"
+              v-show="questionEditList.submitButtomUrl"
               :src="questionEditList.submitButtomUrl"
               class="bg-img"
             />
             <img
-              v-if="!questionEditList.submitButtomUrl"
+              v-show="!questionEditList.submitButtomUrl"
               class="bg-img"
               src="https://files.yunqueyi.com/image/png/common/20190408164026451.png"
             />
@@ -371,7 +371,7 @@
 
         <el-form-item
           label="登录权限控制"
-          v-if="questionEditList.showType == 2"
+          v-show="questionEditList.showType == 2"
         >
           <el-checkbox-group
             v-model="questionEditList.loginAuthList"
@@ -385,7 +385,7 @@
         </el-form-item>
         <el-form-item
           label="问卷填写次数"
-          v-if="questionEditList.showType == 2"
+          v-show="questionEditList.showType == 2"
         >
           <el-radio v-model="questionEditList.limitNumFlag" label="0">
             <el-input
@@ -394,7 +394,7 @@
               :min="1"
               style="width: 100px;"
               @blur="checkLimitNum"
-              @focus="questionEditList.limitNumFlag = '0'"
+              @focus="beforeInputLimitNum"
             ></el-input>
           </el-radio>
           <el-radio v-model="questionEditList.limitNumFlag" label="1"
@@ -452,7 +452,7 @@ export default {
         submitButtomUrl: "",
         promptCopy: "",
         headDiagramUrl: "",
-        headStyle: 1,
+        // headStyle: 1,
         subheading: "",
         baseInfoList: [], //基本信息
         questionIntro: "",
@@ -565,9 +565,9 @@ export default {
           submitButtomUrl: "",
           promptCopy: "您已成功提交问卷，感谢您的参与！",
           headDiagramUrl: "",
-          headStyle: 1,
+          // headStyle: 1,
           subheading: "",
-          baseInfoList: ["1"],
+          baseInfoList: [],
           questionIntro: "",
           startDate: "",
           endDate: "",
@@ -595,7 +595,9 @@ export default {
         if (res.code == "000000") {
           console.log(res.data);
           vm.questionEditList = Object.assign({}, res.data);
-          vm.questionEditList.limitNumFlag = res.data.limitNum < 1 ? "0" : "1";
+          vm.questionEditList = Object.assign({}, vm.questionEditList, {
+            limitNumFlag: res.data.limitNum < 1 ? "0" : "1"
+          });
         }
       });
     },
@@ -738,14 +740,14 @@ export default {
       } else {
         vm.questionEditList.nextDisableClickUrl = "";
         vm.questionEditList.nextClickUrl = "";
-        if (vm.questionEditList.headStyle == 1) {
-          // 文字
-          vm.questionEditList.headDiagramUrl = "";
-        } else {
+        // if (vm.questionEditList.headStyle == 1) {
+        //   // 文字
+        //   vm.questionEditList.headDiagramUrl = "";
+        // } else {
           vm.questionEditList.subheading = "";
           vm.questionEditList.startDate = "";
           vm.questionEditList.endDate = "";
-        }
+        // }
       }
       if (!vm.questionEditList.id) {
         if (commonUtil.isEmptyList(vm.fileArray)) {
@@ -775,8 +777,16 @@ export default {
     checkLimitNum() {
       const regexp = /^[1-9]\d*$/;
       if (!regexp.test(vm.questionEditList.limitNum)) {
-        vm.questionEditList.limitNum = 1;
+        vm.questionEditList = Object.assign({}, vm.questionEditList, {
+          limitNum: 1
+        });
       }
+    },
+    // foucs选中则改变radio
+    beforeInputLimitNum() {
+      vm.questionEditList = Object.assign({}, vm.questionEditList, {
+        limitNumFlag: "0"
+      });
     }
   }
 };