Browse Source

日计划导主子明细更新

master
gaojs 5 months ago
parent
commit
6cdcea5ca1
  1. 6
      src/pages.json
  2. 92
      src/pages/mes/orderDayPlan/detail.vue
  3. 88
      src/pages/mes/orderDayPlan/orderDayPlan.vue

6
src/pages.json

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

92
src/pages/mes/orderDayPlan/detail.vue

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

88
src/pages/mes/orderDayPlan/orderDayPlan.vue

@ -3,21 +3,26 @@
<view class="list">
<view>
<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"
@change="tabsChange" :is-scroll="false">
</u-subsection>
<!-- <u-tabs-swiper ref="tabs1" :list="list1" :current="current" @change="tabsChange" :is-scroll="false"
swiperWidth="750"></u-tabs-swiper> -->
</view>
<view class="item" v-for="(item, index) in list" :key="index" @click="openDetail(item)">
<view class="title">
<view class="title-txt">
{{item.planNoDay}}
</view>
<view class="time">
{{`${$time.formatDate(item.createTime)}`}}
</view>
</view>
<view class="dec">
<view>日计划单号</view>
<view>{{ item.planNoDay }}</view>
<view>日计划单号</view><view>{{ item.planNoDay }}</view>
</view>
<view class="dec">
<view>产品批次码</view>
<view>{{ item.batchCode }}</view>
<view>产品批次码</view><view>{{ item.batchCode }}</view>
</view>
<view class="dec">
<view>状态</view>
@ -33,31 +38,8 @@
</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;">
<u-loadmore :status="status" v-if="status != 'loadmore'"/>
<u-loadmore :status="status" v-if="status != 'loadmore'" />
</view>
</view>
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view>
@ -220,52 +202,43 @@ async function searchTable() {
</script>
<style lang="scss" scoped>
.container {
.container{
background: #f5f5f5;
min-height: 100vh;
}
.list {
}
.list {
background: #f5f5f5;
margin-top: 20 rpx;
margin-top: 20rpx;
.item {
padding: 30 rpx 30 rpx 0px 30 rpx;
margin-top: 20 rpx;
padding: 30rpx 30rpx 0px 30rpx;
margin-top: 20rpx;
background: white;
position: relative;
.title {
display: flex;
align-items: center;
padding-bottom: 20 rpx;
padding-bottom: 20rpx;
.title-txt {
color: #409eff;
font-weight: bold;
font-size: 36 rpx;
font-size: 36rpx;
width: 0px;
flex: 1;
word-wrap: break-word;
}
.time {
color: #919191;
}
}
.dec {
padding-bottom: 20 rpx;
padding-bottom: 20rpx;
display: flex;
align-items: center;
view {
&:nth-child(1) {
width: 200 rpx;;
&:nth-child(1){
width: 200rpx;;
}
&:nth-child(2) {
&:nth-child(2){
color: #999999;
flex: 1;
width: 0px;
@ -273,20 +246,17 @@ async function searchTable() {
}
}
}
.last {
padding-bottom: 30 rpx;
padding-bottom: 30rpx;
}
.bottom {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #E4E4E4;
padding: 20 rpx 0px;
height: 90 rpx;
padding: 20rpx 0px;
height: 90rpx;
}
}
}
}
</style>
Loading…
Cancel
Save