财务订单审核-订单详情里的信息展示按：车辆信息、关系人信息、险种信息、投保信息、附件信息、费用信息、分销信息、权益信息进行展示

src/views/finance/modules/auditDetail.vue

@@ -112,124 +112,6 @@
       </div>
     </div>
     <div class="content">
-      <div id="TBMsg" class="TBMsg">
-        <div id="TBMsg" :ref="(el) => setSectionRef(el, 0)" class="title">投保信息</div>
-        <el-row :gutter="20">
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">保险公司</span>
-            <span class="value">
-              <img src="@/assets/images/insurancePolicy/company.png">
-              <span>{{ detailData?.order?.companyName || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">签单日期</span>
-            <span class="value">
-              <span>{{ detailData?.order?.signingTime || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">交强险续保</span>
-            <span class="value">
-              <span>{{ ['新保', '续保', '转保'][detailData?.scoreVo?.jqRenewal] || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">商业险续保</span>
-            <span class="value">
-              <span>{{ ['新保', '续保', '转保'][detailData?.scoreVo?.syRenewal] || '--' }}</span>
-            </span>
-          </el-col>
-            <el-col :span="6" class="TBMsgItem">
-            <span class="label">车船税</span>
-            <span class="value">
-              <span>{{ detailData?.costs?.vvTax || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">交强险保费</span>
-            <span class="value">
-              <span>{{ detailData?.costs?.ciPremium || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">商业险保费</span>
-            <span class="value">
-              <span>{{ detailData?.costs?.biPremium || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">驾意险保费</span>
-            <span class="value">
-              <span>{{ detailData?.costs?.niPremium || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">交强险保单号</span>
-            <span class="value">
-              <span>{{ detailData?.policy?.ciPolicyNumber || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">商业险保单号</span>
-            <span class="value">
-              <span>{{ detailData?.policy?.biPolicyNumber || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">驾意险保单号</span>
-            <span class="value">
-              <span>{{ detailData?.policy?.niPolicyNumber || '--' }}</span>
-            </span>
-          </el-col>
-
-
-
-
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">总金额</span>
-            <span class="value">
-              <span>{{ detailData?.costs?.sumPremium || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">总金额（不含税）</span>
-            <span class="value">
-              <span>{{ detailData?.costs?.totalAmount || '--' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">是否过户车</span>
-            <span class="value">
-              <span>{{ detailData?.order?.isTransfer ? '是' : '否' }}</span>
-            </span>
-          </el-col>
-          <el-col :span="6" class="TBMsgItem">
-            <span class="label">商业险是否过户</span>
-            <span class="value">
-              <span>{{ detailData?.order?.transferBi ? '是' : '否' }}</span>
-            </span>
-          </el-col>
-          <!-- <el-col :span="6" class="TBMsgItem">
-            <span class="label">是否脱保</span>
-            <span class="value">
-              <span>--</span>
-            </span>
-          </el-col> -->
-          <!-- <el-col :span="6" class="TBMsgItem">
-            <span class="label">是否二手车</span>
-            <span class="value">
-              <span>--</span>
-            </span>
-          </el-col> -->
-          <el-col :span="6" class="TBMsgItem" v-for="(item, index) in detailData?.scoreVo?.scoreJson" :key="index">
-            <span class="label">{{ item.scoreName }}</span>
-            <span class="value">
-              <span>{{ item.score }}</span>
-            </span>
-          </el-col>
-        </el-row>
-      </div>
       <div id="carMsg" class="carMsg">
         <div id="carMsg" :ref="(el) => setSectionRef(el, 1)" class="title">车辆信息</div>
         <el-row :gutter="20">
@@ -259,12 +141,12 @@
           <el-col :span="6" class="carMsgItem">
             <span class="label">使用性质</span>
             <span class="value">{{ dictChange(optionObj['car_nature_code'], detailData?.carInfoVo?.carNatureCode)
-            }}</span>
+              }}</span>
           </el-col>
           <el-col :span="6" class="carMsgItem">
             <span class="label">车辆用途</span>
             <span class="value">{{ dictChange(optionObj['vehicle_use_code'], detailData?.carInfoVo?.vehicleUseCode)
-            }}</span>
+              }}</span>
           </el-col>
           <el-col :span="6" class="carMsgItem">
             <span class="label">车辆种类</span>
@@ -274,12 +156,12 @@
           <el-col :span="6" class="carMsgItem">
             <span class="label">车辆类型</span>
             <span class="value">{{ dictChange(optionObj['car_type_code'], detailData?.carInfoVo?.carTypeCode)
-            }}</span>
+              }}</span>
           </el-col>
           <el-col :span="6" class="carMsgItem">
             <span class="label">能源种类</span>
             <span class="value">{{ dictChange(optionObj['energy_type_code'], detailData?.carInfoVo?.energyTypeCode)
-            }}</span>
+              }}</span>
           </el-col>
           <el-col :span="6" class="carMsgItem">
             <span class="label">注册日期</span>
@@ -321,83 +203,6 @@
           </el-col>
         </el-row>
       </div>
-      <div id="insuranceMsg" class="insuranceMsg">
-        <div id="insuranceMsg" :ref="(el) => setSectionRef(el, 2)" class="title">险种信息</div>
-        <el-row :gutter="20" style="margin-bottom: 16px">
-          <el-col :span="14">
-            <el-table :data="detailData?.kindInfoVo" border :span-method="objectSpanMethod">
-              <el-table-column label="名称" prop="kindName" width="100">
-                <template #default="scope">
-                  <span v-if="scope.row.kindCode === 'J1'">交强险</span>
-                  <span v-else>商业险</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="时间">
-                <template #default="scope">
-                  <span v-if="scope.row.kindCode === 'J1'">
-                    {{ detailData?.ciRiskInfoVo?.startDate || '--' }}至{{ detailData?.ciRiskInfoVo?.endDate || '--' }}
-                  </span>
-                  <span v-else>
-                    {{ detailData?.biRiskInfoVo?.startDate || '--' }}至{{ detailData?.biRiskInfoVo?.endDate || '--' }}
-                  </span>
-                </template>
-              </el-table-column>
-              <el-table-column label="险种" prop="kindName"></el-table-column>
-              <el-table-column label="保额" prop="amount" width="100">
-                <template #default="scope">
-                  <span v-if="['A'].includes(scope.row.kindCode)" class="td">投保</span>
-                  <span v-else-if="['SY_FJ_YBW2'].includes(scope.row.kindCode)" class="td">{{
-                    convertedValue(scope.row.unitAmount) }}</span>
-                  <span v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(scope.row.kindCode)" class="td">{{
-                    scope.row.amount }}%</span>
-                  <span v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(scope.row.kindCode)" class="td">{{
-                    scope.row.serviceTimes }}次</span>
-                  <span v-else class="td">{{ convertedValue(scope.row.amount) }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-col>
-          <el-col :span="10">
-            <!--  taxRelifFlag 车船税标志 1-正常交税； 2-免税； 3-减税； 4-完税 -->
-            <el-descriptions border :column="1" title="车船税" v-if="vehicleAndVesselTaxVo">
-              <el-descriptions-item label="税额">{{ detailData?.costs?.vvTax || '--' }}</el-descriptions-item>
-              <el-descriptions-item
-                v-if="vehicleAndVesselTaxVo.taxRelifFlag == 2 || vehicleAndVesselTaxVo.taxRelifFlag == 3" label="减免税凭证号"
-                label-class-name="my-content">{{ vehicleAndVesselTaxVo.extendChar2 || '--'
-                }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4" label="完税凭证号"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.paidFreeCertificate || '--' }}</el-descriptions-item>
-              <el-descriptions-item
-                v-if="vehicleAndVesselTaxVo.taxRelifFlag == 2 || vehicleAndVesselTaxVo.taxRelifFlag == 3" label="减免税原因"
-                label-class-name="my-content">{{ vehicleAndVesselTaxVo.relifReason || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 3" label="减税比例"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.taxRelief || '--' }}%</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag != 1" label="税务机关代码"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.taxComCode || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag != 1" label="税务机关名称"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.taxComName || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4" label="完税凭证填发日期"
-                label-class-name="my-content">{{ vehicleAndVesselTaxVo.taxDocumentDate || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4" label="完税凭证地区"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.taxPaidAreaCode || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 1" label="纳税人名称"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.taxpayerName || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 1" label="证件类型"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.taxpayerIdentifier || '--' }}</el-descriptions-item>
-              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 1" label="证件号"
-                label-class-name="my-content">{{
-                  vehicleAndVesselTaxVo.identifyNumber || '--' }}</el-descriptions-item>
-            </el-descriptions>
-          </el-col>
-        </el-row>
-      </div>
       <div id="personMsg" class="personMsg">
         <div id="personMsg" :ref="(el) => setSectionRef(el, 3)" class="title">车主信息</div>
         <el-row :gutter="20">
@@ -462,7 +267,7 @@
           <div class="taxList">
             <span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in tbList" :key="index">{{
               item.name
-            }}</span>
+              }}</span>
           </div>
         </div>
         <el-row :gutter="20" v-if="!tbList[0].bool">
@@ -526,7 +331,7 @@
           <div class="taxList">
             <span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in bbList" :key="index">{{
               item.name
-            }}</span>
+              }}</span>
           </div>
         </div>
         <el-row :gutter="20" v-if="!bbList[0].bool && !bbList[1].bool">
@@ -586,13 +391,250 @@
           </el-col>
         </el-row>
       </div>
+      <div id="insuranceMsg" class="insuranceMsg">
+        <div id="insuranceMsg" :ref="(el) => setSectionRef(el, 2)" class="title">险种信息</div>
+        <el-row :gutter="20" style="margin-bottom: 16px">
+          <el-col :span="14">
+            <el-table :data="detailData?.kindInfoVo" border :span-method="objectSpanMethod">
+              <el-table-column label="名称" prop="kindName" width="100">
+                <template #default="scope">
+                  <span v-if="scope.row.kindCode === 'J1'">交强险</span>
+                  <span v-else>商业险</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="时间">
+                <template #default="scope">
+                  <span v-if="scope.row.kindCode === 'J1'">
+                    {{ detailData?.ciRiskInfoVo?.startDate || '--' }}至{{ detailData?.ciRiskInfoVo?.endDate || '--' }}
+                  </span>
+                  <span v-else>
+                    {{ detailData?.biRiskInfoVo?.startDate || '--' }}至{{ detailData?.biRiskInfoVo?.endDate || '--' }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column label="险种" prop="kindName"></el-table-column>
+              <el-table-column label="保额" prop="amount" width="100">
+                <template #default="scope">
+                  <span v-if="['A'].includes(scope.row.kindCode)" class="td">投保</span>
+                  <span v-else-if="['SY_FJ_YBW2'].includes(scope.row.kindCode)" class="td">{{
+                    convertedValue(scope.row.unitAmount) }}</span>
+                  <span v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(scope.row.kindCode)" class="td">{{
+                    scope.row.amount }}%</span>
+                  <span v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(scope.row.kindCode)" class="td">{{
+                    scope.row.serviceTimes }}次</span>
+                  <span v-else class="td">{{ convertedValue(scope.row.amount) }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-col>
+          <el-col :span="10">
+            <!--  taxRelifFlag 车船税标志 1-正常交税； 2-免税； 3-减税； 4-完税 -->
+            <el-descriptions border :column="1" title="车船税" v-if="vehicleAndVesselTaxVo">
+              <el-descriptions-item label="税额">{{ detailData?.costs?.vvTax || '--' }}</el-descriptions-item>
+              <el-descriptions-item
+                v-if="vehicleAndVesselTaxVo.taxRelifFlag == 2 || vehicleAndVesselTaxVo.taxRelifFlag == 3" label="减免税凭证号"
+                label-class-name="my-content">{{ vehicleAndVesselTaxVo.extendChar2 || '--'
+                }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4" label="完税凭证号"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.paidFreeCertificate || '--' }}</el-descriptions-item>
+              <el-descriptions-item
+                v-if="vehicleAndVesselTaxVo.taxRelifFlag == 2 || vehicleAndVesselTaxVo.taxRelifFlag == 3" label="减免税原因"
+                label-class-name="my-content">{{ vehicleAndVesselTaxVo.relifReason || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 3" label="减税比例"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.taxRelief || '--' }}%</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag != 1" label="税务机关代码"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.taxComCode || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag != 1" label="税务机关名称"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.taxComName || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4" label="完税凭证填发日期"
+                label-class-name="my-content">{{ vehicleAndVesselTaxVo.taxDocumentDate || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 4" label="完税凭证地区"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.taxPaidAreaCode || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 1" label="纳税人名称"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.taxpayerName || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 1" label="证件类型"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.taxpayerIdentifier || '--' }}</el-descriptions-item>
+              <el-descriptions-item v-if="vehicleAndVesselTaxVo.taxRelifFlag == 1" label="证件号"
+                label-class-name="my-content">{{
+                  vehicleAndVesselTaxVo.identifyNumber || '--' }}</el-descriptions-item>
+            </el-descriptions>
+          </el-col>
+        </el-row>
+      </div>
+      <div id="TBMsg" class="TBMsg">
+        <div id="TBMsg" :ref="(el) => setSectionRef(el, 0)" class="title">投保信息</div>
+        <el-row :gutter="20">
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">保险公司</span>
+            <span class="value">
+              <img src="@/assets/images/insurancePolicy/company.png">
+              <span>{{ detailData?.order?.companyName || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">签单日期</span>
+            <span class="value">
+              <span>{{ detailData?.order?.signingTime || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">交强险续保</span>
+            <span class="value">
+              <span>{{ ['新保', '续保', '转保'][detailData?.scoreVo?.jqRenewal] || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">商业险续保</span>
+            <span class="value">
+              <span>{{ ['新保', '续保', '转保'][detailData?.scoreVo?.syRenewal] || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">车船税</span>
+            <span class="value">
+              <span>{{ detailData?.costs?.vvTax || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">交强险保费</span>
+            <span class="value">
+              <span>{{ detailData?.costs?.ciPremium || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">商业险保费</span>
+            <span class="value">
+              <span>{{ detailData?.costs?.biPremium || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">驾意险保费</span>
+            <span class="value">
+              <span>{{ detailData?.costs?.niPremium || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">交强险保单号</span>
+            <span class="value">
+              <span>{{ detailData?.policy?.ciPolicyNumber || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">商业险保单号</span>
+            <span class="value">
+              <span>{{ detailData?.policy?.biPolicyNumber || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">驾意险保单号</span>
+            <span class="value">
+              <span>{{ detailData?.policy?.niPolicyNumber || '--' }}</span>
+            </span>
+          </el-col>
+
+
+
+
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">总金额</span>
+            <span class="value">
+              <span>{{ detailData?.costs?.sumPremium || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">总金额（不含税）</span>
+            <span class="value">
+              <span>{{ detailData?.costs?.totalAmount || '--' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">是否过户车</span>
+            <span class="value">
+              <span>{{ detailData?.order?.isTransfer ? '是' : '否' }}</span>
+            </span>
+          </el-col>
+          <el-col :span="6" class="TBMsgItem">
+            <span class="label">商业险是否过户</span>
+            <span class="value">
+              <span>{{ detailData?.order?.transferBi ? '是' : '否' }}</span>
+            </span>
+          </el-col>
+          <!-- <el-col :span="6" class="TBMsgItem">
+            <span class="label">是否脱保</span>
+            <span class="value">
+              <span>--</span>
+            </span>
+          </el-col> -->
+          <!-- <el-col :span="6" class="TBMsgItem">
+            <span class="label">是否二手车</span>
+            <span class="value">
+              <span>--</span>
+            </span>
+          </el-col> -->
+          <el-col :span="6" class="TBMsgItem" v-for="(item, index) in detailData?.scoreVo?.scoreJson" :key="index">
+            <span class="label">{{ item.scoreName }}</span>
+            <span class="value">
+              <span>{{ item.score }}</span>
+            </span>
+          </el-col>
+        </el-row>
+      </div>
+      <div id="fileMsg" class="fileMsg">
+        <div class="title" id="fileMsg" :ref="(el) => setSectionRef(el, 6)">影像资料</div>
+        <div class="mb-[16px]">
+          <div class="imageList">
+            <div class="imageItem" v-for="item in images" :key="item.id">
+              <div class="imageBox" @click="viewImage(item)">
+                <img :src="item.downloadUrl">
+                <div class="btn">
+                  <span class="btnItem">
+                    <el-icon>
+                      <ZoomIn />
+                    </el-icon>
+                    <span>点击图片放大</span>
+                  </span>
+                </div>
+              </div>
+              <div class="m-[10px] text-[14px] text-[#666666]">{{ returnName(item.imageType) }}</div>
+            </div>
+          </div>
+        </div>
+        <div class="title">电子保单</div>
+        <div class="fileList">
+          <el-row :gutter="20">
+            <el-col :span="6" v-for="(item, index) in fileList" :key="index">
+              <p>{{ item.name }}</p>
+              <div class="fileInfo">
+                <img style="width: 40px; height: 40px"
+                  :src="item.fileName.includes('.png') || item.fileName.includes('.jpg') || item.fileName.includes('.jpeg') ? image : item.fileName.includes('.pdf') ? pdf : item.fileName.includes('.doc') || item.fileName.includes('.docx') ? word : ''" />
+                <div class="fileName">{{ item.fileName }}</div>
+                <div class="fileBtn">
+                  <el-icon class="btn-icon" @click="imageView(item)">
+                    <View />
+                  </el-icon>
+                  <el-icon class="btn-icon" @click="download(item)">
+                    <Download />
+                  </el-icon>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
       <div id="costMsg" class="costMsg">
         <div class="title special">
           <div id="costMsg" :ref="(el) => setSectionRef(el, 4)">费用信息</div>
           <div class="btns" v-if="Number(activeindex) == 0">
             <el-button size="small" v-if="!costShow" type="primary" plain @click="handleCostChange">调整费用</el-button>
             <div v-else style="display: flex; align-items: center; justify-content: flex-end">
-              <el-button size="small" type="primary" plain @click="costShow = false,initDetail()">取消调整</el-button>
+              <el-button size="small" type="primary" plain @click="costShow = false, initDetail()">取消调整</el-button>
               <el-button size="small" type="primary" plain @click="handleComputedCostInfo">留点计算</el-button>
               <el-button size="small" type="primary" :loading="handleSaveCostloading" plain
                 @click="handleSaveCostChange">保存</el-button>
@@ -906,7 +948,7 @@
                   Number(detailData?.insFeeOrders?.jyExportKeepPointPremium)).toFixed(5) }}</div>
               </th>
               <th colspan="2">
-                <div>利润差额:￥{{ detailData?.insFeeOrders?.totalExportDiffAmount || 0  }}</div>
+                <div>利润差额:￥{{ detailData?.insFeeOrders?.totalExportDiffAmount || 0 }}</div>
               </th>
             </tr>
           </tbody>
@@ -1004,48 +1046,6 @@
           </tbody>
         </table>
       </div>
-      <div id="fileMsg" class="fileMsg">
-        <div class="title" id="fileMsg" :ref="(el) => setSectionRef(el, 6)">影像资料</div>
-        <div class="mb-[16px]">
-          <div class="imageList">
-            <div class="imageItem" v-for="item in images" :key="item.id">
-              <div class="imageBox" @click="viewImage(item)">
-                <img :src="item.downloadUrl">
-                <div class="btn">
-                  <span class="btnItem" >
-                    <el-icon>
-                      <ZoomIn />
-                    </el-icon>
-                    <span>点击图片放大</span>
-                  </span>
-                </div>
-              </div>
-              <div class="m-[10px] text-[14px] text-[#666666]">{{ returnName(item.imageType) }}</div>
-            </div>
-          </div>
-        </div>
-        <div class="title">电子保单</div>
-        <div class="fileList">
-          <el-row :gutter="20">
-            <el-col :span="6" v-for="(item, index) in fileList" :key="index">
-              <p>{{ item.name }}</p>
-              <div class="fileInfo">
-                <img style="width: 40px; height: 40px"
-                  :src="item.fileName.includes('.png') || item.fileName.includes('.jpg') || item.fileName.includes('.jpeg') ? image : item.fileName.includes('.pdf') ? pdf : item.fileName.includes('.doc') || item.fileName.includes('.docx') ? word : ''" />
-                <div class="fileName">{{ item.fileName }}</div>
-                <div class="fileBtn">
-                  <el-icon class="btn-icon" @click="imageView(item)">
-                    <View />
-                  </el-icon>
-                  <el-icon class="btn-icon" @click="download(item)">
-                    <Download />
-                  </el-icon>
-                </div>
-              </div>
-            </el-col>
-          </el-row>
-        </div>
-      </div>
       <div id="equities" class="equities">
         <div class="title" id="equities" :ref="(el) => setSectionRef(el, 7)">权益信息</div>
         <el-table :data="equitiesData" height="200px">
@@ -1065,7 +1065,7 @@
           <el-table-column prop="packagePrice" label="总价" align="center">
             <template #default="scope">
               <div>{{ scope.row.packagePrice * scope.row.rightsCount || scope.row.contractRate * scope.row.rightsCount
-                }}
+              }}
               </div>
             </template>
           </el-table-column>
@@ -1264,21 +1264,28 @@ const imageEcho = (item: any) => {
 }
 let tipsList = ref([
   {
-    name: '投保信息',
-    id: 'TBMsg',
-    url: 'toubao'
-  }, {
     name: '车辆信息',
     id: 'carMsg',
     url: 'cheliang'
-  }, {
+  },
+  {
+    name: '关系人信息',
+    id: 'personMsg',
+    url: 'guanxi'
+  },
+  {
     name: '险种信息',
     id: 'insuranceMsg',
     url: 'insurance'
+  },
+  {
+    name: '投保信息',
+    id: 'TBMsg',
+    url: 'toubao'
   }, {
-    name: '关系人信息',
-    id: 'personMsg',
-    url: 'guanxi'
+    name: '附件信息',
+    id: 'fileMsg',
+    url: 'yingxiang'
   }, {
     name: '费用信息',
     id: 'costMsg',
@@ -1288,10 +1295,6 @@ let tipsList = ref([
     name: '分销信息',
     id: 'salesChannelMsg',
     url: 'feiyong'
-  }, {
-    name: '附件信息',
-    id: 'fileMsg',
-    url: 'yingxiang'
   },
   {
     name: '权益信息',