卸货任务模块 table选中添加样式

resources/views/maintenance/facilitator/_table.blade.php

@@ -7,7 +7,7 @@
     </tr>
 
     <template v-if="facilitators.length > 0">
-        <tr v-for="(facilitator,index) in facilitators" class="text-center">
+        <tr v-for="(facilitator,index) in facilitators" class="text-center"  @click="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
             <td>@{{ index+1 }}</td>
             <td>@{{ facilitator.name }}</td>
             <td>@{{ facilitator.created_at }}</td>

resources/views/maintenance/facilitator/index.blade.php

@@ -35,6 +35,7 @@
                 editFacilitator:{},
                 selectIndex:null,
                 facilitatorError:{},
+                selectTr:0,
             },
             watch:{
                 checkData: {

resources/views/transport/discharge/facilitator/_table.blade.php

@@ -10,7 +10,7 @@
         <th>总金额合计</th>
     </tr>
     <template v-if="facilitatorStatements.length>0">
-        <tr v-for="(facilitatorStatement,index) in facilitatorStatements" :key="index" class="text-center">
+        <tr v-for="(facilitatorStatement,index) in facilitatorStatements" :key="index" class="text-center" @click="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
             <td><input type="checkbox" class="form-check" :value="facilitatorStatement.id" v-model="checkData"></td>
             <td>@{{index+1}}</td>
             <td>@{{ facilitatorStatement.created_at }}</td>

resources/views/transport/discharge/facilitator/index.blade.php

@@ -38,6 +38,7 @@
                 facilitators:{!! $facilitators !!},
                 units:{0:'m3',1:'吨',2:'托',3:'件'},
                 checkData:[],
+                selectTr:0,
             },
             watch: {
                 checkData: {

resources/views/transport/discharge/statement/_table.blade.php

@@ -6,7 +6,7 @@
         <th class="" colspan="5">支出信息</th>
         <th class="td-yellow" colspan="3">其他信息</th>
     </tr>
-    <tr class="text-center">
+    <tr class="text-center" >
         <th><input type="checkbox" class="form-check" name="selectAll" id="selectAll" @click="checkAll"/></th>
         <th class="td-helpful">序号</th>
         <th class="td-helpful">日期</th>
@@ -26,7 +26,7 @@
         <th class="td-yellow">支出备注</th>
     </tr>
     <template v-if="dischargeStatements.length > 0">
-        <tr v-for="(dischargeTask,index) in dischargeStatements" class="text-center">
+        <tr v-for="(dischargeTask,index) in dischargeStatements" class="text-center"  @click="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
             <td ><input type="checkbox" class="form-check" :value="dischargeTask.id" v-model="checkData"></td>
             <td class="td-helpful">@{{ index+1 }}</td>
             <td class="td-helpful">@{{ dischargeTask.created_at }}</td>

resources/views/transport/discharge/statement/index.blade.php

@@ -40,6 +40,7 @@
                 taskTypes: {0: "装车", 1: "卸车"},
                 units: {0: 'm3', 1: '吨', 2: '件', 3: '托'},
                 status: {0: '创建', 1: '接单', 2: '作业中', 3: '完成'},
+                selectTr:0,
             },
             created() {
                 let _this = this;

resources/views/transport/discharge/task/_table.blade.php

@@ -15,7 +15,7 @@
         <th>操作</th>
     </tr>
     <template v-if="dischargeTasks.length > 0">
-        <tr v-for="(dischargeTask,index) in dischargeTasks" :key="index" class="text-center">
+        <tr v-for="(dischargeTask,index) in dischargeTasks" :key="index" class="text-center"  @click="selectTr===index+1?selectTr=0:selectTr=index+1" :class="selectTr===index+1?'focusing' : ''">
             <td><input type="checkbox" class="form-check" :value="dischargeTask.id" v-model="checkData"></td>
             <td>
                 @{{index+1}}

resources/views/transport/discharge/task/index.blade.php

@@ -70,6 +70,7 @@
                 isUpdate: false,
                 checkData: [],
                 selectIndex: '',
+                selectTr:0,
             },
             created() {
                 this.owners.forEach(function (owner, index, array) {