问卷 样式调整

src/components/system/survey-form.vue

@@ -27,19 +27,19 @@
         </div>
 
         <template v-if="objOption.SurveyType==2||objOption.SurveyType==3">
+          <div class="q-pb-xs">
             增加选项
             <q-btn round dense flat icon="add" @click="addSurveyOptions" />
+          </div>
           <div v-for="(sItem,sIndex) in objOption.SurveyOptionsList" :key="sIndex">
             <div class="row wrap">
-            <q-input filled   class="col-6 q-pr-lg q-pb-lg" v-model="sItem.OptionsName" :label="`选项${sIndex+1}`" :dense="false">
-      </q-input>
+              <q-input filled   class="col-10 q-pr-lg q-pb-lg" v-model="sItem.OptionsName" :label="`选项${sIndex+1}`" :dense="false"></q-input>
               <q-input filled stack-label :dense="false" v-model="sItem.Sort"
-            class="col-4 q-pr-lg q-pb-lg" label="排序" :rules="[val => !!val || '请输入排序']">
+              class="col-2 q-pr-lg q-pb-lg" label="排序" :rules="[val => !!val || '请输入排序']">
                 <template v-slot:append>
                   <q-btn round dense flat icon="delete" @click="delSurveyOptions(sIndex)"  />
                 </template>
               </q-input>
-     
           </div>
         </div>
         </template>

src/pages/system/surveyStudent.vue

@@ -21,7 +21,7 @@
           :options="TeacherList"
           @filter="filterFnTeacher"
           class="col-6 q-pb-lg"
-              emit-value map-options  >
+          emit-value map-options>
             <template v-slot:no-option>
               <q-item>
                 <q-item-section class="text-grey">
@@ -49,21 +49,19 @@
           <template v-if="item.SurveyType === 2">
               <div class="q-gutter-sm" >
                 <q-list>
-                      <q-radio v-for="(radio, rIndex) in item.SurveyOptionsList" :key="rIndex"  v-model="item.ScoreNum" :label="radio.OptionsName" :val="radio.ID" />
+                  <div v-for="(radio, rIndex) in item.SurveyOptionsList"><q-radio :key="rIndex"  v-model="item.ScoreNum" :label="radio.OptionsName" :val="radio.ID" /></div>
                 </q-list>
               </div>
           </template>
           <template v-if="item.SurveyType === 3">
               <div class="q-gutter-sm" >
                 <q-list>
-                      <q-checkbox v-for="(radio, rIndex) in item.SurveyOptionsList"  :key="rIndex" v-model="item.CheckInfo" :val="radio.ID" :label="radio.OptionsName" />
+                  <div v-for="(radio, rIndex) in item.SurveyOptionsList" ><q-checkbox :key="rIndex" v-model="item.CheckInfo" :val="radio.ID" :label="radio.OptionsName" /></div>
                 </q-list>
               </div>
-               
           </template>
 
           <template v-if="item.SurveyType === 4">
-                
               <q-input type="textarea" :rows="2" :placeholder="$t('fnc.qsrneirong')" v-model="item.TextContent" style="margin-bottom:15px;">
               </q-input>
 
@@ -73,14 +71,14 @@
       </div>
 
     </template>
-    <q-card-actions align="right" class="bg-white">
+    <q-card-actions align="center" class="bg-white q-pt-lg">
         <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" />
         <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important"
           @click="setSurveyStudent" />
       </q-card-actions>
     </div>
     <div v-else>
-      <div class="row wrap" style="margin:10px 0px;text-align:center; ">
+      <div class="row wrap" style="margin:20px 0px;text-align:center; ">
         <div class="col-12">亲爱的{{addMsg.StuName}}同学，感谢您对任课老师{{addMsg.TeacherName}}的评价。</div>
       </div>
     </div>