订单详情、订单审核 权益信息展示

src/views/finance/modules/auditDetail.vue

@@ -92,7 +92,7 @@
       <div class="tipsList">
         <div class="tipsItem" :class="{ 'active': tipsIndex === index }" v-for="(item, index) in tipsList" :key="index"
           @click="handleTipsIndexChange(item, index)">
-          <img :src="item.url" />
+          <img :src="getAssetsFile(item.url + (tipsIndex === index ? 'Active' : ''))"/>
           <span class="tipsName">{{ item.name }}</span>
         </div>
       </div>
@@ -938,6 +938,46 @@
           </el-row>
         </div>
       </div>
+      <div id="equities" class="equities">
+        <div class="title">权益信息</div>
+        <el-table :data="equitiesData" height="200px">
+          <el-table-column prop="equityPackageName" label="权益名称" align="center">
+            <template #default="scope">
+              <div>{{ scope.row.equityPackageName || scope.row.rightsName }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="rightsType" label="权益类型" align="center">
+            <template #default="scope">
+              <span v-if="scope.row.equityPackageName">套餐</span>
+              <span v-else>单品</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="receiverName" label="接收人" align="center"></el-table-column>
+          <el-table-column prop="rightsCount" label="发放数量" align="center"></el-table-column>
+          <el-table-column prop="packagePrice" label="总价" align="center">
+            <template #default="scope">
+              <div>{{ scope.row.packagePrice * scope.row.rightsCount || scope.row.settlePrice * scope.row.rightsCount }}
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- <div class="total">
+          <div class="money">
+            <div class="totalItem">
+              <span>可用金额：</span>
+              <span>{{ detailData?.insFeeOrders?.availableAmount || 0 }}</span>
+            </div>
+            <div class="totalItem">
+              <span>已使用：</span>
+              <span>{{ detailData?.insFeeOrders?.usedAmount || 0 }}</span>
+            </div>
+            <div class="totalItem">
+              <span>剩余金额：</span>
+              <span style="color: #FF8C21">{{ detailData?.insFeeOrders?.remainingAmount || 0 }}</span>
+            </div>
+          </div>
+        </div> -->
+      </div>
     </div>
     <div class="buttonList">
       <el-button v-if="isShow === '1'" type="primary" @click="handleAuditCancel">放弃审核</el-button>
@@ -979,13 +1019,6 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, nextTick } from 'vue'
-import toubao from '@/assets/images/additional/quote1.png'
-import cheliang from '@/assets/images/insurancePolicy/cheliang.png'
-import guanxi from '@/assets/images/insurancePolicy/guanxi.png'
-import feiyong from '@/assets/images/insurancePolicy/feiyong.png'
-import insurance1 from "@/assets/images/additional/insurance1.png";
-import file1 from '@/assets/images/additional/file1.png'
-
 import api from '@/api'
 import { useRoute, useRouter } from 'vue-router'
 import Decimal from 'decimal.js'
@@ -999,33 +1032,42 @@ const myRouter = useRouter()
 const activeindex = ref(myRoute.query.activeindex)
 // 获取上一个路由的完整信息
 const previousRoute = ref(myRouter.options.history.state.back)
+/** 获取相关图片资源的URL地址 */
+const getAssetsFile = (url: string) => {
+  return new URL(`../../../assets/images/insurancePolicy/${url}.png`, import.meta.url).href;
+};
 // 页签
 let tipsIndex = ref(0)
 let tipsList = ref([
   {
     name: '投保信息',
     id: 'TBMsg',
-    url: toubao
+    url: 'toubao'
   }, {
     name: '车辆信息',
     id: 'carMsg',
-    url: cheliang
+    url: 'cheliang'
   }, {
     name: '险种信息',
     id: 'insuranceMsg',
-    url: insurance1
+    url: 'insurance'
   }, {
     name: '关系人信息',
     id: 'personMsg',
-    url: guanxi
+    url: 'guanxi'
   }, {
     name: '费用信息',
     id: 'costMsg',
-    url: feiyong
+    url: 'feiyong'
   }, {
     name: '附件信息',
     id: 'fileMsg',
-    url: file1
+    url: 'yingxiang'
+  },
+  {
+    name: '权益信息',
+    id: 'equities',
+    url: 'equities',
   }
 ])
 const handleTipsIndexChange = (item, index) => {
@@ -1294,6 +1336,10 @@ const initDetail = () => {
   api.financeApi.auditInfo(myRoute.query.id).then((res: any) => {
     if (res.code == 200) {
       detailData.value = res.data;
+      equitiesData.value = [
+        ...(res.data.insOrderRightsInfoVo?.insOrderRightsList || []),
+        ...(res.data.insOrderRightsInfoVo?.insOrderRightsPackageList || [])
+      ]
       vehicleAndVesselTaxVo.value = res.data?.vehicleAndVesselTaxVo || {};
       nextTick(() => jumpFn());
     }
@@ -1387,7 +1433,11 @@ const handleKeydown = (event) => {
     })
   }
 }
-
+// 权益
+let equitiesData = ref()
+let useMoney = ref(0)
+let usedMoney = ref(0)
+let lastMoney = ref(0)
 onMounted(() => {
   console.log(123123, typeof myRoute.query.isShow)
   isShow.value = myRoute.query.isShow
@@ -1541,7 +1591,7 @@ onUnmounted(() => {
   }
 
   .content {
-    height: calc(100% - 280px);
+    height: calc(100% - 300px);
     overflow-y: auto;
     overflow-x: hidden;
 
@@ -1597,7 +1647,8 @@ onUnmounted(() => {
     .personMsg,
     .insuranceMsg,
     .costMsg,
-    .fileMsg {
+    .fileMsg,
+    .equities {
       background: #FFFFFF;
       border-radius: 6px;
       padding: 12px 24px;
@@ -1910,4 +1961,22 @@ onUnmounted(() => {
     display: none;
   }
 }
+.equities {
+      .total {
+        display: flex;
+        justify-content: flex-end;
+        margin-top: 20px;
+
+        .money {
+          width: 200px;
+          margin-right: 30px;
+
+          .totalItem {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          }
+        }
+      }
+    }
 </style>

src/views/insurancePolicy/orderDetail.vue

@@ -806,7 +806,7 @@
               <th colspan="2">
                 <div>加投费用（净费）</div>
               </th>
-              
+
             </tr>
           </thead>
           <tbody>
@@ -1021,7 +1021,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <div class="total">
+        <!-- <div class="total">
           <div class="money">
             <div class="totalItem">
               <span>可用金额：</span>
@@ -1036,7 +1036,7 @@
               <span style="color: #FF8C21">{{ detailData?.insFeeOrders?.remainingAmount || 0 }}</span>
             </div>
           </div>
-        </div>
+        </div> -->
       </div>
     </div>
     <div class="buttonList">