纸板小程序：订单/送货单：列表与详情功能
This commit is contained in:
@@ -0,0 +1,148 @@
|
||||
<!--index.wxml-->
|
||||
<navigation-bar title="纸板订单" back="{{false}}" color="white" background="#c5140a"></navigation-bar>
|
||||
<view class="page-container">
|
||||
<view class="sreach_module">
|
||||
<view class="sreach_input_warp">
|
||||
<view class="input_view">
|
||||
<t-input
|
||||
class="{{search_input_focus?'input_focus':''}}"
|
||||
value="{{searchTxt}}"
|
||||
placeholder-style="color: #9da4b0"
|
||||
placeholder="纸质/切长/备注"
|
||||
bind:change="handleSearchTxtChange"
|
||||
cursor-spacing="30"
|
||||
prefixIcon="search"
|
||||
bind:focus="inputFocus"
|
||||
bind:blur="inputBlur"
|
||||
style="border-radius: 200rpx;height: 25rpx;background-color: #f9fafb;padding-right: 20rpx;border: 1px solid #ffffff;"
|
||||
>
|
||||
<t-button bind:tap="getOrderList" slot="extra" theme="danger" size="extra-small" style="background-color: #c5140a; border-radius: 200px;width: 120rpx;"> 搜索 </t-button>
|
||||
</t-input>
|
||||
</view>
|
||||
<view class="custon_status">
|
||||
<view class="custom_view">
|
||||
<t-icon name="user-business-filled" size="40rpx" style="color: #c5140a; position: relative; left: 10rpx;"></t-icon>
|
||||
<view class="custom_name">
|
||||
<t-dropdown-menu class="{{isCust?'custom_name_drop':''}}">
|
||||
<t-dropdown-item
|
||||
options="{{customerList}}"
|
||||
placement="right"
|
||||
disabled="{{isCust}}"
|
||||
value="{{customerId}}"
|
||||
bindchange="onCustChange"
|
||||
/>
|
||||
</t-dropdown-menu>
|
||||
</view>
|
||||
</view>
|
||||
<view class="status_view">
|
||||
<t-dropdown-menu>
|
||||
<t-dropdown-item options="{{statusOptions}}" placement="right" value="{{status}}" bindchange="onChange" />
|
||||
</t-dropdown-menu>
|
||||
</view>
|
||||
</view>
|
||||
<view class="date">
|
||||
<view class="date_s date_item">
|
||||
<view class="date_label">起始日期</view>
|
||||
<view class="date_input">
|
||||
<t-input
|
||||
value="{{s_date}}"
|
||||
data-field="s_date"
|
||||
placeholder-style="color: #b7b7b7;font-size: 26rpx;"
|
||||
placeholder="请选择日期"
|
||||
cursor-spacing="30"
|
||||
readonly="{{true}}"
|
||||
bind:tap="showPicker"
|
||||
style="border-radius: 20rpx;height: 20rpx;background-color: #f9fafb;padding: 20rpx 30rpx;"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="date_e date_item">
|
||||
<view class="date_label">终止日期</view>
|
||||
<view class="date_input">
|
||||
<t-input
|
||||
value="{{e_date}}"
|
||||
data-field="e_date"
|
||||
placeholder-style="color: #b7b7b7;font-size: 26rpx;"
|
||||
placeholder="请选择日期"
|
||||
cursor-spacing="30"
|
||||
readonly="{{true}}"
|
||||
bind:tap="showPicker"
|
||||
style="border-radius: 20rpx;height: 20rpx;background-color: #f9fafb;padding: 20rpx 30rpx;"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="show_btn {{showCount?'show_btn_hide':''}}" bind:tap="showCount">显示统计</view>
|
||||
<view class="count {{showCount?'':'hide_count_view'}}">
|
||||
<view style="display: flex;justify-content: space-between;padding-top: 10rpx;">
|
||||
<view class="stock">
|
||||
<view class="title">总数量</view>
|
||||
<view class="value">{{totalData.TotalNum}}</view>
|
||||
</view>
|
||||
<view class="stock">
|
||||
<view class="title">未入库</view>
|
||||
<view class="value">{{totalData.TotalUnNum}}</view>
|
||||
</view>
|
||||
<view class="stock">
|
||||
<view class="title">已入库</view>
|
||||
<view class="value">{{totalData.TotalInNum}}</view>
|
||||
</view>
|
||||
<view class="poduce">
|
||||
<view class="title">已送货</view>
|
||||
<view class="value">{{totalData.TotalDeliNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="display: flex;justify-content: space-between; margin-top: 20rpx;">
|
||||
<view class="stock">
|
||||
<view class="title">总价格</view>
|
||||
<view class="value">{{totalData.TotalMoney}}</view>
|
||||
</view>
|
||||
<view class="poduce">
|
||||
<view class="title">总面积</view>
|
||||
<view class="value">{{totalData.TotalSquaNum}}㎡/{{totalData.TotalCubicVolume}}m³</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hide_btn" bind:tap="hideCount">隐藏</view>
|
||||
</view>
|
||||
<view class="content_warp">
|
||||
<scroll-view class="data_list" style="height: {{showCount?'calc(100vh - 670rpx);':'calc(100vh - 510rpx);'}}"
|
||||
scroll-y="{{list.length != 0}}" bindscrolltolower="onScrollToLower" lower-threshold="100">
|
||||
<view class="data_item" wx:for="{{list}}" wx:key="id" data-id="{{item.id}}" bind:tap="toOrderDetail">
|
||||
<view class="item_code">
|
||||
<view class="code">{{'订单编号：'+item.code}}</view>
|
||||
<view class="status" style="color: {{statusColorMap[item.productionstatus]}}; background-color: {{statusColorMap[item.productionstatus] + '20'}}">{{item.productionstatus}}</view>
|
||||
</view>
|
||||
<view class="item_material">{{'纸质：' + item.paper + '('+ item.corrugatedtype +')'}}</view>
|
||||
<view class="item_spec">{{'规格：' + item.wide + ' x ' + item.long +' = ' + item.totalnum + ' 片 ' + '平方数：' + item.squaNum + 'm³' }}</view>
|
||||
<view class="item_line">{{'压线：' + '(' + (item.linetype?item.linetype:'开') + ')' + item.line}}</view>
|
||||
<view class="item_details">
|
||||
{{'明细：' + '未入库: ' + item.unnum}}
|
||||
<text>{{'已入库: ' + item.innum}}</text>
|
||||
<text>{{'已送货: ' + item.delinum}}</text>
|
||||
</view>
|
||||
<view class="remark">{{'备注：' + item.remark}}</view>
|
||||
<view class="time">{{item.createtime}}</view>
|
||||
</view>
|
||||
<view class="not_data" wx:if="{{list.length == 0}}" >
|
||||
<image src="../../assets/images/not_data.png" mode="widthFix" style="width: 400rpx"/>
|
||||
<view class="text">暂无订单数据</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="piker">
|
||||
<t-date-time-picker
|
||||
visible="{{sDateVisible}}"
|
||||
title=""
|
||||
value="{{date_field == 's_date'?s_date:e_date}}"
|
||||
mode="date"
|
||||
format="YYYY-MM-DD"
|
||||
bindconfirm="onConfirm"
|
||||
bindcancel="onCancel"
|
||||
confirm-btn="确认"
|
||||
cancel-btn="取消"
|
||||
start="{{'1900-01-01'}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user