Merge branch 'dev' of http://39.101.143.165:8090/dong_k/tenant-Platform into dev

src/api/modules/insurancePolicy.ts

@@ -22,7 +22,7 @@ const insurancePolicyApi = (axiosInstance: ApiInstance) => ({
   getClausePage: (data: any) => axiosInstance.post('manager/clause/getClausePage', data), //特别约定列表查询
   getHistoryQuoteList: (data: any) => axiosInstance.post('/supplementOrder/getHistoryQuoteList', data), // 报价历史
   queryClauseData: (data: any) => axiosInstance.post('/unify/order/queryClauseData', data), // 特约
-
+  getImage: (data: any) => axiosInstance.get('/order/taskImages/selectByQuoteNo?quoteNo=' + data), // 影像查询
   adjustAdd: (data: any) => axiosInstance.post('/adjust/adjustAdd', data), // 创建批改订单
   adjustDel: (data: any) => axiosInstance.delete(`/adjust/adjustDel?id=${data}`), // 删除批改订单
   adjustRemove: (data: any) => axiosInstance.delete(`/adjust/adjustRemove?orderNo=${data}`), // 取消批改订单

src/components/ImgCropper/index.vue

@@ -30,10 +30,10 @@ const option = ref({
   info: true, //图片大小信息
   canScale: true, //图片是否允许滚轮缩放
   autoCrop: true, //是否默认生成截图框
-  autoCropWidth: 150, //默认生成截图框宽度
-  autoCropHeight: 150, //默认生成截图框高度
+  autoCropWidth: 460, //默认生成截图框宽度
+  autoCropHeight: 120, //默认生成截图框高度
   fixed: true, //是否开启截图框宽高固定比例
-  fixedNumber: [1, 1], //截图框的宽高比例
+  fixedNumber: [23, 6], //截图框的宽高比例
   full: false, //false按原比例裁切图片，不失真
   fixedBox: false, //固定截图框大小，不允许改变
   canMove: false, //上传图片是否可以移动
@@ -44,7 +44,7 @@ const option = ref({
   infoTrue: false, //true为展示真实输出图片宽高，false展示看到的截图框宽高
   maxImgSize: 3000, //限制图片最大宽度和高度
   enlarge: 1, //图片根据截图框输出比例倍数
-  mode: '300px 300px' //图片默认渲染方式
+  mode: '460px 120px' //图片默认渲染方式
 })
 const previewURL = ref<string>('')
 // 实时的刷新
@@ -153,7 +153,7 @@ const selectClick = () => {
     <div class="w-[800px] h-[300px]">
       <div class="w-[800px] h-[300px] flex items-center justify-between">
         <!-- 给组件固定宽高 -->
-        <div class="h-[300px] w-[510px]" style="width: 500px">
+        <div class="h-[180px] w-[690px]" style="width: 690px">
           <VueCropper
             ref="cropper"
             :img="option.img"

src/layouts/components/InsuranceType/index.vue

@@ -123,7 +123,7 @@ let editIndex = ref(0)
 const initEditData = (data, index, type, productId) => {
   editIndex.value = index
   insuranceType.value = type
-    console.log('选择好的数据', data)
+    // console.log('选择好的数据', data)
   api.projectApi.getBusinessInsurance(productId).then(res => {
     if(res.code == 200) {
       if(res.data&&res.data.length>0) {
@@ -142,12 +142,12 @@ const initEditData = (data, index, type, productId) => {
             item.checked = true
             item?.options?.forEach(sub => {
                 sub.checked = false
-                if(type === 1) {
-                    if(item.optionId === sub.id) {
+                if(type == 1) {
+                    if(item.moneyId === sub.id) {
                         sub.checked = true
                     }
-                } else if(type === 2) {
-                    if(item.optionId.includes(sub.id)) {
+                } else if(type == 2) {
+                    if(item.moneyId.includes(sub.id)) {
                         sub.checked = true
                     }
                 }

src/views/additionalOrder/order/index.vue

@@ -363,11 +363,13 @@ const isCancelVisible = ref(false)
 
 let activeName = ref('first')
 let type = ref('first')
-const handleClick = (e) => {
+const handleClick = (e: any) => {
+  console.log(e.props.name)
   pages.value = 1
   size.value = 10
   form.value = {}
   type.value = e.props.name
+  console.log(type.value)
   switch (e.props.name) {
     case 'first':
       initData(0)
@@ -415,7 +417,7 @@ const reset = () => {
 let tableData1 = ref([])
 let tableData2 = ref([])
 let tableData3 = ref([])
-const handleDetail = (row) => {
+const handleDetail = (row: any) => {
   myRouter.push({
     path: '/additionalOrder/order/orderDetail',
     query: {
@@ -423,7 +425,7 @@ const handleDetail = (row) => {
     }
   })
 }
-const handleEdit = (row) => {
+const handleEdit = (row: any) => {
   myRouter.push({
     path: '/additionalOrder/additionalOrderIndex',
     query: {
@@ -431,7 +433,7 @@ const handleEdit = (row) => {
     }
   })
 }
-const handleDel = (row) => {
+const handleDel = (row: any) => {
   ElMessageBox({
     title: '提示',
     message: '确认要删除当前数据吗?',
@@ -477,11 +479,31 @@ let total2 = ref(0)
 let total3 = ref(0)
 const handleSizeChange = (size) => {
   size.value = size
-  initData(type.value)
+  switch (type.value) {
+    case 'first':
+      initData(0)
+      break;
+    case 'second':
+      initData(1)
+      break;
+    case 'third':
+      initData(2)
+      break;
+  }
 }
 const handleCurrentChange = (page) => {
     pages.value = page
-    initData(type.value)
+    switch (type.value) {
+    case 'first':
+      initData(0)
+      break;
+    case 'second':
+      initData(1)
+      break;
+    case 'third':
+      initData(2)
+      break;
+  }
 }
 
 const initData = (type) => {

src/views/insurancePolicy/index.vue

@@ -2884,9 +2884,8 @@ const handleUnderwriting = (scope: any) => {
   underwritingIndex.value = scope.$index
   // insurancePolicyForm.value.imageVoList
   let data = {
-
     // ordersNo: '1915570359429222400'
-    ordersNo: scope.row.quoteResult.ordersNo,
+    ordersNo: scope.row.orderNo,
     quoteNo: insurancePolicyForm.value.order.quoteNo,
     list: images.value
   }
@@ -2928,7 +2927,7 @@ const handleUnderwritingClose = (bool: any, dataObj: any) => {
   }else{
     ElMessage({
         message: bool.msg,
-        type: 'success'
+        type: 'error'
       })
     quoteData.value[underwritingIndex.value].underwritingMsg = bool.msg
 

src/views/insurancePolicy/modules/recognition.vue

@@ -704,6 +704,7 @@ const uploadImage = async (file, type) => {
         }
         api.additionalApi.drivingPermit(fileParams).then((res: any) => {
           if (res.code == 200) {
+            console.log(res.data.carInfo)
             let data = res.data.carInfo
             carForm.value.licenseNo = data.plateNo // 车牌号
             carForm.value.vinNo = data.vin // 车架号
@@ -769,6 +770,7 @@ const uploadImage = async (file, type) => {
             carForm.value.seatCount = data.approvedPassengersCapacity // 座位数
             carForm.value.completeKerbMass = data.unladenMass // 整备质量
             carForm.value.limitLoad = data.limitLoad // 核定载质量
+            carForm.value.grossMass = data.grossMass // 总质量
             // carForm.value.displacement = data.displacement // 排量
             carForm.value.powerScale = data.powerScale // 功率
             // carForm.value.purchasePrice = data.purchasePrice // 新车购置价

src/views/insurancePolicy/modules/underwriting.vue

@@ -350,7 +350,7 @@ const handleSubmit = (bool) => {
 
 //数据交互
 let ordersNo = ref('')
-const initEdit = (data) => {
+const initEdit = (data: any) => {
   console.log('核保的数据', data)
   ordersNo.value = data.ordersNo
   images.value = data.list.map(item => {

src/views/insurancePolicy/order.vue

@@ -329,7 +329,17 @@ let initialForm = {
   deptId: '',//出单机构
 
 }
-let orderForm = ref({ ...initialForm })
+let orderForm = ref({
+  orderNo: '',
+  licenseNo: '',
+  adjustStatus: '',
+  companyId: '',//保险公司
+  vinNo: '',//车架号
+  productCode: '',//险种
+  recorder: '',//业务员
+  salesmanType: '',//业务员类型
+  deptId: '',//出单机构
+})
 let tableData = ref([])
 // 分页
 let pages = ref(1)
@@ -489,7 +499,6 @@ const exportOrder = () => {
 const handleSearch = () => {
   pages.value = 1
   size.value = 10
-  orderForm.value = { ...initialForm }
   initData()
 }
 // 详情

src/views/insurancePolicy/orderDetail.vue

@@ -326,9 +326,9 @@
         <el-row :gutter="20">
           <el-col :span="6" class="carMsgItem">
             <span class="label">类型</span>
-            <span class="value">{{ detailData?.carInfoVo?.isRegistered === '1' ? '已上牌' : detailData?.carInfoVo?.isRegistered
-              ===
-              '2'?'未上牌':'--' }}</span>
+            <span class="value">{{ detailData?.carInfoVo?.isRegistered == '0' ? '已上牌' : detailData?.carInfoVo?.isRegistered
+              ==
+              '1'?'未上牌':'--' }}</span>
           </el-col>
           <el-col :span="6" class="carMsgItem">
             <span class="label">车牌</span>
@@ -609,7 +609,7 @@
           </div>
         </div>
         <div class="imageList">
-          <div class="imageItem" v-for="(item, index) in images" :key="item.imageId">
+          <div class="imageItem" v-for="(item, index) in images" :key="item.id">
             <div class="imageBox">
               <img :src="item.downloadUrl">
               <div class="btn">
@@ -1723,16 +1723,17 @@ const initDetail = () => {
           productName: item.kindName,
         }));
       }
-      if (res.data.imageVoList && res.data.imageVoList.length > 0) {
-        images.value = res.data.imageVoList.map(a => {
-          return {
-            ...a,
-            checked: false
-          }
-        })
-      } else {
-        images.value = []
-      }
+      imageEcho(res.data.order.quoteNo)
+      // if (res.data.imageVoList && res.data.imageVoList.length > 0) {
+      //   images.value = res.data.imageVoList.map(a => {
+      //     return {
+      //       ...a,
+      //       checked: false
+      //     }
+      //   })
+      // } else {
+      //   images.value = []
+      // }
       if (res.data.policy) {
         let obj = res.data.policy
         fileList.value = [
@@ -1763,7 +1764,26 @@ const initDetail = () => {
     }
   })
 }
-
+// 影像查询
+const imageEcho = (item: any)=>{
+  api.insurancePolicyApi.getImage(item).then((res: any) => {
+    if (res.code == 200) {
+      console.log(res)
+      images.value=res.data.images.map((val:any)=>{
+        return {
+          ...val,
+          checked: false
+        }
+      })
+      console.log(images.value)
+    } else {
+      ElMessage({
+        message: res.msg,
+        type: 'error'
+      })
+    }
+  })
+}
 // 字典
 let optionObj = ref({
   vehicle_use_code: [], // 车辆用途

src/views/partnerManagement/LevelRule.vue

@@ -762,7 +762,7 @@ const handleClick = (tab: any, event: Event) => {
 // 保存等级规则
 const saveRule = () => {
   api.partnerApi.partnersaveRule(dataList).then((res: any) => {
-    if (res.code === '200') {
+    if (res.code == '200') {
       ElMessage({
         type: 'success',
         message: res.msg,

src/views/platform/index.vue

@@ -155,7 +155,7 @@
           <el-table-column prop="dockingPerson" label="对接人" width="100"></el-table-column>
           <el-table-column label="操作" width="120" fixed="right">
             <template #default="scope">
-              <el-button link type="primary">编辑</el-button>
+              <el-button link type="primary" @click="toEdit(scope.row)">编辑</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -308,7 +308,7 @@
           <el-table-column prop="a" label="对接人" width="100"></el-table-column>
           <el-table-column label="操作" width="120" fixed="right">
             <template #default="scope">
-              <el-button link type="primary">编辑</el-button>
+              <el-button link type="primary" @click="toEdit(scope.row)">编辑</el-button>
               <el-dropdown class="width-100" trigger="click" placement="bottom" @command="dropdownCommand">
                 <el-button class="radius-2px width-100">
                   更多&nbsp;&nbsp;<el-icon>
@@ -825,7 +825,16 @@ const initDept = () => {
     }
   })
 }
-
+// 编辑
+const toEdit = (row: any) => {
+  console.log(row)
+    myRouter.push({
+        path: '/insurancePolicy/order/insurancePolicyOrderDetail',
+        query: {
+            orderNo: row.orderNo
+        }
+    })
+}
 // 车险列表
 const getPlatFormReceivableList = () => {
 

src/views/quoteConfig/dispatch/index.vue

@@ -1,119 +1,66 @@
 <template>
-  <div class="dispatch">
-    <PageMain class="vh100" style="overflow: hidden">
-      <ElRow class="vh99">
-        <ElCol :md="4">
-          <div
-            class="flex f-c"
-            style="
+  <div class="dispatch flex  ">
+    <PageMain class="vh100" style="min-width: 320px;">
+      <div class="flex f-c" style="
               height: 100%;
               border-right: 1px solid #eeeeee;
               padding-right: 17px;
-            "
-          >
-            <ElFormItem>
-              <ElInput
-                v-model="searchValue"
-                placeholder="输入编码，名称查找"
-                type="text"
-                tabindex="1"
-                style="width: 100%"
-              >
-                <template #prefix>
-                  <SvgIcon name="i-ri:user-3-fill" />
-                </template>
-                <template #append>
-                  <el-button
-                    :icon="Search"
-                    class="ElInputSearch"
-                    @click="findpage"
-                  />
-                </template>
-              </ElInput>
-            </ElFormItem>
-            <div
-              style="width: 100%; height: calc(100vh - 350px); overflow-y: auto"
-              class="container"
-            >
-              <div
-                class="list-item"
-                :class="currentIndex == index ? 'active' : ''"
-                v-for="(item, index) in filterList"
-                :key="item.id"
-                @click="roleitemClick(item, index)"
-              >
-                <span>{{ item.name }}</span>
-              </div>
-            </div>
+            ">
+        <ElFormItem>
+          <ElInput v-model="searchValue" placeholder="输入编码，名称查找" type="text" tabindex="1" style="width: 100%">
+            <template #prefix>
+              <SvgIcon name="i-ri:user-3-fill" />
+            </template>
+            <template #append>
+              <el-button :icon="Search" class="ElInputSearch" @click="findpage" />
+            </template>
+          </ElInput>
+        </ElFormItem>
+        <div style="width: 100%; height: calc(100vh - 350px); overflow-y: auto" class="container">
+          <div class="list-item" :class="currentIndex == index ? 'active' : ''" v-for="(item, index) in filterList"
+            :key="item.id" @click="roleitemClick(item, index)">
+            <span>{{ item.name }}</span>
           </div>
-        </ElCol>
-        <ElCol :md="20">
+        </div>
+      </div>
+    </PageMain>
+    <PageMain class="vh100" style="width: calc(100% - 250px);">
+      <ElRow class="vh99">
+        <ElCol :span="24">
           <div class="right">
             <div class="top">
               <span>调度规则</span>
-              <el-button type="text" @click="drawer = true"
-                >+添加新方案</el-button
-              >
+              <el-button type="text" @click="drawer = true">+添加新方案</el-button>
             </div>
             <div class="empty" v-if="ruleList.length == 0">
               <img src="@/assets/images/empty.png" alt="" />暂无内容
             </div>
-            <div class="center" v-else>
+            <div class="center flex flex-wrap" v-else>
               <!-- 规则列表：循环处理后的ruleList -->
-              <div
-                class="rule-item"
-                v-for="(item, ruleIndex) in ruleList"
-                :key="item.dispatchId"
-
-              >
+              <div class="rule-item" v-for="(item, ruleIndex) in ruleList" :key="item.dispatchId">
                 <div class="item-title">
                   <div class="name" v-if="!item.editMode">
                     {{ item.dispatchName }}
                   </div>
                   <div class="name" v-else>
-                    <el-input
-                      v-model="item.dispatchName"
-                      style="width: 240px"
-                      :placeholder="item.dispatchName"
-                      @blur="saveDispatchName(item)"
-                    />
+                    <el-input v-model="item.dispatchName" style="width: 240px" :placeholder="item.dispatchName"
+                      @blur="saveDispatchName(item)" />
                   </div>
-                  <img
-                    src="@/assets/images/edit.png"
-                    @click.stop="item.editMode = !item.editMode"
-                  />
-                  <img
-                    src="@/assets/images/add.png"
-                    style="margin: 0px 12px"
-                    @click.stop="editDispatch(item)"
-                  />
-                  <el-popconfirm
-                    class="box-item"
-                    title="是否确定删除该规则？"
-                    placement="bottom"
-                    width="196px"
-                    confirm-button-text="确定删除"
-                    @confirm.stop.prevent="deleteRule( item.dispatchId)"
-                  >
+                  <img src="@/assets/images/edit.png" @click.stop="item.editMode = !item.editMode" />
+                  <img src="@/assets/images/add.png" style="margin: 0px 12px" @click.stop="editDispatch(item)" />
+                  <el-popconfirm class="box-item" title="是否确定删除该规则？" placement="bottom" width="196px"
+                    confirm-button-text="确定删除" @confirm.stop.prevent="deleteRule(item.dispatchId)">
                     <template #reference>
-                      <img src="@/assets/images/delete.png"  @click.stop
-                    /></template>
+                      <img src="@/assets/images/delete.png" @click.stop /></template>
                   </el-popconfirm>
                 </div>
                 <p>当报价信息满足以下条件时</p>
 
                 <div class="condition">
-                  <div
-                    class="section-group"
-                    v-for="(sectionGroup, groupIndex) in item.groupedAttrLinks"
-                    :key="groupIndex"
-                  >
+                  <div class="section-group" v-for="(sectionGroup, groupIndex) in item.groupedAttrLinks"
+                    :key="groupIndex">
                     <div class="condition-one" @click.stop="ruleitemEdit(item)">
-                      <div
-                        class="dispatch-item"
-                        v-for="(row, index) in sectionGroup"
-                        :key="row.id"
-                      >
+                      <div class="dispatch-item" v-for="(row, index) in sectionGroup" :key="row.id">
                         {{ row.attrCodeName || "未设置属性" }}
                         <div class="opera">
                           {{ row.operatorDesc }}
@@ -143,39 +90,31 @@
                           </template>
                         </div> -->
                         <div class="value">
-                          <template
-                            v-if="  row.min &&row.max"
-                          >
+                          <template v-if="row.min && row.max">
                             {{ row.min }}~{{ row.max }}
                           </template>
-                          <template
-                            v-else-if="row.attrDesc "
-                          >
-                           {{
+                          <template v-else-if="row.attrDesc">
+                            {{
                               Array.isArray(row.attrDesc)
                                 ? row.attrDesc.join(",")
                                 : row.attrDesc || "无"
                             }}
                           </template>
-                          <template
-                            v-else
-                          >
+                          <template v-else>
                             {{ row.min }}
                           </template>
                         </div>
                       </div>
                     </div>
 
-                    <div
-                      style="margin: 0px 16px 10px; font-size: 16px"
-                      v-if="groupIndex < item.groupedAttrLinks.length - 1"
-                    >
+                    <div style="margin: 0px 16px 10px; font-size: 16px"
+                      v-if="groupIndex < item.groupedAttrLinks.length - 1">
                       或者
                     </div>
                   </div>
 
                   <div style="margin: 0px 16px 10px">将执行以下动作</div>
-                  <div class="action" v-if="item.actions.length > 0"  @click.stop="ruleitemEdit(item)">
+                  <div class="action" v-if="item.actions.length > 0" @click.stop="ruleitemEdit(item)">
                     <div class="name">
                       {{ item.actions[0].actionName }}
                     </div>
@@ -184,7 +123,7 @@
                       "未设置协议名称"
                     }}
                   </div>
-                  <div class="action" v-if="item.actions.length > 1"  @click.stop="ruleitemEdit(item)">
+                  <div class="action" v-if="item.actions.length > 1" @click.stop="ruleitemEdit(item)">
                     <div class="name">
                       变更 {{ item.actions[1].actionName }}的
                       {{
@@ -193,9 +132,7 @@
                           : "保司账号"
                       }}
                     </div>
-                    <template
-                      v-if="item.actions[1].actionCode == 'change_poc'"
-                    >
+                    <template v-if="item.actions[1].actionCode == 'change_poc'">
                       {{ item.actions[1].actionJson.name || "未设置" }}-{{
                         item.actions[1].actionJson.phone || "未设置"
                       }}
@@ -213,7 +150,6 @@
                   </div>
                 </div>
               </div>
-
               <!-- 其他情况规则 -->
               <div class="rule-item">
                 <div class="item-title">
@@ -236,25 +172,18 @@
                 <p>
                   如存在不满足其它规则的情况下，则进入该情况，请选择该情况下要执行的动作
                 </p>
-                <div
-                  class="other"
-                  @click="(isother = true), (companyId = companyId)"
-                >
+                <div class="other" @click="(isother = true), (companyId = companyId)">
                   点击选择该情况下要执行的动作
                 </div>
-                <div
-                  class="condition"
-                  v-for="item in afterActions"
-                  :key="item.id"
-                >
+                <div class="condition" v-for="item in afterActions" :key="item.id">
                   <div class="action" v-if="item.actionCode == 'send_notify_msg'">
                     <div class="name">
                       {{ item.actionName }}
                     </div>
-                    <div>标题：{{item.actionJson.title}}</div>
-                    <div>内容：{{item.actionJson.content}}</div>
+                    <div>标题：{{ item.actionJson.title }}</div>
+                    <div>内容：{{ item.actionJson.content }}</div>
                   </div>
-                   <div class="action" v-else-if="item.actionCode == 'supplementary_order'">
+                  <div class="action" v-else-if="item.actionCode == 'supplementary_order'">
                     <div class="name">
                       {{ item.actionName }}
                     </div>
@@ -273,13 +202,7 @@
         </ElCol>
       </ElRow>
     </PageMain>
-    <rule
-      v-if="drawer"
-      @close="handleClose"
-      :editData="editData"
-      :companyId="currentId"
-      :editType="editType"
-    />
+    <rule v-if="drawer" @close="handleClose" :editData="editData" :companyId="currentId" :editType="editType" />
     <other v-if="isother" :companyId="companyId" @close="closeOther"></other>
   </div>
 </template>
@@ -398,11 +321,11 @@ const findpage = () => {
   // api.dispatchApi.searchCompany({ keyword: searchValue.value }).then((res) => {
   //   tenantList.value = res.data || [];
   // });
-    if(searchValue.value) {
-        filterList.value = tenantList.value.filter(a => a.name.includes(searchValue.value))
-    } else {
-        filterList.value = tenantList.value
-    }
+  if (searchValue.value) {
+    filterList.value = tenantList.value.filter(a => a.name.includes(searchValue.value))
+  } else {
+    filterList.value = tenantList.value
+  }
 };
 
 const editDispatch = (item: any) => {
@@ -412,7 +335,7 @@ const editDispatch = (item: any) => {
   drawer.value = true;
 };
 
-const ruleitemEdit = (item:any) => {
+const ruleitemEdit = (item: any) => {
   editData.value = item;
   editType.value = 'edit'
   drawer.value = true;
@@ -448,6 +371,7 @@ getCompanyList();
 .dispatch {
   width: 100%;
 }
+
 .ElInputSearch {
   color: #fff !important;
   background: linear-gradient(91deg, #4fcaff 0%, #2b62ff 100%) !important;
@@ -455,6 +379,7 @@ getCompanyList();
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
+
 .list-item {
   cursor: pointer;
   height: 36px;
@@ -462,10 +387,12 @@ getCompanyList();
   line-height: 36px;
   padding-left: 8px;
 }
+
 .active {
   background: #f4faff;
   border-right: 1px solid #0083ff;
 }
+
 .left {
   width: 20%;
   border-right: 1px solid #123ea3;
@@ -473,12 +400,14 @@ getCompanyList();
   border-radius: 0px;
   overflow-y: auto;
 }
+
 .right {
   height: 100%;
   overflow-x: auto;
   display: flex;
   flex-direction: column;
 }
+
 .top {
   width: 100%;
   height: 42px;
@@ -487,12 +416,14 @@ getCompanyList();
   display: flex;
   align-items: start;
   justify-content: space-between;
+
   span {
     font-size: 20px;
     color: #333333;
     font-weight: 600;
   }
 }
+
 .empty {
   width: 100%;
   flex: 1;
@@ -502,17 +433,19 @@ getCompanyList();
   align-items: center;
   justify-content: center;
   font-size: 14px;
+
   img {
     width: 180px;
   }
 }
+
 .center {
   width: 100%;
   flex: 1;
   padding: 24px 24px 0px 24px;
-  display: flex;
   overflow-x: auto;
   gap: 24px;
+
   .rule-item {
     min-width: 423px;
     max-width: 423px;
@@ -520,6 +453,7 @@ getCompanyList();
     border-radius: 4px;
     border: 1px solid #eeeeee;
     overflow-y: auto;
+
     .item-title {
       height: 40px;
       background: #f7f7f9;
@@ -527,16 +461,19 @@ getCompanyList();
       border-bottom: 1px solid #eeeeee;
       padding: 4px 16px;
       margin-bottom: 20px;
+
       .name {
         width: 283px;
         margin-right: 24px;
       }
+
       img {
         width: 20px;
         height: 20px;
         cursor: pointer;
       }
     }
+
     p {
       margin: 0;
       padding-left: 16px;
@@ -545,8 +482,9 @@ getCompanyList();
 
     .condition {
       width: 100%;
-      .section-group {
-      }
+
+      .section-group {}
+
       .condition-one {
         width: 391px;
         padding: 12px;
@@ -555,6 +493,7 @@ getCompanyList();
         margin: 10px auto 20px;
         cursor: pointer;
       }
+
       .dispatch-item {
         display: flex;
         align-items: center;
@@ -574,10 +513,12 @@ getCompanyList();
           color: #666666;
           padding: 0 10px;
         }
+
         .value {
           font-size: 14px;
         }
       }
+
       .action {
         width: 391px;
         margin: 0 auto 10px;
@@ -589,6 +530,7 @@ getCompanyList();
         color: #333333;
         line-height: 22px;
         cursor: pointer;
+
         .name {
           width: 100%;
           height: 40px;
@@ -600,6 +542,7 @@ getCompanyList();
         }
       }
     }
+
     .other {
       width: 391px;
       height: 46px;
@@ -614,10 +557,12 @@ getCompanyList();
     }
   }
 }
+
 .item-title {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
+
   span {
     display: inline-block;
     width: 4px;
@@ -627,20 +572,25 @@ getCompanyList();
     margin-right: 8px;
   }
 }
+
 .form-item {
   display: flex;
   align-items: center;
+
   span {
     font-size: 14px;
     margin-right: 10px;
   }
 }
+
 :deep(.main-container) {
   height: 100%;
 }
+
 :deep(.el-row) {
   height: 100%;
 }
+
 :deep(.el-drawer__header) {
   height: 48px;
   font-size: 20px;
@@ -649,6 +599,7 @@ getCompanyList();
   margin-bottom: 24px;
   padding-bottom: 20px;
 }
+
 :deep(.el-drawer__body) {
   padding: 0 24px;
 }