From 54b839fb0dd36f54615fbdfe72a015b0ea02acac Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Mon, 21 Oct 2024 09:47:12 +0800
Subject: [PATCH] =?UTF-8?q?task#15638,=E5=A2=9E=E5=8A=A0=20=E7=94=B5?=
 =?UTF-8?q?=E7=93=B6=E8=BF=9B=E9=94=80=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/order.js                    |   9 ++
 src/router/index.js                 |   8 ++
 src/views/battery/batteryList.vue   | 177 ++++++++++++++++++++++++++++
 src/views/index/workOrderDetail.vue |  16 +++
 4 files changed, 210 insertions(+)
 create mode 100644 src/views/battery/batteryList.vue

diff --git a/src/api/order.js b/src/api/order.js
index 11dc0292..b87e8e6c 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -77,3 +77,12 @@ export function updateOrderSettlement(data){
     data
   })
 }
+// 电瓶数量列表
+export function batteryCountList(){
+  return request({
+    url:'/supplierAppV2/dispatchApp/battery/batteryCountList',
+    method:'POST',
+    contentType:'application/json',
+    // data
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 297fbbf3..e277dcae 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -215,6 +215,14 @@ const routes = [
             title:'维保申请'
         }
     },
+    {
+        path: '/batteryList',
+        name: 'batteryList',
+        component:()=>import('@/views/battery/batteryList.vue'),
+        meta: {
+            title:'电瓶进销存'
+        }
+    },
     ...kpiRouter,
   ]
 
diff --git a/src/views/battery/batteryList.vue b/src/views/battery/batteryList.vue
new file mode 100644
index 00000000..7324ddcb
--- /dev/null
+++ b/src/views/battery/batteryList.vue
@@ -0,0 +1,177 @@
+<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="goBack"
+      >
+<!--        <template slot="right" v-if="permissonList.includes('driverAddBtn')">
+          <div class="rightWrap" @click="addDriver" >
+            <img src="@/assets/addImg.png" />
+            <span class="addTxt">添加</span>
+          </div>
+        </template>-->
+      </van-nav-bar>
+    </div>
+<!--    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+      <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+      >-->
+        <div class="itemWrap" v-for="(item,index) in batteryList" :key="index">
+          <div class="name-status">
+            <div class="namephone">{{ item.driverName }} / {{ item.driverPhone }}</div>
+            <div class="twoBtn">
+              <button v-if="permissonList.includes('driverModifyBtn')" class="del" @click="handleStatus(item)">{{ item.states?.label == '启用'  ? '停用' : '启用' }}</button>
+              <button v-if="permissonList.includes('driverModifyBtn')" class="revise" @click="updateDriver(item)">修改</button>
+            </div>
+          </div>
+          <div class="" style="display: flex">
+            <div class="sex" style="margin-right: 40px">
+              <span class="halfOpci">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
+              <span class="allOpci">{{item.sex?.label}}</span>
+            </div>
+            <div class="carType">
+              <span class="halfOpci">准驾车型:</span>
+              <span class="allOpci">{{item.drivingModel}}</span>
+            </div>
+          </div>
+          <div>
+            <span class="halfOpci">身份证号:</span>
+            <span class="allOpci">{{ item.identityCardNumber }}</span>
+          </div>
+          <div>
+            <span class="halfOpci">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态:</span>
+            <span :class="item.states?.code == 1 ? 'statusYes' : 'statusNo'">{{ item.states?.label }}</span>
+          </div>
+        </div>
+<!--
+      </van-list>
+  </van-pull-refresh>-->
+
+  </div>
+</template>
+
+<script>
+
+import {myMixins} from "@/utils/myMixins"
+import {batteryCountList} from  "@/api/order"
+export default {
+  name: "batteryList",
+  mixins:[myMixins],
+  data(){
+    return{
+      pageNum:1,
+      total:'',
+      batteryList:[],
+      states:'',
+      supplierType:'',
+      count: 0,
+      isLoading: false,
+      loading: false,
+      finished: false,
+      permissonList:[],
+      
+    }
+  },
+  mounted() {
+    const urlParams = new URLSearchParams(window.location.search);
+    console.log("urlParams",urlParams)
+    this.getList()
+  },
+  methods:{
+    async getList(){
+      let res = await batteryCountList()
+      console.log("res",res)
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/mixin.scss';
+@import "@/styles/common.scss";
+
+.wrap {
+  background: #F4F5F7;
+  @include sizingPadding(13px,13px);
+  @include wh(100%, 100%);
+  overflow-y: auto;
+}
+.navBar{
+  margin-bottom: 46px;
+  .rightWrap{
+    @include wh(50px,20px);
+    border-radius: 10px;
+    opacity: 0.7;
+    border: 1px solid #FFFFFF;
+    @include flexTwoCenter;
+    img{
+      @include widHeiMar(9px,8px,4px);
+    }
+    .addTxt{
+      @include fontWeightSize(bolder,11px);
+      @include colorOpa( #FFFFFF,0.7);
+    }
+  }
+}
+
+.itemWrap {
+  @include wh(100%, 104px);
+  @include radiusSizing(6px);
+  @include fontWeightSize(400, 12px);
+  @include flexBetween;
+  background: #FFFFFF;
+  box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
+  margin-bottom: 10px;
+  padding: 11px 13px 9px 15px;
+  .halfOpci {
+    opacity: .5;
+    margin-right: 5px;
+  }
+  .allOpci {
+    opacity: 1;
+  }
+  .statusNo {
+    color: #FF0000;
+  }
+  .statusYes {
+    color: #09B820
+  }
+}
+
+.name-status {
+  @include flexColBet;
+  .namephone {
+    @include fontWeightSize(bold, 14px)
+  }
+
+  .twoBtn {
+    display: flex;
+    button {
+      border: none;
+      padding: 4px  8px;
+      border-radius: 3px;
+      @include flexTwoCenter;
+      @include fontWeightSize(bold, 12px)
+    }
+    .del {
+      border: 1px solid #DDDDDD;
+      background-color: #FFFFFF;
+    }
+
+    .revise {
+      @include bgFontColor( #FFFFFF,#354D93);
+      margin-left: 15px;
+    }
+  }
+
+}
+</style>
diff --git a/src/views/index/workOrderDetail.vue b/src/views/index/workOrderDetail.vue
index e5413c36..5a86ce7d 100644
--- a/src/views/index/workOrderDetail.vue
+++ b/src/views/index/workOrderDetail.vue
@@ -70,6 +70,22 @@
         </div>
       </div>
     </div>
+    <div class="serviceInfo common">
+      <div class="title">电瓶信息:</div>
+      <div class="line"></div>
+      <div class="infoContent">
+        <div class="item">
+          <span class="leftTitle fontColor">设备号:</span><span class="rightContent"></span>
+        </div>
+        <div class="item">
+          <span class="leftTitle fontColor">品牌:</span><span class="rightContent"></span>
+        </div>
+        <div class="item">
+          <span class="leftTitle fontColor">型号:</span><span class="rightContent"></span>
+        </div>
+      </div>
+    </div>
+
     <div class="map" v-show="showPopup"   id="container">
       <img @click="showPopup = false"  src="@/assets/delKey.png" class="mapImg">
     </div>