Эх сурвалжийг харах

协议费用方案调整展示(折叠面板方式)

li.pengfei 2 жил өмнө
parent
commit
cf5f283751

+ 13 - 6
src/views/AgreementManage/CarInsurance/AgreementEntry.vue

@@ -224,6 +224,7 @@
             </el-checkbox-group>
           </div>
           <div>
+            <el-collapse  accordion>
             <div class="flex   f-c products" v-for="(schemeitem, schemeindex) in costform.scheme" :key="schemeindex">
               <div class="productstitle flex j-s">
                 <div><span>{{ schemeitem.name }}费用</span></div>
@@ -246,14 +247,17 @@
                 </div>
                 <el-form ref="costform" :model="productCostsitem" label-width="130px" :size="overSize"
                   :rules="costformRules">
+                  <el-collapse-item   style="padding-top: 50px;">
+                    <template slot="title">
+                      <el-col :span="20" :offset="2" >
+                        <el-form-item label="费用描述">
+                          <el-input type="textarea" v-model="productCostsitem.costsDescription"
+                                    placeholder="输入费用描述内容"></el-input>
+                        </el-form-item>
+                      </el-col>
+                    </template>
                   <el-row>
                     <h4/>
-                    <el-col :span="20" :offset="2">
-                      <el-form-item label="费用描述">
-                        <el-input type="textarea" v-model="productCostsitem.costsDescription"
-                                  placeholder="输入费用描述内容"></el-input>
-                      </el-form-item>
-                    </el-col>
                     <el-col :span="10" :offset="2">
                       <el-form-item label="费用起期" prop="costsStartDate">
                         <el-date-picker style="width: 100%;" v-model="productCostsitem.costsStartDate" type="datetime"
@@ -273,6 +277,7 @@
                         <el-input style="width: 100%" v-model="productCostsitem.priorityLevel"   @change="vm=> changePriorityLevel(vm,schemeindex,productCostsindex)"   label="方案匹配优先级"></el-input>
                       </el-form-item>
                     </el-col>
+
                   </el-row>
                   <el-row v-if="['单交', '交三', '交商','兜底配置'].includes(schemeitem.name)">
                     <h4 style="color: tomato;">交强险费用</h4>
@@ -357,9 +362,11 @@
                       </el-form-item>
                     </el-col>
                   </el-row>
+                  </el-collapse-item>
                 </el-form>
               </div>
             </div>
+            </el-collapse>
           </div>
         </el-tab-pane>
         <el-tab-pane label="非车产品费用" name="Noncarproductcost" style="padding: 20px;">