|
@@ -0,0 +1,107 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <Toptitle title='产值表详情'>
|
|
|
|
|
+ <Button type="primary">导出</Button>
|
|
|
|
|
+ <Button type="primary" style="margin-left:10px" @click="back">返回</Button>
|
|
|
|
|
+ </Toptitle>
|
|
|
|
|
+ <Form class="form_content" :label-width='100' style="border-bottom:1px solid #eeeeee">
|
|
|
|
|
+ <FormItem label='项目编码:'>
|
|
|
|
|
+ <span class="form_item">{{formData.order_no}}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem label='项目名称:'>
|
|
|
|
|
+ <span class="form_item">{{formData.project_title}}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem label='项目简称:'>
|
|
|
|
|
+ <span class="form_item">{{formData.abbreviation}}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ </Form>
|
|
|
|
|
+ <Form class="form_content" :label-width='100'>
|
|
|
|
|
+ <FormItem label='图号:'>
|
|
|
|
|
+ <Select clearable v-model="searchData.url_number" filterable class="form_item">
|
|
|
|
|
+ <Option />
|
|
|
|
|
+ </Select>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem label='产品:'>
|
|
|
|
|
+ <Select clearable v-model="searchData.url_number" filterable class="form_item">
|
|
|
|
|
+ <Option/>
|
|
|
|
|
+ </Select>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem>
|
|
|
|
|
+ <Button type="primary">搜索</Button>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ </Form>
|
|
|
|
|
+ <Table :data='tableData' :columns='SetTableColumns' border max-height='550'></Table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>
|
|
|
|
|
+<script>
|
|
|
|
|
+export default {
|
|
|
|
|
+ data(){
|
|
|
|
|
+ return{
|
|
|
|
|
+ formData:{},
|
|
|
|
|
+ searchData:{
|
|
|
|
|
+ url_number:''
|
|
|
|
|
+ },
|
|
|
|
|
+ tableData:[
|
|
|
|
|
+ // {url_number:'1',region:1,product_title:'1',num:'1',price:'1',total_price:'1',technology:'1',south_1:'1',south_2:'1',south_3:'1',south_4:'1',north_1:'1',north_2:'1',north_3:'1',north_4:'1',east_1:'1',east_2:'1',east_3:'1',east_4:'1'},
|
|
|
|
|
+ // {url_number:'1',region:1,product_title:'1',num:'1',price:'1',total_price:'1',technology:'1',south_1:'1',south_2:'1',south_3:'1',south_4:'1',north_1:'1',north_2:'1',north_3:'1',north_4:'1',east_1:'1',east_2:'1',east_3:'1',east_4:'1'},
|
|
|
|
|
+ // {url_number:'1',region:1,product_title:'1',num:'1',price:'1',total_price:'1',technology:'1',south_1:'1',south_2:'1',south_3:'1',south_4:'1',north_1:'1',north_2:'1',north_3:'1',north_4:'1',east_1:'1',east_2:'1',east_3:'1',east_4:'1'}
|
|
|
|
|
+ ],
|
|
|
|
|
+ tableColumns:[
|
|
|
|
|
+ {title:'图号',align:'center',minWidth:100,key:'url_number'},
|
|
|
|
|
+ {title:'区域',align:'center',minWidth:100,key:'region'},
|
|
|
|
|
+ {title:'产品名称',align:'center',minWidth:100,key:'product_title'},
|
|
|
|
|
+ {title:'数量',align:'center',minWidth:100,key:'num'},
|
|
|
|
|
+ {title:'单价',align:'center',minWidth:100,key:'price'},
|
|
|
|
|
+ {title:'金额',align:'center',minWidth:100,key:'total_price'},
|
|
|
|
|
+ {title:'工艺',align:'center',minWidth:100,key:'technology'},
|
|
|
|
|
+ ],
|
|
|
|
|
+ setColumns:[
|
|
|
|
|
+ // {title:'木工',align:'center',children:[
|
|
|
|
|
+ // {title:'南线一组',align:'center',key:'south_1',minWidth:100},
|
|
|
|
|
+ // {title:'南线二组',align:'center',key:'south_2',minWidth:100},
|
|
|
|
|
+ // {title:'南线三组',align:'center',key:'south_3',minWidth:100},
|
|
|
|
|
+ // {title:'南线四组',align:'center',key:'south_4',minWidth:100},
|
|
|
|
|
+ // ]},
|
|
|
|
|
+ // {title:'油漆',align:'center',children:[
|
|
|
|
|
+ // {title:'北线一组',align:'center',key:'north_1',minWidth:100},
|
|
|
|
|
+ // {title:'北线二组',align:'center',key:'north_2',minWidth:100},
|
|
|
|
|
+ // {title:'北线三组',align:'center',key:'north_3',minWidth:100},
|
|
|
|
|
+ // {title:'北线四组',align:'center',key:'north_4',minWidth:100},
|
|
|
|
|
+ // ]},
|
|
|
|
|
+ // {title:'包装',align:'center',children:[
|
|
|
|
|
+ // {title:'东线一组',align:'center',key:'east_1',minWidth:100},
|
|
|
|
|
+ // {title:'东线二组',align:'center',key:'east_2',minWidth:100},
|
|
|
|
|
+ // {title:'东线三组',align:'center',key:'east_3',minWidth:100},
|
|
|
|
|
+ // {title:'东线四组',align:'center',key:'east_4',minWidth:100},
|
|
|
|
|
+ // ]},
|
|
|
|
|
+ ]
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ computed:{
|
|
|
|
|
+ SetTableColumns(){
|
|
|
|
|
+
|
|
|
|
|
+ return this.tableColumns.concat(this.setColumns)
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ created(){
|
|
|
|
|
+ this.formData = this.$route.query
|
|
|
|
|
+ },
|
|
|
|
|
+ methods:{
|
|
|
|
|
+ back(){
|
|
|
|
|
+ this.$router.go(-1)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</script>
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+.form_content{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-wrap:wrap;
|
|
|
|
|
+ margin-top: 15px;
|
|
|
|
|
+}
|
|
|
|
|
+.form_item{
|
|
|
|
|
+ width: 200px;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|