|  |  |  | 
|---|
|  |  |  | <view class="main"> | 
|---|
|  |  |  | <view class="main-left" > | 
|---|
|  |  |  | <view class="main-list" v-for="it in list" style="width: 100%;"> | 
|---|
|  |  |  | <view class="left-key">{{it.key}}</view> | 
|---|
|  |  |  | <view class="left-key">{{it.label}}</view> | 
|---|
|  |  |  | <view>:</view> | 
|---|
|  |  |  | <view class="left-val"> | 
|---|
|  |  |  | <text :class="it.valText">{{it.value}}</text> | 
|---|
|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <view> | 
|---|
|  |  |  | <view class="head"> | 
|---|
|  |  |  | <z-input v-for="it in page" | 
|---|
|  |  |  | <z-input v-for="it in input" | 
|---|
|  |  |  | :desc="it.title" | 
|---|
|  |  |  | :name="it.name" | 
|---|
|  |  |  | :btn="it.btn" | 
|---|
|  |  |  | 
|---|
|  |  |  | <z-data-list class="data-list" | 
|---|
|  |  |  | v-for="(it,i) in zDataList" | 
|---|
|  |  |  | :key="i" | 
|---|
|  |  |  | :list="it.detl" | 
|---|
|  |  |  | :list="list" | 
|---|
|  |  |  | :index="i+1" | 
|---|
|  |  |  | @goDetail='goDetail(it.detl,i)' | 
|---|
|  |  |  | ></z-data-list> | 
|---|
|  |  |  | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | list: [ | 
|---|
|  |  |  | {} | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | // list: [ | 
|---|
|  |  |  | //     {} | 
|---|
|  |  |  | // ] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onShow() { | 
|---|
|  |  |  | console.log(this.page); | 
|---|
|  |  |  | // console.log(this.page); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | computed: mapState({ | 
|---|
|  |  |  | page: state => state.project.menu[0].page.input | 
|---|
|  |  |  | input: state => state.project.menu[0].page.input, | 
|---|
|  |  |  | list: state => state.project.menu[0].page.list | 
|---|
|  |  |  | }), | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | input2(arr) { | 
|---|
|  |  |  | 
|---|
|  |  |  | {"id":1,"name": "barcode","title": "托盘码","val": "2","lenCheck": 8,"focus": true}, | 
|---|
|  |  |  | {"id":2,"name": "matnr","title": "物料码","val": "2","btn": true,"btnName": "提取","focus": true} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | "list": {} | 
|---|
|  |  |  | "list": [ | 
|---|
|  |  |  | {"label": "商品码","value": "fbr3242","valText": "val-text"}, | 
|---|
|  |  |  | {"label": "商品名称","value": "fbr3242"}, | 
|---|
|  |  |  | {"label": "规格","value": "fbr3242"}, | 
|---|
|  |  |  | {"label": "批号","value": "fbr3242"}, | 
|---|
|  |  |  | {"label": "数量","value": 9999,"type": "number-box","valText": "val-num"} | 
|---|
|  |  |  | ] | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|