From b98368f6fba3c3471332a8da774db7f25fe2f3c9 Mon Sep 17 00:00:00 2001
From: xiaofajia <1665375861@qq.com>
Date: Wed, 27 Nov 2024 15:13:03 +0800
Subject: [PATCH] =?UTF-8?q?copy=E4=B8=80=E4=B8=AA=E9=87=87=E8=B4=AD?=
 =?UTF-8?q?=E5=8D=95=E5=87=BA=E6=9D=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages-order/orderList/orderListByIn.vue       | 505 ++++++++++++++++++
 .../inOutWarehouse/inOutWarehouse.vue         |   2 +-
 pages.json                                    |   6 +
 3 files changed, 512 insertions(+), 1 deletion(-)
 create mode 100644 pages-order/orderList/orderListByIn.vue

diff --git a/pages-order/orderList/orderListByIn.vue b/pages-order/orderList/orderListByIn.vue
new file mode 100644
index 0000000..e118d69
--- /dev/null
+++ b/pages-order/orderList/orderListByIn.vue
@@ -0,0 +1,505 @@
+<template>
+  <view class="container">
+    <VNavigationBar background-color="#fff" :title="`采购单(${total})`" title-color="#333"></VNavigationBar>
+    <view class="body">
+      <view class="orderList" v-if="!isRepairWarehouse">
+        <view class="body-top-tab" v-if="userInfo.roleCodes.includes('general_inspection') || userInfo.roleCodes.includes('weixiu')">
+          <view  class="body-top-tab-item">
+            <picker @change="bindCusFromChange" :value="cusFromIndex" :range="cusFromList">
+              <view class="uni-input">{{cusFromList[cusFromIndex]}}</view>
+            </picker>
+          </view>
+          <view class="line"></view>
+          <view  class="body-top-tab-item">
+            <picker @change="bindRepairTypeChange" :value="repairTypeIndex" :range="repairTypeList">
+              <view class="uni-input">{{repairTypeList[repairTypeIndex]}}</view>
+            </picker>
+          </view>
+        </view>
+        <scroll-view v-if="userInfo.roleCodes.includes('general_inspection') || userInfo.roleCodes.includes('weixiu')" scroll-y="true" style="height: calc(100% - 50px)" class="itemContent" @scrolltolower="onReachBottomCus"
+                     refresher-enabled @refresherrefresh="onRefresherrefresh" :refresher-triggered="isTriggered">
+          <order-card :userInfo="userInfo" v-for="(item, index) in orderList" :key="index" :order="item" @childEvent="onRefresherrefresh" @startWork="startWork"></order-card>
+          <view style="text-align: center" v-if="orderList.length==0">
+            <image class=""  src="@/static/images/nothing.png" ></image>
+          </view>
+        </scroll-view>
+        <scroll-view v-else scroll-y="true" style="height:100%" class="itemContent" @scrolltolower="onReachBottomCus"
+                     refresher-enabled @refresherrefresh="onRefresherrefresh" :refresher-triggered="isTriggered">
+          <order-card :userInfo="userInfo" v-for="(item, index) in orderList" :key="index" :order="item" @childEvent="onRefresherrefresh" @startWork="startWork"></order-card>
+          <view style="text-align: center" v-if="orderList.length==0">
+            <image class=""  src="@/static/images/nothing.png" ></image>
+          </view>
+        </scroll-view>
+      </view>
+      <view class="orderList" v-else>
+        <scroll-view scroll-y="true" style="height: 100%" class="itemContent" @scrolltolower="onReachBottomCus"
+                     refresher-enabled @refresherrefresh="onRefresherrefresh" :refresher-triggered="isTriggered">
+          <repair-so-card v-for="(item, index) in repairSoList" :key="index" :order="item" @childEvent="onRefresherrefresh" @startWork="startWork"></repair-so-card>
+          <view style="text-align: center" v-if="repairSoList.length==0">
+            <image class=""  src="@/static/images/nothing.png" ></image>
+          </view>
+        </scroll-view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import VNavigationBar from '@/components/VNavigationBar.vue'
+import tabBarVue from '@/components/tabBar/tabBar.vue'
+import OrderCard from "@/components/orderCard.vue";
+import request from '@/utils/request';
+import {formatTimestamp,getOrderStatusText,builderOrder,saveTicketsRecords} from "@/utils/utils";
+import {
+  getToken,
+  getUserInfo,
+  getStrData,
+  getTenantId,
+  getStorageWithExpiry,
+  setStorageWithExpiry
+} from '@/utils/auth'
+import RepairSoCard from "@/components/repairSoCard.vue";
+
+export default {
+  components: {
+    OrderCard,
+    tabBarVue,
+    VNavigationBar,
+    RepairSoCard
+  },
+  data() {
+    return {
+      searchText:"",
+      payShow: false,
+      activeKey: 0,
+      pageNo: 1,
+      pageSize: 10,
+      total: 0,
+      isRepairWarehouse : false, //是否是仓库管理员
+      //下来刷新状态
+      isTriggered:false,
+      imageUrl: '',
+      tabList: [
+        {
+          id: 0,
+          title: '待处理'
+        },
+        {
+          id: 1,
+          title: '全部'
+        },
+      ],
+      orderList: [
+      ],
+      repairSoList: [],
+      userInfo:{},
+      //维修项目可选值
+      repairTypeList:['按维修类别'],
+      //维修项目可选值--值
+      repairTypeValueList:[''],
+      // 维修项目选中下标
+      repairTypeIndex:0,
+      //客户来源可选值
+      cusFromList:['按客户来源'],
+      //客户来源可选值---值
+      cusFromValueList:[''],
+      // 客户来源选中下标
+      cusFromIndex:0,
+      twId: null,
+    }
+  },
+  onLoad(data){
+    if (data && data.twId){
+      this.twId = data.twId
+    }else {
+      this.twId = null
+    }
+    if(!getToken()){
+      uni.reLaunch({
+        url: '/pages/login/login'
+      })
+    }else{
+      //直接取缓存中的用户信息
+      this.userInfo = getUserInfo()
+      if (this.userInfo.roleCodes.includes("repair_warehouse")){
+        this.tabList = [
+          {
+            id: 0,
+            title: '采购单'
+          },
+        ]
+        this.isRepairWarehouse = true
+      }
+      //查2个数据字典备用---客户注册方式-cus_sign_type、维修业务分类-repair_type
+      this.initDict("repair_type")
+      this.initDict("cus_sign_type")
+    }
+  },
+  onShow() {
+    if(!getToken()){
+      uni.reLaunch({
+        url: '/pages/login/login'
+      })
+    }else{
+      this.onRefresherrefresh()
+    }
+  },
+  methods: {
+    /**
+     * 切换客户来源
+     */
+    bindCusFromChange(e){
+      this.cusFromIndex = e.detail.value
+      this.onRefresherrefresh()
+    },
+    /**
+     * 切换维修项目类型
+     */
+    bindRepairTypeChange(e){
+      this.repairTypeIndex = e.detail.value
+      this.onRefresherrefresh()
+    },
+    /**
+     * 查2个数据字典备用---客户注册方式-cus_sign_type、维修业务分类-repair_type
+     */
+    initDict(dictCode){
+      let dictArray = getStorageWithExpiry(dictCode);
+      if(null==dictArray || undefined==dictArray){
+        request({
+          url: '/admin-api/system/dict-data/type',
+          method: 'get',
+          params:{type:dictCode}
+        }).then((res) => {
+          if (res.code == 200) {
+            setStorageWithExpiry(dictCode,res.data,3600)
+            this.$nextTick(()=>{
+              res.data.map(item=>{
+                this.setDictItem(dictCode,item)
+              })
+            })
+          }
+        })
+      }else{
+        this.$nextTick(()=>{
+          dictArray.map(item=>{
+            this.setDictItem(dictCode,item)
+          })
+        })
+      }
+    },
+    setDictItem(dictCode,item){
+      if("repair_type"==dictCode){
+        //维修项目
+        this.repairTypeList.push(item.label)
+        this.repairTypeValueList.push(item.value)
+      }else{
+        //客户来源
+        this.cusFromList.push(item.label)
+        this.cusFromValueList.push(item.value)
+      }
+    },
+    /**
+     * 上滑加载数据
+     */
+    onReachBottomCus() {
+      //判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
+      if (this.pageNo * this.pageSize >= this.total) {
+        uni.$u.toast('没有更多数据了')
+        return
+      }
+      //页码+1,调用获取数据的方法获取第二页数据
+      this.pageNo++
+      //此处调用自己获取数据列表的方法
+      if (this.isRepairWarehouse) {
+        this.getRepairSoList()
+      }else{
+        this.getOrderList()
+      }
+    },
+    /**
+     * 下拉刷新数据
+     */
+    onRefresherrefresh(){
+      this.isTriggered = true
+      this.pageNo = 1
+      this.total = 0
+      if (this.isRepairWarehouse) {
+        this.getRepairSoList()
+        this.repairSoList = []
+      }else{
+        this.getOrderList()
+        this.orderList = []
+      }
+    },
+    /**
+     * 清空
+     */
+    clearText(){
+      this.searchText = ""
+      this.onRefresherrefresh()
+    },
+    /**
+     * 开始施工
+     */
+    startWork(id){
+      let paramsObj = {ticketId:id}
+      //先查当前用户在本工单下有几个维修项目
+      request({
+        url: '/admin-api/repair/titem/listProject',
+        method: 'get',
+        params:paramsObj
+      }).then((res) => {
+        console.log(res)
+        if (res.code == 200 && res.data.length>0) {
+          if(res.data.length==1){
+            //只有1个，直接开始施工
+            this.startWorkRequest(id,"02",res.data[0].id,"02","kssg","开始施工")
+          }else{
+            uni.showActionSheet({
+              itemList: res.data.map(m => m.itemName),
+              success: ({
+                          tapIndex
+                        }) => {
+                this.startWorkRequest(id,"02",res.data[tapIndex].id,"02","kssg","开始施工")
+              }
+            })
+          }
+        }else{
+          uni.showToast({
+            title: '操作失败，请联系管理员',
+            icon: 'none'
+          })
+        }
+      })
+    },
+    /**
+     * 开始施工请求后台
+     */
+    async startWorkRequest(id,ticketsWorkStatus,itemId,itemStatus,recordType,remark){
+      try {
+        const result = await saveTicketsRecords(id,ticketsWorkStatus,itemId,itemStatus,recordType,remark,null);
+        console.error("result",result);
+        this.onRefresherrefresh()
+      } catch (error) {
+        console.error(error);
+      }
+    },
+    getOrderList(){
+      let paramsObj = {pageNo: this.pageNo, pageSize: this.pageSize, isFinish: "0",cusFrom:this.cusFromValueList[this.cusFromIndex],repairType:this.repairTypeValueList[this.repairTypeIndex]}
+      console.log("this.searchText",this.searchText)
+      if(''!=this.searchText){
+        paramsObj['ticketNo'] = this.searchText
+      }
+      if(1==this.activeKey){
+        //查所有订单
+        paramsObj['selectType'] = "all"
+      }
+      request({
+        url: '/admin-api/repair/tickets/pageType',
+        method: 'get',
+        params:paramsObj
+      }).then((res) => {
+        console.log(res)
+        if (res.code == 200) {
+          let thisPageRecords = []
+          if(res.data && res.data.hasOwnProperty("records")){
+            for (let i = 0; i < res.data.records.length; i++) {
+              let order = res.data.records[i]
+              let viewOrder = builderOrder(order)
+              if(order.booking){
+                viewOrder['appointDate'] = formatTimestamp(order.createTime)
+              }
+              let projectList = []
+              if(order.itemList){
+                for (let j = 0; j < order.itemList.length; j++) {
+                  let itemObj = order.itemList[j]
+                  if("01"==itemObj.itemType){
+                    projectList.push({
+                      id:itemObj.id,
+                      name:itemObj.itemName
+                    })
+                  }
+                }
+              }
+              viewOrder['projectList'] = projectList
+              thisPageRecords.push(viewOrder)
+            }
+          }
+          //判断 如果获取的数据的页码不是第一页，就让之前赋值获取过的数组数据 concat连接 刚获取的第n页数据
+          if (this.pageNo != 1) {
+            this.orderList = this.orderList.concat(thisPageRecords)
+          } else {
+            this.orderList = thisPageRecords
+          }
+          //将获取的总条数赋值
+          this.total = res.data.total
+          this.isTriggered = false
+        }
+      })
+    },
+    changeTabFun(id) {
+      this.activeKey = id
+      this.onRefresherrefresh()
+    },
+    gotoDetail(row) {
+      if (row.goodsType === '2') {
+        uni.navigateTo({
+          url: '/pages-order/orderDetail/orderDetail?ticketsId=' + row.goodsId
+        })
+      } else {
+        uni.navigateTo({
+          url: '/pages-order/orderDetail/orderDetail'
+        })
+      }
+    },
+    /**
+     * 获取采购单
+     */
+    getRepairSoList(){
+      const paramsObj = {
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        userId: this.userInfo.id,
+        soType: "01"
+      }
+      if (this.twId){
+        paramsObj.twId = this.twId
+      }
+      request({
+        url: '/admin-api/repair/so/page',
+        method: 'get',
+        params: paramsObj
+      }).then((res) => {
+
+        //判断 如果获取的数据的页码不是第一页，就让之前赋值获取过的数组数据 concat连接 刚获取的第n页数据
+        if (this.pageNo != 1) {
+          this.repairSoList = this.repairSoList.concat(res.data.records)
+        } else {
+          this.repairSoList = res.data.records
+        }
+        //将获取的总条数赋值
+        this.total = res.data.total
+        this.isTriggered = false
+      })
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.container {
+  height: 100%;
+  background: #F3F5F7;
+  display: flex;
+  flex-direction: column;
+  color: #333333;
+
+  .header {
+    padding: 100rpx 32rpx 20rpx;
+    background-color: #fff;
+
+    .searchBox {
+      background: #F3F5F7;
+      padding: 20rpx 32rpx;
+      border-radius: 12rpx 12rpx 12rpx 12rpx;
+      display: flex;
+      align-items: center;
+      column-gap: 12rpx;
+      .searchInput {
+        flex: 1;
+        width: 0;
+      }
+      .searchBtn {
+        font-weight: 500;
+        font-size: 28rpx;
+        color: #0174F6;
+      }
+    }
+  }
+
+  .body {
+    flex: 1;
+    height: 0;
+    padding: 24rpx 32rpx;
+    overflow: auto;
+  }
+
+  .body-top-tab {
+    display: flex;
+    font-size: 30rpx;
+    margin: 0 32rpx;
+
+    .line {
+      width: 2rpx;
+      height: 60rpx;
+      background-color: #DDDDDD;
+    }
+
+    .body-top-tab-item {
+      flex: 1;
+      width: 0;
+      text-align: center;
+      padding: 16rpx 20rpx;
+      position: relative;
+
+      &.active {
+        color: #0174F6;
+      }
+
+      .activeLine {
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 96rpx;
+        height: 6rpx;
+        background: #0174F6;
+        border-radius: 4rpx 4rpx 0rpx 0rpx;
+      }
+    }
+  }
+
+  .tabList {
+    background: #FFFFFF;
+    border-radius: 12rpx 12rpx 12rpx 12rpx;
+    display: flex;
+    align-items: center;
+    padding: 0 40rpx;
+
+    .tabItem {
+      padding: 30rpx;
+      flex: 1;
+      //z-index: 9999999;
+      text-align: center;
+      position: relative;
+      font-size: 28rpx;
+
+      &.actived {
+        color: #0174F6;
+      }
+
+      .activeLine {
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 96rpx;
+        height: 6rpx;
+        background: #0174F6;
+        border-radius: 4rpx 4rpx 0rpx 0rpx;
+      }
+    }
+  }
+
+  .orderList {
+    //padding: 30rpx 0;
+    padding-top: 10rpx;
+    height: calc(100% - 90rpx);
+    display: flex;
+    flex-direction: column;
+
+    .orderItem {
+    }
+  }
+}
+</style>
diff --git a/pages-warehouse/inOutWarehouse/inOutWarehouse.vue b/pages-warehouse/inOutWarehouse/inOutWarehouse.vue
index 301a2bb..e675673 100644
--- a/pages-warehouse/inOutWarehouse/inOutWarehouse.vue
+++ b/pages-warehouse/inOutWarehouse/inOutWarehouse.vue
@@ -125,7 +125,7 @@ export default {
   methods: {
     toInWares(){
       uni.navigateTo({
-        url: '/pages-order/orderList/orderList?twId=' + this.twId
+        url: '/pages-order/orderList/orderListByIn?twId=' + this.twId
       })
     },
     async submitBefore(){
diff --git a/pages.json b/pages.json
index 403e450..e700517 100644
--- a/pages.json
+++ b/pages.json
@@ -87,6 +87,12 @@
             "navigationBarTitleText": ""
           }
         },
+        {
+          "path": "orderList/orderListByIn",
+          "style": {
+            "navigationBarTitleText": ""
+          }
+        },
         {
           "path": "addOrder/addOrder"
         },