协议详情样式微调整

src/views/quoteConfig/agreement/agreementDetails.vue

@@ -135,7 +135,7 @@
                 <p class=" m-top-10" style="font-size: 14px;letter-spacing: 2px;">规则描述：{{ item.ruleDescription }}</p>
               </div>
               <div class="header-content" v-if="item.ruleFeeShow">
-                <el-button plain type="primary" @click=" ruleFeeAdd(item)" class="m-top-20 m-btn-20">添加费用
+                <el-button plain type="primary" @click=" ruleFeeAdd(item)" class="m-top-10 m-btn-10">添加费用
                   <template #icon>
                     <el-icon>
                       <Plus />
@@ -684,7 +684,7 @@ const costitemEditInfo = ref();
 const RulesInfo = ref({});
 const columns = [
   { prop: "costRules", label: "费用规则", width: '200', },
-  { prop: "priorityLevel", label: "优先级", width: '60', },
+  { prop: "priorityLevel", label: "优先级", width: '100', },
   { prop: "costDescribe", label: "费用规则", width: '200', },
   {
     prop: "ptlAgreementCostTypeList", label: "交强险费用", width: '300', formatter: (row: any) => {
@@ -1010,9 +1010,9 @@ const uploadImage = (file: any) => {
 <!-- 样式区域 -->
 <style lang='scss' scoped>
 :deep(.demo-tabs .el-tabs__item) {
-  height: 60px;
   font-size: 20px;
   font-weight: bold !important;
+  align-items: start;
 }
 
 :deep(.ruleFee .el-tabs__item) {
@@ -1042,11 +1042,11 @@ const uploadImage = (file: any) => {
 }
 
 .RuleContainer {
-  margin-top: 20px;
+  margin-top: 10px;
 
   .list-item {
     padding: 18px 16px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
     border: 1px solid #e5e5e5;
     border-radius: 10px;