task#15638,增加 电瓶进销存

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
+  })
+}

src/router/index.js

@@ -215,6 +215,14 @@ const routes = [
             title:'维保申请'
         }
     },
+    {
+        path: '/batteryList',
+        name: 'batteryList',
+        component:()=>import('@/views/battery/batteryList.vue'),
+        meta: {
+            title:'电瓶进销存'
+        }
+    },
     ...kpiRouter,
   ]
 

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>

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>