update

src/components/LeaderManagement/CarDetails.vue

+
+<template>
+  <div class="flexOne" style="min-width: 1200px;">
+   
+    <!-- 表格 -->
+    <div style="width: 100%; height: auto;min-height:500px;overflow-x: auto;margin-top:20px" class="ownScrollbarStyle">
+      <table class="groupTourOrderSearchTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
+        <tr class="title_tr">
+          <th>日期</th>            
+          <th>司机</th>
+          <th>计划金额</th>
+          <th>车配号</th>
+          <th>车辆号</th>
+          <th>用车方式</th>
+          <th>出发地</th>
+          <th>目的地</th>
+          <th>金额</th>
+          <th>币种</th>
+          <th>支付方式</th>
+          <th>备注</th>
+        </tr>
+        <tr>
+          <td v-show="dataList.length==0" colspan="16" align="center">暂无数据</td>
+        </tr>
+        <tbody v-for="(item,index) in dataList" :key="index">
+        <tr>
+          <td>{{item.PlanDateStr}}</td>
+          <td>
+              <p class="fz12">姓名:{{item.DriverName}}</p>
+              <p class="fz12">电话号码:{{item.DriverTel}}</p>
+            </td>
+          <!-- <td><span @click="goUrl('散客机票','individualTicket',item.AirTicketId)" class="guest_num">{{item.AirTicketId}}</span></td>           -->
+          <td>{{item.TotalPrice}}</td>
+          <td class="fz12">{{item.BusCode}}</td>
+          <td>{{item.BusNum}}</td>
+          <td class="fz12">{{item.AirportPickUpStr}}</td>
+          <td class="fz12">
+            <p v-for="(s,index) in item.ReimburseList.ReimburseDetailsList" :key="index+500">
+                {{s.StartPlace}}
+            </p>
+           </td>
+          <td class="fz12">
+            <p v-for="(s,index) in item.ReimburseList.ReimburseDetailsList" :key="index+700">
+                {{s.EndPlace}}
+            </p>
+           </td>
+           <td class="fz12">
+            <p v-for="(s,index) in item.ReimburseList.ReimburseDetailsList" :key="index+800">
+                {{s.UnitPrice}}
+            </p>
+           </td>
+          <td>{{item.ReimburseList.CurrencyId}}</td>          
+          <td>
+              <p v-if="item.RefundStatus!=1">
+                  <span v-if="item.RefundStatus==2">退款中</span>
+                  <span v-if="item.RefundStatus==3">已退款</span>
+              </p>
+              
+              
+          </td>
+        </tr>
+        
+        </tbody>
+      </table>
+    </div>
+    <!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+       layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination> -->
+  </div>
+</template>
+
+<script>
+import payURL from "../commonPage/payURL.vue";
+import moment from "moment";
+export default {
+  data() {
+    return {
+      msg: {
+        TCIDs:''
+
+      },
+      dataList: [],
+      loading: false,
+      total: 0,
+      currentPage: 1,
+      showID: -1,
+      companyList:[],
+      employeeList:[],
+      urrencyTypeObj:{},
+    };
+  },
+  components: {},
+  created() {
+    let userInfo = this.getLocalStorage();
+    this.msg.TCIDs=this.$route.query.TCIDs?this.$route.query.TCIDs:"";
+    console.log("this.msg.TCIDs",this.msg.TCIDs)
+    this.financeinfo_post_GetList();
+  },
+  methods: {
+    financeinfo_post_GetList(){  // 币种类型
+        this.apipost('financeinfo_post_GetList',{Name:''},res=>{
+            if(res.data.resultCode==1){
+                let data = res.data.data;
+                console.log("data",data)
+            }else{
+
+            }
+        },err=>{})
+    },
+    //   退款操作
+    RefundPay(item) {
+      let orderObj = {
+        OrderID: item.Id, //订单号
+        OrderSource: 12, //12
+        Obj: {},
+        SourceID: item.AirTicketId, //机票id
+        TCIDList: []
+      };
+      this.$router.push({
+        name: "ChoiceAddFinancialDocuments",
+        query: {
+          Type: 2,
+          companyID: item.RB_Branch_Id, //公司id
+          path: "",
+          blank: "y",
+          orderObj: JSON.stringify(orderObj)
+        }
+      });
+    },
+    goUrl: function(name, path, id) {
+      this.$router.push({
+        name: path,
+        query: { id: id, blank: "y", tab: name }
+      });
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    resetPageIndex() {
+      this.msg.pageIndex = 1;
+      this.currentPage = 1;
+    },
+    getList() {
+      
+      this.loading = true;
+      this.apipost('dmcstatistics_post_GetNewLeaderPayMoneyStatics', this.msg, res => {
+        this.loading=false;
+        
+        if(res.data.resultCode == 1) {
+            this.dataList = res.data.data.BusList;
+            console.log("this.dataList",this.dataList);
+        } else {
+            this.Error(res.data.message);
+        }
+        }, err => {})
+      
+    },
+    // 结束日期不能大于开始日期
+    dataDui() {
+      if (this.msg.startDate > this.msg.endDate && this.msg.endDate !== "") {
+        this.$message.error("结束日期不能大于开始日期");
+        this.msg.endDate = "";
+      }
+    }
+  },
+  mounted() {
+    this.getList();
+  }
+};
+</script>
+<style scoped>
+
+.groupTourOrderSearchTable {
+  width: 100%;
+  min-width: 1500px;
+  font-size: 14px;
+  color: #333;
+  border-bottom: 1px solid #cccccc;
+  border-right: 1px solid #cccccc;
+  /* border-collapse: collapse; */
+}
+
+.groupTourOrderSearchTable tr th {
+  background: #e6e6e6;
+  height: 30px;
+  font-size: 12px;
+  text-align: left;
+  text-indent: 15px;
+  border-top: 1px solid #cccccc;
+  border-left: 1px solid #cccccc;
+}
+
+.groupTourOrderSearchTable tr {
+  background: #fff;
+  text-align: left;
+}
+
+.groupTourOrderSearchTable tr td {
+  padding: 8px;
+  border-top: 1px solid #cccccc;
+  border-left: 1px solid #cccccc;
+}
+
+.groupTourOrderSearchTable tr td p {
+  line-height: 20px;
+}
+
+.groupTourOrderSearchTable .dowloadSpan:hover {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.groupTourOrderSearchTable span.personNo {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.groupTourOrderSearchTable span.personNo:hover {
+  font-weight: bold;
+  color: #e95252;
+}
+
+
+</style>

src/router/config.js

@@ -390,6 +390,14 @@ export default {
                                 title: '导游报账详情'
                             },
                         },
+                        {
+                            path: '/CarDetails', //车辆报账详情
+                            name: 'CarDetails',
+                            component: resolve => require(['@/components/LeaderManagement/CarDetails'], resolve),
+                            meta: {
+                                title: '车辆报账详情'
+                            },
+                        },
                         {
                             path: '/positionManagement', //岗位管理
                             name: 'positionManagement',