|
@@ -31,7 +31,80 @@
|
|
|
<Button type="primary" @click="initData(searchData)">搜索</Button>
|
|
|
</FormItem>
|
|
|
</Form>
|
|
|
- <Table :data='tableData' :columns='SetTableColumns' border max-height='550'></Table>
|
|
|
+ <!-- <Table :data='tableData' :columns='SetTableColumns' border max-height='550'></Table> -->
|
|
|
+ <u-table
|
|
|
+ :data="tableData"
|
|
|
+ :max-height='height'
|
|
|
+ border
|
|
|
+ v-loading='loading'
|
|
|
+ :show-overflow-tooltip='true'
|
|
|
+ use-virtual
|
|
|
+ showBodyOverflow="title"
|
|
|
+ showHeaderOverflow="title"
|
|
|
+ :row-height="rowHeight"
|
|
|
+ >
|
|
|
+ <u-table-column
|
|
|
+ prop="url_number"
|
|
|
+ label="图号"
|
|
|
+ align='center'
|
|
|
+ minWidth="100">
|
|
|
+ </u-table-column>
|
|
|
+ <u-table-column
|
|
|
+ prop="layer"
|
|
|
+ label="区域"
|
|
|
+ align='center'
|
|
|
+ minWidth="100">
|
|
|
+ </u-table-column>
|
|
|
+
|
|
|
+ <u-table-column
|
|
|
+ prop="title"
|
|
|
+ label="产品名称"
|
|
|
+ align='center'
|
|
|
+ minWidth="100">
|
|
|
+ </u-table-column>
|
|
|
+ <u-table-column
|
|
|
+ prop="num"
|
|
|
+ label="数量"
|
|
|
+ align='center'
|
|
|
+ minWidth="100">
|
|
|
+ </u-table-column>
|
|
|
+ <u-table-column
|
|
|
+ prop="price"
|
|
|
+ label="单价"
|
|
|
+ align='center'
|
|
|
+ minWidth="100">
|
|
|
+ </u-table-column>
|
|
|
+ <u-table-column
|
|
|
+ prop="total_price"
|
|
|
+ label="金额"
|
|
|
+ align='center'
|
|
|
+ minWidth="100"
|
|
|
+ >
|
|
|
+
|
|
|
+ </u-table-column>
|
|
|
+ <u-table-column
|
|
|
+ prop="technology"
|
|
|
+ label="工艺"
|
|
|
+ align='center'
|
|
|
+ minWidth="100">
|
|
|
+ </u-table-column>
|
|
|
+ <u-table-column
|
|
|
+ :label="item.title"
|
|
|
+ align='center'
|
|
|
+ v-for="item in setColumns"
|
|
|
+ :key="item.key"
|
|
|
+ >
|
|
|
+ <u-table-column
|
|
|
+ v-show="item.children" v-for="_item in item.children" :key="_item.id"
|
|
|
+ :label='_item.title'
|
|
|
+ :prop='_item.key'
|
|
|
+ align='center'
|
|
|
+ minWidth='100'
|
|
|
+ >
|
|
|
+
|
|
|
+ </u-table-column>
|
|
|
+ </u-table-column>
|
|
|
+ </u-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -39,6 +112,9 @@
|
|
|
export default {
|
|
|
data(){
|
|
|
return{
|
|
|
+ loading:false,
|
|
|
+ height:0,
|
|
|
+ rowHeight:55,
|
|
|
urlList:[],
|
|
|
productList:[],
|
|
|
formData:{},
|
|
@@ -96,11 +172,14 @@ export default {
|
|
|
this.formData = this.$route.query
|
|
|
},
|
|
|
mounted(){
|
|
|
+ this.height = 500
|
|
|
this.initData();
|
|
|
},
|
|
|
methods:{
|
|
|
initData(row){
|
|
|
+ this.loading = true;
|
|
|
this.axios.post('/api/output_value_statement',{order_no:this.$route.query.order_no,...row}).then(res=>{
|
|
|
+ this.loading = false;
|
|
|
this.urlList = res.data.url_number_list;
|
|
|
this.productList = res.data.product_list;
|
|
|
res.data.head.forEach(ele => {
|
|
@@ -144,7 +223,9 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
this.tableData = res.data.list;
|
|
|
- console.log(this.tableData);
|
|
|
+ this.tableData.forEach(v=>{
|
|
|
+ v.total_price = (v.num*1*v.price).toFixed(2);
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
back(){
|