From 5601456c93c99777f7bcb3aad1d64bb00958fabe Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Tue, 23 Jan 2024 16:08:29 +0800
Subject: [PATCH] =?UTF-8?q?task#10094,=E8=B7=AF=E6=A1=A5=E8=B4=B9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=EF=BC=8C=E7=BA=AF=E9=9D=99=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/arrow_rht.png                    | Bin 0 -> 4623 bytes
 src/router/index.js                         |  24 ++++
 src/views/caseList/caseDetail.vue           | 123 +++++++++++++++++
 src/views/caseList/caseList.vue             | 146 ++++++++++++++++++++
 src/views/driverCaseList/driverCaseList.vue | 124 +++++++++++++++++
 src/views/index/driverAdd.vue               |   2 +-
 6 files changed, 418 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/arrow_rht.png
 create mode 100644 src/views/caseList/caseDetail.vue
 create mode 100644 src/views/caseList/caseList.vue
 create mode 100644 src/views/driverCaseList/driverCaseList.vue

diff --git a/src/assets/arrow_rht.png b/src/assets/arrow_rht.png
new file mode 100644
index 0000000000000000000000000000000000000000..f18e8dec887bb25e4d739d256d01018f713c6af7
GIT binary patch
literal 4623
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
F{{c56fw%ww

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index bb13d3f8..9ca4f1de 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -135,6 +135,30 @@ const routes = [
         meta: {
             title:'文档资料'
         }
+    },
+    {
+        path: '/caseList',
+        name: 'caseList',
+        component:()=>import('@/views/caseList/caseList.vue'),
+        meta: {
+            title:'案件列表'
+        }
+    },
+    {
+        path: '/driverCaseList',
+        name: 'driverCaseList',
+        component:()=>import('@/views/driverCaseList/driverCaseList.vue'),
+        meta: {
+            title:'司机app案件列表'
+        }
+    },
+    {
+        path: '/caseDetail',
+        name: 'caseDetail',
+        component:()=>import('@/views/caseList/caseDetail.vue'),
+        meta: {
+            title:'案件详情'
+        }
     }
   ]
 
diff --git a/src/views/caseList/caseDetail.vue b/src/views/caseList/caseDetail.vue
new file mode 100644
index 00000000..0204f06e
--- /dev/null
+++ b/src/views/caseList/caseDetail.vue
@@ -0,0 +1,123 @@
+<template>
+  <div class="wrap">
+    <div class="navBar">
+      <van-nav-bar
+          title="案件详情"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="h5GoBack"
+      />
+    </div>
+    <div class="tab_wrap">
+      <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
+           @click="changeTab(index)">
+        {{ item.name }}
+      </div>
+    </div>
+    <div class="listWrap">
+      <div class="listItem">
+        <div class="item">
+          <div><span>审核批次</span><span>PC1234123443243232131</span></div>
+          <div><span>报销金额</span><span>300</span></div>
+          <div><span>案件数量</span><span>30</span></div>
+          <div><span>提交人员</span><span>张三</span></div>
+          <div><span>提交时间</span><span>2023-11-22 12:12:00</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins";
+
+export default {
+  name: "caseDetail",
+  mixins: [myMixins],
+  data(){
+    return{
+      tabArr: [{name: '待审核', status: 1}, {name: '审核通过', status: 2},{name: '审核不通过', status: 3},],
+      activeIndex: 0,
+      pageList:[],
+      pageNum:1,
+      pageSize:10,
+    }
+  },
+  methods:{
+    async changeTab(index) {
+      this.activeIndex = index
+      this.pageNum = 1
+      this.pageList = [];
+      if(this.activeIndex === 0){
+        // this.trainingType =1
+      }else{
+        // this.trainingType=2
+      }
+      // await this.getList()
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
+.wrap{
+  @include wh(100%,100%);
+  box-sizing: border-box;
+}
+.navBar{
+  margin-bottom: 46px;
+}
+.tab_wrap {
+  @include fontWeightSize(bolder, 15px);
+  display: flex;
+  justify-content: space-around;
+  padding: 5px 0 5px 0;
+  @include colorOpa(#737373,0.7);
+  div {
+    padding-top: 8px;
+  }
+  .active {
+    color: #3678FF;
+    position: relative;
+  }
+  .active:after {
+    content: '';
+    display: block;
+    @include wh(50px,3px);
+    background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
+    border-radius: 2px;
+    position: absolute;
+    margin-top: 3px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+.listWrap{
+  width: 100%;
+  .listItem{
+    width: 100%;
+    //@include wh(100%,200px);
+    padding: 12px 12px;
+    box-sizing: border-box;
+    .item{
+      @include wh(100%,100%);
+      box-sizing: border-box;
+      padding: 6px 0;
+      border-bottom: 1px solid #cccccc;
+      border-top: 1px solid #cccccc;
+      div{
+        line-height: 22px;
+        span:first-child{
+          display: inline-block;
+          margin-right: 8px;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/caseList/caseList.vue b/src/views/caseList/caseList.vue
new file mode 100644
index 00000000..b4f791bf
--- /dev/null
+++ b/src/views/caseList/caseList.vue
@@ -0,0 +1,146 @@
+<template>
+  <div class="wrap">
+    <div class="navBar">
+      <van-nav-bar
+          title="报销批次"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="h5GoBack"
+      />
+    </div>
+    <div class="tab_wrap">
+      <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
+           @click="changeTab(index)">
+        {{ item.name }}
+      </div>
+    </div>
+    <div class="listWrap">
+      <div class="listItem" @click="goPageDetail">
+        <div class="item">
+          <div><span>审核批次</span><span>PC1234123443243232131</span></div>
+          <div><span>报销金额</span><span>300</span></div>
+          <div><span>案件数量</span><span>30</span></div>
+          <div><span>提交人员</span><span>张三</span></div>
+          <div><span>提交时间</span><span>2023-11-22 12:12:00</span></div>
+          <img  src="@/assets/arrow_rht.png">
+        </div>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins";
+
+export default {
+  name: "caseList",
+  mixins: [myMixins],
+  data(){
+    return{
+      tabArr: [{name: '待审核', status: 1}, {name: '已审核', status: 2},],
+      activeIndex: 0,
+      pageList:[],
+      pageNum:1,
+      pageSize:10,
+    }
+  },
+  methods:{
+    async changeTab(index) {
+      this.activeIndex = index
+      console.log(' this.activeIndex', this.activeIndex)
+      this.pageNum = 1
+      this.pageList = [];
+      if(this.activeIndex === 0){
+        // this.trainingType =1
+      }else{
+        // this.trainingType=2
+      }
+      // await this.getList()
+    },
+    goPageDetail(){
+      console.log("去查看详情")
+      this.$router.push({
+        name: 'caseDetail',  // 目标路由的名称
+       /* params: {
+          id: item.id,                  // 参数对象的属性
+          postfix:item.postfix,
+          index:this.activeIndex,
+          queryTime: this.time || this.queryTime
+        }*/
+      });
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
+.wrap{
+  @include wh(100%,100%);
+  box-sizing: border-box;
+}
+.navBar{
+  margin-bottom: 46px;
+}
+.tab_wrap {
+  @include fontWeightSize(bolder, 15px);
+  display: flex;
+  justify-content: space-around;
+  padding: 5px 0 5px 0;
+  @include colorOpa(#737373,0.7);
+  div {
+    padding-top: 8px;
+  }
+  .active {
+    color: #3678FF;
+    position: relative;
+  }
+  .active:after {
+    content: '';
+    display: block;
+    @include wh(50px,3px);
+    background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
+    border-radius: 2px;
+    position: absolute;
+    margin-top: 3px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+.listWrap{
+  width: 100%;
+  .listItem{
+    width: 100%;
+    //@include wh(100%,200px);
+    padding: 12px 12px;
+    box-sizing: border-box;
+    .item{
+      @include wh(100%,100%);
+      box-sizing: border-box;
+      padding: 6px 0;
+      border-bottom: 1px solid #cccccc;
+      border-top: 1px solid #cccccc;
+      position: relative;
+      div{
+        line-height: 22px;
+        span:first-child{
+          display: inline-block;
+          margin-right: 8px;
+        }
+      }
+      img{
+        width: 23px;
+        height: 31px;
+        position: absolute;
+        top: 34%;
+        right: 0
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/driverCaseList/driverCaseList.vue b/src/views/driverCaseList/driverCaseList.vue
new file mode 100644
index 00000000..e11ac7c3
--- /dev/null
+++ b/src/views/driverCaseList/driverCaseList.vue
@@ -0,0 +1,124 @@
+<template>
+  <div class="wrap">
+    <div class="navBar">
+      <van-nav-bar
+          title="司机app报销"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="h5GoBack"
+      />
+    </div>
+    <div class="tab_wrap">
+      <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
+           @click="changeTab(index)">
+        {{ item.name }}
+      </div>
+    </div>
+    <div class="listWrap">
+      <div class="listItem">
+        <div class="item">
+          <div><span>审核批次</span><span>PC1234123443243232131</span></div>
+          <div><span>报销金额</span><span>300</span></div>
+          <div><span>案件数量</span><span>30</span></div>
+          <div><span>提交人员</span><span>张三</span></div>
+          <div><span>提交时间</span><span>2023-11-22 12:12:00</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins";
+
+export default {
+  name: "caseList",
+  mixins: [myMixins],
+  data(){
+    return{
+      tabArr: [{name: '待提交', status: 1}, {name: '已提交', status: 2},{name: '不可提交', status: 3},],
+      activeIndex: 0,
+      pageList:[],
+      pageNum:1,
+      pageSize:10,
+    }
+  },
+  methods:{
+    async changeTab(index) {
+      this.activeIndex = index
+      this.pageNum = 1
+      this.pageList = [];
+      if(this.activeIndex === 0){
+        // this.trainingType =1
+      }else{
+        // this.trainingType=2
+      }
+      // await this.getList()
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
+.wrap{
+  @include wh(100%,100%);
+  box-sizing: border-box;
+}
+.navBar{
+  margin-bottom: 46px;
+}
+.tab_wrap {
+  @include fontWeightSize(bolder, 15px);
+  display: flex;
+  justify-content: space-around;
+  padding: 5px 0 5px 0;
+  @include colorOpa(#737373,0.7);
+  div {
+    padding-top: 8px;
+  }
+  .active {
+    color: #3678FF;
+    position: relative;
+  }
+  .active:after {
+    content: '';
+    display: block;
+    @include wh(50px,3px);
+    background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
+    border-radius: 2px;
+    position: absolute;
+    margin-top: 3px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+.listWrap{
+  width: 100%;
+  .listItem{
+    width: 100%;
+    //@include wh(100%,200px);
+    padding: 12px 12px;
+    box-sizing: border-box;
+    .item{
+      @include wh(100%,100%);
+      box-sizing: border-box;
+      padding: 6px 0;
+      border-bottom: 1px solid #cccccc;
+      border-top: 1px solid #cccccc;
+      div{
+        line-height: 22px;
+        span:first-child{
+          display: inline-block;
+          margin-right: 8px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/index/driverAdd.vue b/src/views/index/driverAdd.vue
index 84d23e36..0741630b 100644
--- a/src/views/index/driverAdd.vue
+++ b/src/views/index/driverAdd.vue
@@ -190,4 +190,4 @@ export default {
   position: fixed;
   bottom: 30px;
 }
-</style>
\ No newline at end of file
+</style>