sfms3.0
/
sfms3.0-uniapp3
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

日计划导主子明细更新

master
gaojs 7 months ago
parent
dad70264e2
commit
6cdcea5ca1
3 changed files with 252 additions and 276 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      src/pages.json
  2. 348
      src/pages/mes/orderDayPlan/detail.vue
  3. 174
      src/pages/mes/orderDayPlan/orderDayPlan.vue

6
src/pages.json
View File

@ -1901,6 +1901,12 @@
"navigationBarTitleText": "日计划查询", "navigationBarTitleText": "日计划查询",
"enablePullDownRefresh": true "enablePullDownRefresh": true
} }
},{
"path": "pages/mes/orderDayPlan/detail",
"style": {
"navigationBarTitleText": "日计划查询明细",
"enablePullDownRefresh": true
}
} }

348
src/pages/mes/orderDayPlan/detail.vue
View File

@ -185,178 +185,178 @@ onShow(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-container { .detail-container {
min-height: 100vh; min-height: 100vh;
background: white; background: white;
} }
.line { .line {
background: #f5f5f5; background: #f5f5f5;
height: 20 rpx; height: 20rpx;
} }
.info { .info {
background: white; background: white;
} }
.tab { .tab {
border-bottom: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20 rpx 30 rpx; padding: 20rpx 30rpx;
border-bottom: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;
view { view {
&:nth-child(1) { &:nth-child(1) {
flex: 1; flex: 1;
border-left: 10 rpx solid #409eff; border-left: 10rpx solid #409eff;
padding-left: 20 rpx; padding-left: 20rpx;
font-weight: bold; font-weight: bold;
} }
} }
} }
.dec { .dec {
padding: 30 rpx; padding: 30rpx;
.dec-item { .dec-item {
padding-bottom: 30 rpx; padding-bottom: 30rpx;
display: flex; display: flex;
view { view {
&:nth-child(1) { &:nth-child(1) {
width: 200 rpx; width: 200rpx;
} }
&:nth-child(2) { &:nth-child(2) {
color: #888888; color: #888888;
flex: 1; flex: 1;
width: 0px; width: 0px;
word-wrap: break-word; word-wrap: break-word;
} }
} }
} }
} }
.dec2 { .dec2 {
padding: 10 rpx 30 rpx; padding: 10rpx 30rpx;
display: flex; display: flex;
view { view {
&:nth-child(1) { &:nth-child(1) {
width: 180 rpx; width: 180rpx;
} }
&:nth-child(2) { &:nth-child(2) {
color: #888888; color: #888888;
flex: 1; flex: 1;
width: 0px; width: 0px;
word-wrap: break-word; word-wrap: break-word;
} }
} }
} }
.items { .items {
border-radius: 12 rpx; border-radius: 12rpx;
background: #F5F5F5; background: #F5F5F5;
padding-bottom: 20 rpx; padding-bottom: 20rpx;
.items-name { .items-name {
padding: 20 rpx; padding: 20rpx;
border-bottom: 1px solid #dedede; border-bottom: 1px solid #dedede;
} }
.items-dec { .items-dec {
padding: 0px 20 rpx; padding: 0px 20rpx;
margin-top: 20 rpx; margin-top: 20rpx;
} }
} }
.list { .list {
padding: 20 rpx; padding: 20rpx;
.item { .item {
display: flex; display: flex;
margin-bottom: 20 rpx; margin-bottom: 20rpx;
.item-box { .item-box {
border-radius: 12 rpx; border-radius: 12rpx;
border: 1px solid #dedede; border: 1px solid #dedede;
border-radius: 12 rpx; border-radius: 12rpx;
flex: 1; flex: 1;
width: 0 rpx; width: 0rpx;
} }
.spare-title { .spare-title {
padding: 20 rpx 30 rpx; padding: 20rpx 30rpx;
border-bottom: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;
display: flex; display: flex;
.title-txt { .title-txt {
color: #409eff; color: #409eff;
font-size: 30 rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
flex: 1; flex: 1;
} }
} }
.dec { .dec {
color: #9c9c9c; color: #9c9c9c;
padding: 0 rpx 30 rpx 20 rpx; padding: 0rpx 30rpx 20rpx;
} }
} }
} }
.add-btn { .add-btn {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.footer { .footer {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;
z-index: 22; z-index: 22;
} }
.btns { .btns {
display: flex; display: flex;
button { button {
flex: 1; flex: 1;
} }
.sure { .sure {
background: #409eff; background: #409eff;
color: white; color: white;
border-radius: 0px; border-radius: 0px;
&::after { &::after {
border: 1px solid #409eff; border: 1px solid #409eff;
border-radius: 0px; border-radius: 0px;
} }
} }
.reset { .reset {
background: #F5F5F5; background: #F5F5F5;
border-radius: 0px; border-radius: 0px;
&::after { &::after {
border-radius: 0px; border-radius: 0px;
} }
} }
} }
</style> </style>

174
src/pages/mes/orderDayPlan/orderDayPlan.vue
View File

@ -1,23 +1,28 @@
<template> <template>
<view class="container"> <view class="container">
<view class="list"> <view class="list">
<view> <view>
<u-search :show-action="true" v-model="searchValue" action-text="搜索" input-align="left" height="65" <u-search :show-action="true" v-model="searchValue" action-text="搜索" input-align="left" height="65"
border-color=#ff9900 @search="searchTable()"></u-search> border-color=#ff9900 @search="searchTable()">
</u-search>
<u-subsection :animation="true" active-color="#ff9900" ref="tabs1" :list="list1" :current="current" <u-subsection :animation="true" active-color="#ff9900" ref="tabs1" :list="list1" :current="current"
@change="tabsChange" :is-scroll="false"> @change="tabsChange" :is-scroll="false">
</u-subsection> </u-subsection>
<!-- <u-tabs-swiper ref="tabs1" :list="list1" :current="current" @change="tabsChange" :is-scroll="false"
swiperWidth="750"></u-tabs-swiper> -->
</view> </view>
<view class="item" v-for="(item, index) in list" :key="index" @click="openDetail(item)"> <view class="item" v-for="(item, index) in list" :key="index" @click="openDetail(item)">
<view class="dec"> <view class="title">
<view>日计划单号：</view> <view class="title-txt">
<view>{{ item.planNoDay }}</view> {{item.planNoDay}}
</view>
<view class="time">
{{`${$time.formatDate(item.createTime)}`}}
</view>
</view>
<view class="dec">
<view>日计划单号：</view><view>{{ item.planNoDay }}</view>
</view> </view>
<view class="dec"> <view class="dec">
<view>产品批次码：</view> <view>产品批次码：</view><view>{{ item.batchCode }}</view>
<view>{{ item.batchCode }}</view>
</view> </view>
<view class="dec"> <view class="dec">
<view>状态：</view> <view>状态：</view>
@ -33,31 +38,8 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="item" v-for="(item,index) in list" :key="index" @click="openDetail(item)">
<view class="dec">
<view>日计划单号：</view>
<view>{{item.planNoDay}}</view>
</view>
<view class="dec">
<view>产品批次码：</view>
<view>{{item.batchCode}}</view>
</view>
<view class="dec">
<view>状态：</view>
<view>
<u-tag text="待排产" v-if="item.status==1" bg-color='rgba(255,255,255,0)' color='#fe8463'
border-color='#fe8463' type="primary" shape='circle' />
<u-tag text="已发布" v-if="item.status==2" bg-color='rgba(255,255,255,0)' color='#fe8463'
border-color='#fe8463' type="primary" shape='circle' />
<u-tag text="生产中" v-if="item.status==3" bg-color='rgba(255,255,255,0)' color='#fe8463'
border-color='#fe8463' type="primary" shape='circle' />
<u-tag text="已终止" v-if="item.status==4" bg-color='rgba(255,255,255,0)' color='#fe8463'
border-color='#fe8463' type="primary" shape='circle' />
</view>
</view>
</view> -->
<view style="height: 94rpx;padding-top: 30rpx;"> <view style="height: 94rpx;padding-top: 30rpx;">
<u-loadmore :status="status" v-if="status != 'loadmore'"/> <u-loadmore :status="status" v-if="status != 'loadmore'" />
</view> </view>
</view> </view>
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> <view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view>
@ -220,73 +202,61 @@ async function searchTable() {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container{
background: #f5f5f5; background: #f5f5f5;
min-height: 100vh; min-height: 100vh;
} }
.list {
.list { background: #f5f5f5;
background: #f5f5f5; margin-top: 20rpx;
margin-top: 20 rpx; .item {
padding: 30rpx 30rpx 0px 30rpx;
.item { margin-top: 20rpx;
padding: 30 rpx 30 rpx 0px 30 rpx; background: white;
margin-top: 20 rpx; position: relative;
background: white; .title {
position: relative; display: flex;
align-items: center;
.title { padding-bottom: 20rpx;
display: flex; .title-txt {
align-items: center; color: #409eff;
padding-bottom: 20 rpx; font-weight: bold;
font-size: 36rpx;
.title-txt { width: 0px;
color: #409eff; flex: 1;
font-weight: bold; word-wrap: break-word;
font-size: 36 rpx; }
width: 0px; .time {
flex: 1; color: #919191;
word-wrap: break-word; }
} }
.dec {
.time { padding-bottom: 20rpx;
color: #919191; display: flex;
align-items: center;
} view {
} &:nth-child(1){
width: 200rpx;;
.dec { }
padding-bottom: 20 rpx; &:nth-child(2){
display: flex; color: #999999;
align-items: center; flex: 1;
width: 0px;
view { word-wrap: break-word;
&:nth-child(1) { }
width: 200 rpx;; }
} }
.last {
&:nth-child(2) { padding-bottom: 30rpx;
color: #999999; }
flex: 1; .bottom {
width: 0px; display: flex;
word-wrap: break-word; justify-content: space-between;
} align-items: center;
} border-top: 1px solid #E4E4E4;
} padding: 20rpx 0px;
height: 90rpx;
.last { }
padding-bottom: 30 rpx; }
} }
.bottom {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #E4E4E4;
padding: 20 rpx 0px;
height: 90 rpx;
}
}
}
</style> </style>
Write Preview
Loading…
Cancel
Save