.

root/metadata/dataList.html

@@ -52,8 +52,8 @@
         <table class="table table-bordered table-hover" style="width: 100%">
             <thead>
             <tr>
-                <th v-for="field in cfg.cols"
-                    v-text="field.label"
+                <th v-for="field in cfg.shows"
+                    v-text="getFieldLabel(field.col)"
                     :class="{'sort':field.order>0, 'sort-up':field.col==order.col && order.desc==1, 'sort-down':field.col==order.col && order.desc!=1}"
                     @click="sortEvent(field.col)"
                 >
@@ -63,13 +63,10 @@
             </thead>
             <tbody>
             <tr v-for="row in list.rows">
-                <td v-for="field in cfg.cols" v-title="dealField(row, field.col)" v-text="dealField(row, field.col)"></td>
+                <td v-for="field in cfg.shows" v-title="dealField(row, field.col)" v-text="dealField(row, field.col)"></td>
             </tr>
             </tbody>
         </table>
-        <div>
-            <p v-text="list['rows'][0]"></p>
-        </div>
     </div>
     <div>
         <ul class="pager pull-right" style="margin: 5px 10px">
@@ -100,7 +97,8 @@
         el:".data-list",
         data: {
             cfg:{
-                cols: [],
+                items:[],
+                shows: [],
                 filters: []
             },
             services:[],
@@ -175,6 +173,7 @@
                 };
 
                 getDataList(fbean, json => {
+                    console.log(json)
                     vm.list = json;
                 });
             },
@@ -244,7 +243,7 @@
                 } else if (bean[field] == "unknown") { //特殊值处理
                     str = "";
                 } else {
-                    str = bean[field] || "";
+                    str = bean[field.replace('$', '.')] || "";
                 }
 
                 return str;
@@ -257,7 +256,24 @@
                     vm.order.desc = 1;
                 }
                 vm.findList();
-            }
+            },
+            getFieldLabel: function (col) {
+                if (!col) {
+                    return "";
+                }
+
+                var items = this.cfg.items[col.split("$")[0]];
+                if (items) {
+                    return items[col.split("$")[1]]['label']
+                    /*for (var i = 0; i < items.items.length; i++) {
+                        if (tableInfo.items[i].name == col.split("$")[1]) {
+                            return tableInfo.items[i].label;
+                        }
+                    }*/
+
+                }
+                return '';
+            },
         },
         mounted() {
             this.serviceList();