协议保险公司配置修改样式

src/components/Form/ProductCostForm.vue

@@ -500,7 +500,6 @@ export default {
     };
   },
   created() {
-    console.log(this.underwritingRulesForm)
   },
   computed: {
     CarAttr() {

src/views/AgreementManage/CarInsurance/AgreementEntry.vue

@@ -36,6 +36,14 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="6">
+            <el-form-item label="是否外部订单">
+              <el-select :size="overSize" v-model="queryForm.isExternal" placeholder="请选择" clearable style="width: 100%">
+                <el-option label="是" :value="1"></el-option>
+                <el-option label="否" :value="0"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
           <el-col :span="6">
             <el-form-item label="是否启用">
               <el-select :size="overSize" v-model="queryForm.validStatus" placeholder="请选择" clearable
@@ -78,7 +86,7 @@
               </el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="6" :offset="6" class="flex a-end j-c">
+          <el-col :span="6"  class="flex a-end j-c">
             <el-form-item>
               <kt-button label="查询" :size="overSize" type="primary" perms="agreement:input:query" @click="queryEsmInfo" />
               <el-button :disabled="agreementSelectionList.length == 0" label="批量修改" :size="overSize" type="primary"
@@ -380,14 +388,19 @@
             <el-form class="demo-ruleForm wrap-scrollbar scroll-style" :model="attributionform" ref="attributionform"
               :label-width="labelWidth" size="small">
               <el-row>
-                <el-col :span="12">
-                  <el-form-item class="apistyle" label="api类型：">
+                <div class="flex a-c">
+                  <span style="font-weight: bold;">api类型</span>
+                    <div class="apiTypestyle flex j-start a-c " :class="{'apiactive':attributionform.apiType==item.id}"  v-for="(item,index) in apiTypelist" :key="index" @click="apiChange(item.id)">
+                      <img :src="attributionform.apiType==item.id?item.activeImg:item.img" alt="">
+                      <span  style="margin:auto">{{ item.label }}</span>
+                    </div>
+                </div>
+                <!-- <el-form-item class="apistyle" label="api类型：">
                     <el-select class="widths1" v-model="attributionform.apiType" @change="apiChange">
                       <el-option label="API" :value="1"></el-option>
                       <el-option label="python" :value="2"></el-option>
                     </el-select>
-                  </el-form-item>
-                </el-col>
+                  </el-form-item> -->
                 <div v-if="attributionform.apiType == 2">
                   <el-col :span="24">
                     <div>
@@ -1284,7 +1297,8 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="agreementSelectionVisible = false">取 消</el-button>
-        <el-button  style="background: #2D4D89;color: #fff;border-color: #2D4D89;" size="small" type="primary" @click="agreementSelectionSubmit">确 定</el-button>
+        <el-button style="background: #2D4D89;color: #fff;border-color: #2D4D89;" size="small" type="primary"
+          @click="agreementSelectionSubmit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -1307,6 +1321,22 @@ export default {
   },
   data() {
     return {
+      apiTypelist:[
+        {
+          id:1,
+          label:"API",
+          img:require('@/assets/api.png'),
+          activeImg:require('@/assets/api1.png')
+        },
+        {
+          id:2,
+          label:"python",
+          img:require('@/assets/python.png'),
+          activeImg:require('@/assets/python1.png')
+
+        }
+      ],
+
       agreementActiveInfo: null,
       labelData: '',
       selectTree: [],
@@ -3212,10 +3242,11 @@ export default {
     },
 
     //请求类型change
-    apiChange(e) {
+    apiChange(id) {
+      this.attributionform.apiType=id;
       let params = {
         insCompanyId: this.agreement.partnerCompaniesId,
-        apiType: e,
+        apiType: id,
       };
       this.$api.insCompany.getPtlInsAttributionTemplate(params).then((res) => {
         if (res.code == "200") {
@@ -3923,6 +3954,32 @@ export default {
   overflow-y: auto;
 }
 
+.apiTypestyle {
+  padding: 4px;
+  box-sizing: border-box;
+  margin-left:50px;
+  width: 124px;
+  height: auto;
+  background: #F1F2F6;
+  border-radius: 4px 4px 4px 4px;
+  cursor: pointer;
+  img{
+    width: 28px;
+    height:28px;
+  }
+  >span{
+    // color: rgba(38,38,38,0.8);
+    font-size: 14px;
+  }
+}
+
+.apiactive {
+  background: #fff;
+  border: 1px solid #2D4D89;
+  color:#2D4D89;
+  font-weight: bold;
+}
+
 /deep/ {
 
   .el-dialog__header {

src/views/AgreementManage/CarInsurance/AgreementHistoryRecord.vue

@@ -207,14 +207,21 @@
             <el-form class="demo-ruleForm wrap-scrollbar scroll-style" :model="agreementsHistoryInfo.attributionform"
               ref="attributionform" label-width="160px" size="small">
               <el-row>
-                <el-col :span="12">
+                <div class="flex a-c">
+                  <span style="font-weight: bold;">api类型</span>
+                    <div class="apiTypestyle flex j-start a-c " style="pointer-events: none;" :class="{'apiactive':agreementsHistoryInfo.attributionform.apiType==item.id}"  v-for="(item,index) in apiTypelist" :key="index" >
+                      <img :src="agreementsHistoryInfo.attributionform.apiType==item.id?item.activeImg:item.img" alt="">
+                      <span  style="margin:auto">{{ item.label }}</span>
+                    </div>
+                </div>
+                <!-- <el-col :span="12">
                   <el-form-item class="apistyle" label="api类型：">
                     <el-select disabled class="widths1" v-model="agreementsHistoryInfo.attributionform.apiType">
                       <el-option label="API" :value="1"></el-option>
                       <el-option label="python" :value="2"></el-option>
                     </el-select>
                   </el-form-item>
-                </el-col>
+                </el-col> -->
                 <div v-if="agreementsHistoryInfo.attributionform.apiType == 2">
                   <el-col :span="24">
                     <div>
@@ -279,6 +286,21 @@ export default {
   },
   data() {
     return {
+      apiTypelist:[
+        {
+          id:1,
+          label:"API",
+          img:require('@/assets/api.png'),
+          activeImg:require('@/assets/api1.png')
+        },
+        {
+          id:2,
+          label:"python",
+          img:require('@/assets/python.png'),
+          activeImg:require('@/assets/python1.png')
+
+        }
+      ],
       expandshow: false,
       InsInsuranceKindoptions: [],//险种配置
       supplierType: "1", //协议类型
@@ -636,9 +658,6 @@ export default {
     border-color: #2D4D89 !important;
   }
 
-  .el-button:hover {
-    color: #fff;
-  }
 
   .el-checkbox__input.is-checked+.el-checkbox__label {
     color: #2D4D89 !important;
@@ -686,4 +705,29 @@ export default {
     padding: 10px 20px 10px 10px;
   }
 }
+.apiTypestyle {
+  padding: 4px;
+  box-sizing: border-box;
+  margin-left:50px;
+  width: 124px;
+  height: auto;
+  background: #F1F2F6;
+  border-radius: 4px 4px 4px 4px;
+  cursor: pointer;
+  img{
+    width: 28px;
+    height:28px;
+  }
+  >span{
+    // color: rgba(38,38,38,0.8);
+    font-size: 14px;
+  }
+}
+
+.apiactive {
+  background: #fff;
+  border: 1px solid #2D4D89;
+  color:#2D4D89;
+  font-weight: bold;
+}
 </style>

src/views/AgreementManage/CarInsurance/AgreementNonVehicleConfig.vue

@@ -367,9 +367,6 @@ export default {
     border-color: #2D4D89 !important;
   }
 
-  .el-button:hover {
-    color: #fff;
-  }
 
   .el-checkbox__input.is-checked+.el-checkbox__label {
     color: #2D4D89 !important;

src/views/AgreementManage/CarInsurance/AgreementProductFee.vue

@@ -1619,9 +1619,7 @@ export default {
     border-color: #2D4D89 !important;
   }
 
-  .el-button:hover {
-    color: #fff;
-  }
+
 
   .el-checkbox__input.is-checked+.el-checkbox__label {
     color: #2D4D89 !important;

src/views/AgreementManage/CarInsurance/AgreementUnderwritingRule.vue

@@ -475,9 +475,6 @@ export default {
     border-color: #2D4D89 !important;
   }
 
-  .el-button:hover {
-    color: #fff;
-  }
 
   .el-checkbox__input.is-checked+.el-checkbox__label {
     color: #2D4D89 !important;

src/views/Core/KtCommonTable.vue

@@ -291,6 +291,7 @@
         v-if="showBatchPrint"
       />
       <el-pagination
+        background
         @size-change="handleSizeChange"
         layout="total, sizes, prev, pager, next, jumper"
         @current-change="refreshPageRequest"
@@ -379,7 +380,7 @@ export default {
     },
     buttonDropdown:{
       type: Array,
-      default: [],
+      default: () => [],
     },
     permsButton1: {
       type: String,