#

whycq

2023-10-07 e3a9edfa7a5fe7be708eaf84ea534bbde700d1e0

 pages/common/data-list/dataDetail.vue

@@ -1,20 +1,48 @@
<template>
   <view>
      <view class="main" v-for="(it,i) in dataList" :key="i">
         <view class="main-left">{{it.key}}</view>
			
         <view class="main-right" 
            v-show="!it.type">
               {{it.value}}
         </view>
			
         <input class="main-right" 
            v-show="it.type == 'input'" 
            type="text" 
            v-model="it.value"
         >
         <view class="main-right dis-center" v-show="it.type == 'number-box'" @click="numChange(i)">
            <uni-number-box
               color="#747474" 
               v-show="it.type == 'number-box'" 
               :value="it.value" 
               :max="99999999" 
               :step='1' 
               @change="changeValue" 
            />
         </view>
			
      </view>
		
      <button @click="back">back</button>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            mat: {
               matnr: null,
               maktx: null,
               specs: null,
               batch: null,
               orderNo: null,
               anfme: 0,
            },
            dataList: [
               {key: '商品编码',value: 'fbr3dasdasd242fbr3dasdasd242fbr3dasdasd242fbr3dasdasd242fbr2'},
               {key: '批号',value: '20231006',type: 'input'},
               {key: '数量',value: 200,type: 'number-box'},
            ],
            baseIP:'',
            basePORT:'',
            index: 0,
            val: 0,
         }
      },
      onLoad(option) {
@@ -28,14 +56,20 @@
         
         // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
         eventChannel.on('mat', function(data) {
            console.log(data);
            that.dataList = data.data
         })
         
         
      },
      methods: {
         numChange(i) {
            this.dataList[i].value = this.val
         },
         changeValue(value) {
            this.val = value
         },
         back() {
            this.getOpenerEventChannel().emit('matList', {data: this.mat});
            this.getOpenerEventChannel().emit('dataList', {data: this.dataList});
            uni.navigateBack({
               
            })
@@ -44,5 +78,29 @@
   }
</script>

<style>
<style scoped> 
   .main {
      display: flex;
      border-bottom: 1px solid #333;
      min-height: 70rpx;
      align-items: center;
      margin-left: 8px;
      padding: 8rpx;
   }
   .main-left {
      width: 140rpx;
      text-align: right;
   }
   .main-right {
      flex: 1;
      background-color: aquamarine;
      margin-left: 8rpx;
      display: flex;
      flex-wrap: wrap;
      /* word-wrap: break-word; */
      word-break: break-all;
   }
   .dis-center {
      justify-content: center;
   }
</style>