bug

jiangping

2023-11-07 64b432916af9c9218ab3f3eca614e26c542142ae

 minipro_standard/components/InOutInfo.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,82 @@
<template>
   <view class="p30 bg_w f26 info-style">
      <view v-if="isOut" class="cm b f32">计划出库日期：{{ info.outPlandate }}</view>
      <view v-else class="cm b f32">计划入库日期：{{ info.inPlandate || info.planDate }}</view>
      <view class="c2 mt25">
         <text class="c6">来源类型：</text>
         {{ typeTstr(info.originType) }}
      </view>
      <view class="c2 mt25">
         <text class="c6">来源单号：</text>
         {{ info.originCode || '-' }}
      </view>
      <view class="c2 mt25">
         <text class="c6">申请人员：</text>
         {{ info.userName ? (info.userName + '/' + info.userDepartName) : (info.inUserName + '/' + info.inDepartName) }}
      </view>
      <view v-if="isOut" class="c2 mt25">
         <text class="c6">入库接收人：</text>
         {{ info.originCode || '-' }}
      </view>
      <view class="c2 mt25">
         <text class="c6">申请时间：</text>
         {{ info.createTime || '-' }}
      </view>
      <view v-if="info.remark" class="rd15 ptb25 plr25 bg_f7 mt25">
         <view class="f26 b c2">备注：</view>
         <view class="mt20">
            <u-read-more :showHeight="60" :toggle="true" textIndent="0" closeText="展开" :shadowStyle="shadowStyle">
               <rich-text :nodes="info.remark"></rich-text>
               <!-- {{ info.remark }} -->
            </u-read-more>
         </view>
      </view>
   </view>
</template>

<script>
   export default {
      name:"InOutInfo",
      props: {
         isOut: {
            type: Boolean,
            default: true
         },
         info: {
            type: Object,
            default: () => {}
         }
      },
      data() {
         return {
            types: [
               { name: '全部', id: '' },
               { name: '采购订单', id: '0' },
               { name: '生产工单', id: '1' },
               { name: '销售订单', id: '2' },
               { name: '转库单', id: '3'  },
               { name: '盘点单', id: '4'  },
            ],
            shadowStyle: {
               backgroundImage: "linear-gradient(to top, #f7f7f7, rgba(247, 247, 247, 0.5))",
               paddingTop: "50rpx",
               marginTop: "-50rpx",
               justifyContent: 'flex-end',
               colors: '#333',
            }
         };
      },
      methods: {
         typeTstr(type) {
            let temp = this.types.find(item => item.id == type)
            return temp ? temp.name : '-'
         }
      }
   }
</script>

<style lang="scss">
.info-style {
   border-bottom: 20rpx #f7f7f7 solid;
}
</style>