修改表单

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

@@ -247,31 +247,14 @@
             </div>
           </div>
         </el-form-item>
-        <!-- <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
-          label="副标题"
-          v-show="
-            questionEditList.showType == 2 && questionEditList.headStyle == 1
-          "
-        >
-          <el-input
-            v-model="questionEditList.subheading"
-            maxlength="20"
-            placeholder="副标题最多20字符"
-            style="width: 300px;"
-          ></el-input>
-        </el-form-item> -->
         <el-form-item label="问卷导言" v-show="questionEditList.showType == 2">
           <el-input
+            type="textarea"
+            :autosize="{ minRows: 3 }"
             v-model="questionEditList.questionIntro"
             maxlength="210"
             placeholder="最多210字符"
-            style="width: 300px;"
+            style="width: 500px;"
           ></el-input>
         </el-form-item>
         <el-form-item label="基本信息" v-show="questionEditList.showType == 2">
@@ -281,36 +264,7 @@
             <el-checkbox label="3">地址</el-checkbox>
           </el-checkbox-group>
         </el-form-item>
-        <!-- <el-form-item
-          label="问卷起始时间"
-          v-show="
-            questionEditList.showType == 2 && questionEditList.headStyle == 1
-          "
-        >
-          <el-date-picker
-            type="datetime"
-            placeholder="开始时间"
-            v-model="questionEditList.startDate"
-            style="width: 181px;"
-            :picker-options="endDateOpt"
-          >
-          </el-date-picker>
-          <span>-</span>
-          <el-date-picker
-            type="datetime"
-            placeholder="结束时间"
-            v-model="questionEditList.endDate"
-            style="width: 181px;"
-            :picker-options="endDateOpt1"
-            default-time="23:59:59"
-          >
-          </el-date-picker>
-        </el-form-item> -->
-        <div
-          v-show="
-            questionEditList.showType == 2 && questionEditList.headStyle == 2
-          "
-        >
+        <div v-show="questionEditList.showType == 2">
           <el-form-item class="submit-btn" label="头图">
             <el-upload
               v-model="questionEditList.headDiagramUrl"
@@ -379,13 +333,12 @@
           >
             <el-checkbox label="1">云鹊医APP</el-checkbox>
             <el-checkbox label="2">云鹊医H5</el-checkbox>
-            <!-- <el-checkbox label="3">云鹊健康APP</el-checkbox>
-            <el-checkbox label="4">云鹊健康H5</el-checkbox>  -->
           </el-checkbox-group>
         </el-form-item>
         <el-form-item
           label="问卷填写次数"
           v-show="questionEditList.showType == 2"
+          prop="limitNum"
         >
           <el-radio v-model="questionEditList.limitNumFlag" label="0">
             <el-input
@@ -452,45 +405,30 @@ export default {
         submitButtomUrl: "",
         promptCopy: "",
         headDiagramUrl: "",
-        // headStyle: 1,
-        subheading: "",
         baseInfoList: [], //基本信息
         questionIntro: "",
-        startDate: "",
-        endDate: "",
         loginAuthList: [], //登录权限控制
         limitNumFlag: "0", //填写次数flag
         limitNum: 1 //填写次数
       },
-
-      endDateOpt: {
-        disabledData: time => {
-          if (
-            this.questionEditList.endDate != "" &&
-            this.questionEditList.endDate != null
-          ) {
-            return (
-              time.getTime() >
-              new Date(this.questionEditList.startDate).getTime()
-            );
-          }
-        }
-      },
-      endDateOpt1: {
-        disabledDate: time => {
-          return (
-            time.getTime() < new Date(this.questionEditList.startDate).getTime()
-          );
-        }
-      },
       rules: {
         name: [{ required: true, message: "请输入问卷标题", trigger: "blur" }],
+        fileName: [
+          {
+            required: true
+          }
+        ],
         promptCopy: [
           {
             required: true,
             message: "请输入问卷填写完毕提示文案",
             trigger: "blur"
           }
+        ],
+        limitNum: [
+          {
+            required: true
+          }
         ]
       },
       statuSelect: [
@@ -565,12 +503,8 @@ export default {
           submitButtomUrl: "",
           promptCopy: "您已成功提交问卷，感谢您的参与！",
           headDiagramUrl: "",
-          // headStyle: 1,
-          subheading: "",
           baseInfoList: [],
           questionIntro: "",
-          startDate: "",
-          endDate: "",
           loginAuthList: ["1"],
           limitNumFlag: "0",
           limitNum: 1
@@ -595,9 +529,16 @@ export default {
         if (res.code == "000000") {
           console.log(res.data);
           vm.questionEditList = Object.assign({}, res.data);
+          if (!res.data.limitNum || res.data.limitNum < 1) {
             vm.questionEditList = Object.assign({}, vm.questionEditList, {
-            limitNumFlag: res.data.limitNum < 1 ? "0" : "1"
+              limitNumFlag: "0",
+              limitNum: 1
             });
+          } else {
+            vm.questionEditList = Object.assign({}, vm.questionEditList, {
+              limitNumFlag: "1"
+            });
+          }
         }
       });
     },
@@ -732,22 +673,14 @@ export default {
         model: vm.questionEditList,
         fileArray: vm.fileArray
       };
+      console.log(vm.questionEditList.questionIntro);
       if (vm.questionEditList.showType == 1) {
         // 单题显示
-        vm.questionEditList.subheading = "";
         vm.questionEditList.questionIntro = "";
         vm.questionEditList.headDiagramUrl = "";
       } else {
         vm.questionEditList.nextDisableClickUrl = "";
         vm.questionEditList.nextClickUrl = "";
-        // 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)) {