财务部分页面增加表格数据点选高亮显示

src/views/finance/audit.vue

@@ -104,7 +104,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="firstData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -243,7 +243,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="secondData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;">
+        <el-table :data="secondData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -383,7 +383,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="thirdData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;">
+        <el-table :data="thirdData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -527,7 +527,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="forthData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;">
+        <el-table :data="forthData" height="calc(100% - 294px )" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -875,4 +875,13 @@ let isTrue = ref(false)
 :deep(.el-badge__content--danger) {
   background-color: #D40000;
 }
-</style>
+
+/* 自定义表格点击高亮颜色 */
+:deep(.el-table__body tr.current-row > td) {
+  background-color: #c1e8fa !important;
+}
+
+:deep(.el-table__body tr.current-row:hover > td) {
+  background-color: #b4ddf8 !important;
+}
+</style>

src/views/finance/index.vue

@@ -115,7 +115,7 @@
           </el-row>
         </el-form>
         <el-table :data="firstData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
-          style="width: 100%; margin-top: 20px;">
+          style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -267,7 +267,7 @@
           </el-row>
         </el-form>
         <el-table :data="secondData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
-          style="width: 100%; margin-top: 20px;">
+          style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -421,7 +421,7 @@
           </el-row>
         </el-form>
         <el-table :data="thirdData" :height="isTrue ? 'calc(100% - 312px)' : 'calc(100% - 212px)'"
-          style="width: 100%; margin-top: 20px;">
+          style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyALlName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -553,7 +553,7 @@
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="forthData" height="calc(100% - 262px )" style="width: 100%; margin-top: 20px;">
+        <el-table :data="forthData" height="calc(100% - 262px )" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="orderNo" label="订单号" width="120"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="120"></el-table-column>
@@ -946,4 +946,12 @@ onMounted(() => {
 :deep(.el-badge__content--danger) {
   background-color: #D40000;
 }
+/* 自定义表格点击高亮颜色 */
+:deep(.el-table__body tr.current-row > td) {
+  background-color: #c1e8fa !important;
+}
+
+:deep(.el-table__body tr.current-row:hover > td) {
+  background-color: #b4ddf8 !important;
+}
 </style>

src/views/payCredit/index.vue

@@ -60,7 +60,7 @@
             <span>提现金额总计: {{ totalAmount || 0 }}</span>
           </el-col>
         </el-form>
-        <el-table :data="firstData4" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData4" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="mobile" label="业务员工号"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -150,7 +150,7 @@
             <span>提现金额总计: {{ totalAmount || 0 }}</span>
           </el-col>
         </el-form>
-        <el-table :data="firstData1" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData1" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="mobile" label="业务员工号"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -249,7 +249,7 @@
             <span>提现金额总计: {{ totalAmount || 0 }}</span>
           </el-col>
         </el-form>
-        <el-table :data="firstData2" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData2" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="mobile" label="业务员工号"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -336,7 +336,7 @@
             <span>提现金额总计: {{ totalAmount || 0 }}</span>
           </el-col>
         </el-form>
-        <el-table :data="firstData3" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;">
+        <el-table :data="firstData3" height="calc(100% - 218px)" style="width: 100%; margin-top: 20px;" highlight-current-row>
           <el-table-column prop="name" label="业务员"></el-table-column>
           <el-table-column prop="mobile" label="业务员工号"></el-table-column>
           <el-table-column prop="attrType" label="业务员类型">
@@ -797,4 +797,12 @@ onMounted(() => {
   border: unset;
   border-radius: unset;
 }
+/* 自定义表格点击高亮颜色 */
+:deep(.el-table__body tr.current-row > td) {
+  background-color: #c1e8fa !important;
+}
+
+:deep(.el-table__body tr.current-row:hover > td) {
+  background-color: #b4ddf8 !important;
+}
 </style>

src/views/platform/index.vue

@@ -152,7 +152,7 @@
         </el-row>
         <el-table :data="receiveData" :height="isTrue ? 'calc(100% - 446px)' : 'calc(100% - 346px)'"
           style="width: 100%; margin-top: 20px;" ref="ReceiveDataRef1" @select="handleSelectChange1"
-          @select-all="handleSelectAll1">
+          @select-all="handleSelectAll1" highlight-current-row>
           <el-table-column type="selection" width="50" fixed="left"></el-table-column>
           <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
           <el-table-column prop="typeAttrName" label="业务来源" width="120"></el-table-column>
@@ -983,4 +983,12 @@ onMounted(() => {
 :deep(.el-radio) {
   width: 100%;
 }
+/* 自定义表格点击高亮颜色 */
+:deep(.el-table__body tr.current-row > td) {
+  background-color: #c1e8fa !important;
+}
+
+:deep(.el-table__body tr.current-row:hover > td) {
+  background-color: #b4ddf8 !important;
+}
 </style>

src/views/receivable/documentary/index.vue

@@ -154,7 +154,7 @@
         </el-row>
         <el-table :data="receiveData" :height="isTrue ? 'calc(100% - 396px)' : 'calc(100% - 296px)'"
           style="width: 100%; margin-top: 20px;" ref="ReceiveDataRef1" @select="handleSelectChange1"
-          @select-all="handleSelectAll1">
+          @select-all="handleSelectAll1" highlight-current-row>
           <el-table-column type="selection" width="50" fixed="left"></el-table-column>
           <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
           <el-table-column prop="orderNo" label="订单号" width="150"></el-table-column>
@@ -336,7 +336,7 @@
         </el-row>
         <el-table :data="receiveData" :height="isTrue ? 'calc(100% - 396px)' : 'calc(100% - 296px)'"
           style="width: 100%; margin-top: 20px;" ref="ReceiveDataRef2" @select="handleSelectChange2"
-          @select-all="handleSelectAll2">
+          @select-all="handleSelectAll2" highlight-current-row>
           <el-table-column type="selection" width="50" fixed="left"></el-table-column>
           <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
           <el-table-column prop="orderNo" label="订单号" width="150"></el-table-column>
@@ -1255,4 +1255,12 @@ onMounted(() => {
 :deep(.el-radio) {
   width: 100%;
 }
+/* 自定义表格点击高亮颜色 */
+:deep(.el-table__body tr.current-row > td) {
+  background-color: #c1e8fa !important;
+}
+
+:deep(.el-table__body tr.current-row:hover > td) {
+  background-color: #b4ddf8 !important;
+}
 </style>

src/views/receivable/handingFee/index.vue

@@ -164,7 +164,7 @@
 
         <el-table :data="receiveData" :height="isTrue ? 'calc(100% - 396px)' : 'calc(100% - 246px)'"
           style="width: 100%; margin-top: 20px;" row-key="id" ref="ReceiveDataRef1" @select="handleSelectChange1"
-          @select-all="handleSelectAll1">
+          @select-all="handleSelectAll1" highlight-current-row>
           <el-table-column type="selection" width="50" fixed="left"></el-table-column>
           <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
           <el-table-column prop="orderNo" label="订单号" width="150"></el-table-column>
@@ -345,7 +345,7 @@
         </el-row>
         <el-table :data="receiveData" :height="isTrue ? 'calc(100% - 396px)' : 'calc(100% - 246px)'"
           style="width: 100%; margin-top: 20px;" ref="ReceiveDataRef2" @select="handleSelectChange2"
-          @select-all="handleSelectAll2">
+          @select-all="handleSelectAll2" highlight-current-row>
           <el-table-column type="selection" width="50" fixed="left"></el-table-column>
           <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
           <el-table-column prop="orderNo" label="订单号" width="150"></el-table-column>
@@ -1249,4 +1249,12 @@ onMounted(() => {
 :deep(.el-radio) {
   width: 100%;
 }
+/* 自定义表格点击高亮颜色 */
+:deep(.el-table__body tr.current-row > td) {
+  background-color: #c1e8fa !important;
+}
+
+:deep(.el-table__body tr.current-row:hover > td) {
+  background-color: #b4ddf8 !important;
+}
 </style>