From 2ffea51205b7eb94cf3fb7221aede7ff66669fc1 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期一, 29 七月 2024 15:59:04 +0800
Subject: [PATCH] 新需求修改
---
qiye/record/record.vue | 384 +++++++++++++++++++++++++++++++++++-------------------
1 files changed, 245 insertions(+), 139 deletions(-)
diff --git a/qiye/record/record.vue b/qiye/record/record.vue
index 96e7e96..b117ca2 100644
--- a/qiye/record/record.vue
+++ b/qiye/record/record.vue
@@ -1,75 +1,92 @@
<template>
<view>
+
<u-sticky bgColor="white">
- <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs>
- </u-sticky>
- <view class="item">
- <img src="/static/i05.png" class="img" alt="" />
- <view class="right">
- <view class="name">
- <view class="l">
- 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
- </view>
- <view class="r color1">
- 寰呰瘎浠�
- </view>
- </view>
- <view class="box">
- <view class="l">
- <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p>
- <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
- </view>
- <view class="r">
- 鍘绘煡鐪�
- </view>
- </view>
- </view>
- </view>
- <view class="item">
- <img src="/static/i05.png" class="img" alt="" />
- <view class="right">
- <view class="name">
- <view class="l">
- 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
- </view>
- <view class="r color2">
- 寰呰瘎浠�
- </view>
- </view>
- <view class="box">
- <view class="l">
- <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�s</p>
- <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
- </view>
- <view class="r">
- 鍘绘煡鐪�
- </view>
- </view>
- </view>
- </view>
- <view class="item">
- <img src="/static/i05.png" class="img" alt="" />
- <view class="right">
- <view class="name">
- <view class="l">
- 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
- </view>
- <view class="r color3">
- 寰呰瘎浠�
- </view>
- </view>
- <view class="box">
- <view class="l">
- <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p>
- <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
- </view>
- <view class="r">
- 鍘绘煡鐪�
- </view>
- </view>
- </view>
- </view>
- <view style="height: 150rpx;"></view>
+ <u-navbar title="鎵ф硶璁板綍" :autoBack="true" placeholder>
+ <view slot="left"></view>
+ </u-navbar>
+ <u-tabs :list="list" @change="click" :current="current" :scrollable="false" bgColor="white"></u-tabs>
+ </u-sticky>
+ <view class="item" v-for="(item,index) in list1">
+ <img src="/static/i05.png" class="img" alt="" />
+ <view class="right">
+ <view class="name">
+ <view class="l">
+ {{item.companyName}}
+ </view>
+ <template v-if="item.orderStatus==2">
+ <view class="r color3">
+ 鏈墽娉�
+ </view>
+ </template>
+ <template v-if="item.isEva==0">
+ <view class="r color2">
+ 寰呰瘎浠�
+ </view>
+ </template>
+ <template v-if="item.isEva==1">
+ <view class="r color1">
+ 宸茶瘎浠�
+ </view>
+ </template>
+ </view>
+ <view class="box">
+ <view class="l">
+ <p style="display: flex;justify-content: flex-start;align-items: flex-start;"><text style="display: inline-block;width: 35%;">鎵ф硶鍗曚綅锛�</text> <text style="display: inline-block;width: 65%;">{{item.executeDeptName|| item.applyDeptName}}</text></p>
+ <p>鎵ф硶鏃堕棿锛歿{item.inTime || item.planTime}}</p>
+ </view>
+ <view class="r" @click="chakan(item.orderId)">
+ 鍘绘煡鐪�
+ </view>
+ </view>
+ </view>
+ </view>
+ <u-empty v-if="!list1.length"></u-empty>
+ <!-- <view class="item">
+ <img src="/static/i05.png" class="img" alt="" />
+ <view class="right">
+ <view class="name">
+ <view class="l">
+ 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
+ </view>
+ <view class="r color2">
+ 寰呰瘎浠�
+ </view>
+ </view>
+ <view class="box">
+ <view class="l">
+ <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�鍐滀笟鍐滄潙灞�s</p>
+ <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
+ </view>
+ <view class="r">
+ 鍘绘煡鐪�
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="item">
+ <img src="/static/i05.png" class="img" alt="" />
+ <view class="right">
+ <view class="name">
+ <view class="l">
+ 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
+ </view>
+ <view class="r color3">
+ 寰呰瘎浠�
+ </view>
+ </view>
+ <view class="box">
+ <view class="l">
+ <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p>
+ <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
+ </view>
+ <view class="r">
+ 鍘绘煡鐪�
+ </view>
+ </view>
+ </view>
+ </view> -->
+ <view style="height: 150rpx;"></view>
<tabsCom :activeNumber.sync="activeNumber"></tabsCom>
</view>
@@ -77,6 +94,9 @@
<script>
import tabsCom from '@/qiye/components/bottom.vue'
+ import {
+ companyList
+ } from '@/api/qiye.js'
export default {
components: {
@@ -85,20 +105,94 @@
data() {
return {
activeNumber: 1,
- list1: [{
+ list: [{
name: '鍏ㄩ儴',
- }, {
- name: '寰呰瘎浠�',
+ value: {
+
+ }
}, {
name: '鏈墽娉�',
+ value: {
+ orderStatus: 2
+ }
}, {
+ name: '寰呯‘璁�',
+ value: {
+ orderStatus: 4
+ }
+ }, {
+ name: '寰呰瘎浠�',
+ value: {
+ isEva: 0,
+ orderStatus: 5
+ }
+ },{
name: '宸茶瘎浠�',
- }]
+ value: {
+ isEva: 1
+ }
+ }],
+ current: 0,
+ list1: [],
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ companyId: '',
+ },
+ total: 1,
}
},
+ onShow() {
+ this.list1 = []
+ this.queryParams.pageNum = 1
+ this.getList()
+ },
+ onReachBottom() {
+ if (this.list1.length == this.total) {
+ return
+ }
+ this.queryParams.pageNum++
+ this.getList()
+ },
methods: {
- click() {
+ chakan(id) {
+ uni.navigateTo({
+ url: `/qiye/record/details?id=${id}`
+ })
+ },
+ getList() {
+ uni.showLoading({
+ title: '鍔犺浇涓�...',
+ mask: true
+ })
+ let data = uni.getStorageSync("qiyedata")
+ this.queryParams.companyId = data.companyId
+ companyList({
+ ...this.queryParams,
+ ...this.list[this.current].value
+ }).then(val => {
+ this.total = val.data.total
+ this.list1 = [...this.list1, ...val.data.rows]
+ }).catch(err => {
+ uni.hideLoading()
+ })
+ },
+ click(i) {
+ this.list1 = []
+ this.queryParams.pageNum = 1
+ this.current = i.index
+ // console.log(i.index)
+ // if(i.index==1){
+ // this.queryParams.isEva = 0
+ // }
+ // if(i.index==2){
+ // this.queryParams.orderStatus = 2
+ // }
+ // if(i.index==3){
+ // this.queryParams.isEva = 1
+ // }
+ this.getList()
}
}
}
@@ -108,69 +202,81 @@
page {
background: #f4f4f4;
}
-</style>
-<style lang="scss" scoped>
-
- .item{
- background: #fff;
- border-radius: 5px;
- padding: 24rpx;
- box-sizing: border-box;
- margin: 20rpx 32rpx;
- display: flex;
- .img{
- width: 56rpx;
- height: 56rpx;
- }
- .right{
- width: 90%;
- .name{
- display: flex;
- justify-content: space-between;
- .l{
- color: #202d44;
- font-size: 32rpx;
- line-height: 44rpx;
- margin-bottom: 24rpx;
- width: 80%;
- }
- .r{
- font-size: 28rpx;
- width: 20%;
- text-align: right;
- }
- }
- .box{
- display: flex;
- justify-content: space-between;
- .l{
- font-size: 26rpx;
- color: #7e8593;
- max-width: 80%;
- }
- .r{
- width: 132rpx;
- height: 64rpx;
- line-height: 64rpx;
- border-radius: 5px;
- border: 1px solid #ABD2FF;
- background: #F0F8FF;
- color: #1171e0;
- text-align: center;
- font-size: 30rpx;
- }
- }
- }
- }
- .color1{
- color: #FE7B32;
- }
- .color2{
- color: #EB4746;
-
- }
- .color3{
- color: #3EB47A;
-
- }
+</style>
+<style lang="scss" scoped>
+ .item {
+ background: #fff;
+ border-radius: 5px;
+ padding: 24rpx;
+ box-sizing: border-box;
+ margin: 20rpx 32rpx;
+ display: flex;
+
+ .img {
+ width: 56rpx;
+ height: 56rpx;
+ }
+
+ .right {
+ width: 90%;
+
+ .name {
+ display: flex;
+ justify-content: space-between;
+
+ .l {
+ color: #202d44;
+ font-size: 32rpx;
+ line-height: 44rpx;
+ margin-bottom: 24rpx;
+ width: 80%;
+ }
+
+ .r {
+ font-size: 28rpx;
+ width: 20%;
+ text-align: right;
+ }
+ }
+
+ .box {
+ display: flex;
+ justify-content: space-between;
+
+ .l {
+ font-size: 26rpx;
+ color: #7e8593;
+ max-width: 80%;
+ }
+
+ .r {
+ width: 132rpx;
+ height: 64rpx;
+ line-height: 64rpx;
+ border-radius: 5px;
+ border: 1px solid #ABD2FF;
+ background: #F0F8FF;
+ color: #1171e0;
+ text-align: center;
+ font-size: 30rpx;
+ }
+ }
+ }
+ }
+
+ .color1 {
+ color: #FE7B32;
+ //cheng
+ }
+
+ .color2 {
+ color: #EB4746;
+
+ //hong
+ }
+
+ .color3 {
+ color: #3EB47A;
+ //lv
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1