添加工作量查看页面, 附件显示优化
This commit is contained in:
10
miniprogram/pages/base/workload/workload.json
Normal file
10
miniprogram/pages/base/workload/workload.json
Normal file
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"card-plugin": "/pages/components/card-plugin/card-plugin",
|
||||
"card-item-plugin": "/pages/components/card-item-plugin/card-item-plugin",
|
||||
"total-bar-plugin": "/pages/components/total-bar-plugin/total-bar-plugin",
|
||||
"t-cell": "tdesign-miniprogram/cell/cell"
|
||||
},
|
||||
"navigationBarTitleText": "工作量查看",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
98
miniprogram/pages/base/workload/workload.ts
Normal file
98
miniprogram/pages/base/workload/workload.ts
Normal file
@@ -0,0 +1,98 @@
|
||||
import { loginStatusPage, post } from '@/utils/https';
|
||||
import { toArray, toNumber } from '@/utils/util';
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
process_count: [] as any[],
|
||||
seven_process_count: [] as any[],
|
||||
isLogin: false,
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.getList();
|
||||
},
|
||||
|
||||
getList() {
|
||||
post('Index/index')
|
||||
.then((res: any) => {
|
||||
const process_count = toArray(res.process_count).filter((el) => {
|
||||
el.count = toNumber(el.count);
|
||||
return el.count > 0;
|
||||
});
|
||||
const arr = toArray(res.seven_process_count).filter((el) => {
|
||||
el.count = toNumber(el.count);
|
||||
return el.count > 0;
|
||||
});
|
||||
|
||||
const map = new Map<string, any>();
|
||||
arr.forEach((el) => {
|
||||
if (!map.has(el.date)) {
|
||||
map.set(el.date, []);
|
||||
}
|
||||
map.get(el.date).push(el);
|
||||
});
|
||||
// console.log([...map.values()]);
|
||||
this.setData({
|
||||
seven_process_count: [...map.values()],
|
||||
process_count: process_count,
|
||||
});
|
||||
})
|
||||
.finally(() => {
|
||||
wx.stopPullDownRefresh();
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
loginStatusPage(this);
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
if (this.data.isLogin) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
51
miniprogram/pages/base/workload/workload.wxml
Normal file
51
miniprogram/pages/base/workload/workload.wxml
Normal file
@@ -0,0 +1,51 @@
|
||||
<page-plugin isAuth="{{true}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin">
|
||||
<t-cell title="今日完成工作量" left-icon="chart-bar"
|
||||
custom-style="position: sticky;top: 0;z-index:1;margin-bottom: 24rpx;padding-left: 0" />
|
||||
|
||||
<empty-plugin wx:if="{{process_count.length == 0}}" />
|
||||
<block wx:else>
|
||||
<view class="process_count_th">
|
||||
<view class="process_count_td1">流程工序</view>
|
||||
<view class="process_count_td2">数量</view>
|
||||
</view>
|
||||
<view wx:for="{{process_count}}" class="process_count_tr" wx:key="index">
|
||||
<view class="process_count_td1">
|
||||
{{item.p_process_name}}-{{item.c_process_name}}
|
||||
</view>
|
||||
<view class="process_count_td2">{{item.count}}</view>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<t-cell title="7日完成工作量" left-icon="chart-line-multi"
|
||||
custom-style="position: sticky;top: 0;z-index:1;margin-bottom: 24rpx;margin-top: 24rpx;padding-left: 0" />
|
||||
<empty-plugin wx:if="{{seven_process_count.length == 0}}" />
|
||||
<block wx:else>
|
||||
<card-plugin wx:for="{{seven_process_count}}" wx:key="index" showAll="1"
|
||||
contentStyle="padding-left: 16rpx;padding-right: 16rpx;">
|
||||
<view slot="header">{{ item[0].date }}</view>
|
||||
<view slot="content">
|
||||
|
||||
<view wx:for="{{item}}" class="seven_process_tr" wx:key="index">
|
||||
<view class="seven_process_count_td1">
|
||||
{{item.p_process_name}}-{{item.c_process_name}}
|
||||
</view>
|
||||
<view class="seven_process_count_td2">{{item.count}}</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- <view class="process_count_th">
|
||||
<view class="process_count_td1">流程工序</view>
|
||||
<view class="process_count_td2">数量</view>
|
||||
</view>
|
||||
<view wx:for="{{item}}" class="process_count_tr" wx:key="index">
|
||||
<view class="process_count_td1">
|
||||
{{item.p_process_name}}-{{item.c_process_name}}
|
||||
</view>
|
||||
<view class="process_count_td2">{{item.count}}</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</card-plugin>
|
||||
</block>
|
||||
</page-plugin>
|
||||
47
miniprogram/pages/base/workload/workload.wxss
Normal file
47
miniprogram/pages/base/workload/workload.wxss
Normal file
@@ -0,0 +1,47 @@
|
||||
.process_count_th,
|
||||
.process_count_tr {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.process_count_td1,
|
||||
.process_count_td2 {
|
||||
border-left: 1rpx solid #ddd;
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
padding: 8rpx 12rpx;
|
||||
word-break: break-all;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.process_count_th .process_count_td1,
|
||||
.process_count_th .process_count_td2 {
|
||||
border-top: 1rpx solid #ddd;
|
||||
}
|
||||
|
||||
.process_count_td1 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.process_count_td2 {
|
||||
width: 5em;
|
||||
flex-shrink: 0;
|
||||
border-right: 1rpx solid #ddd;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.seven_process_tr {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
column-gap: 16rpx;
|
||||
line-height: 1.57;
|
||||
}
|
||||
|
||||
.seven_process_count_td1 {
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.seven_process_count_td2 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -14,10 +14,10 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" /> -->
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -14,10 +14,10 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" /> -->
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -14,10 +14,10 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" /> -->
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -48,6 +48,7 @@ Page({
|
||||
今日采购订单: '/pages/purchase/buyOrder/buyOrder?type=today',
|
||||
今日采购入库: '/pages/purchase/buyInOrder/buyInOrder?type=today',
|
||||
今日原料出库单: '/pages/other/outbound/outbound?type=today',
|
||||
工作量查看: '/pages/base/workload/workload',
|
||||
} as any,
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
@@ -86,7 +87,7 @@ Page({
|
||||
post('Index/index', {}).then((res: any) => {
|
||||
const block = toArray(res?.block);
|
||||
if (block.length % 2 != 0) {
|
||||
block.push({ value: '', name: '敬请期待', unit: '' });
|
||||
block.push({ value: '', name: '工作量查看', unit: '' });
|
||||
}
|
||||
this.setData({ block });
|
||||
});
|
||||
|
||||
@@ -19,11 +19,11 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" />
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}">
|
||||
|
||||
@@ -12,10 +12,10 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" />
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -12,11 +12,11 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" /> -->
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -16,11 +16,11 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" />
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -16,10 +16,10 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" />
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -16,11 +16,11 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" />
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}" />
|
||||
|
||||
@@ -11,10 +11,10 @@
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;" arrow
|
||||
bind:tap="onPreview2" /> -->
|
||||
|
||||
<t-cell title="附件" left-icon="file"
|
||||
<t-cell wx:if="{{files.length}}" title="附件" left-icon="file"
|
||||
custom-style="padding-left:0;padding-right:0;position: sticky;top: 0;z-index:1"
|
||||
bordered="{{false}}" />
|
||||
<view style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<view wx:if="{{files.length}}" style="border: 1px solid #ddd;border-radius: 8rpx;padding: 8rpx;">
|
||||
<block wx:for="{{files}}" wx:key="index">
|
||||
<t-cell title="{{item.file_name}}" hover="{{item._file_type != 'file'}}"
|
||||
arrow="{{item._file_type != 'file'}}" bind:tap="onPreview" data-index="{{index}}">
|
||||
|
||||
Reference in New Issue
Block a user