mom-before.git - Gitblit

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,240 @@
			<template>
			<div>
			<div class="article-main" style="overflow: hidden;">
			<el-row>
			<el-col :span="12" style="line-height: 32px;">è®¢åBOM</el-col>
			<el-col :span="12" style="text-align: right;">
			<el-button icon="el-icon-download" size="mini" @click="()=>{}">å¯¼åº</el-button>
			</el-col>
			</el-row>
			<div>

			<div style="margin-top: 10px;">
			<el-card shadow="hover" class="margin-30">
			<el-form ref="form" :model="searchform" label-width="80px">
			<el-row :gutter="30">
			<el-col :span="4" >
			<el-form-item label="è®¢åå·:">
			<el-input v-model="searchform.orderCode" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</el-col>

			<el-col :span="4" >
			<el-form-item label="äº§ååç§°:">
			<el-input v-model="searchform.name" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</el-col>

			<el-col :span="4" >
			<el-form-item label="ä¸åæ¥æ">
			<el-col>
			<el-date-picker type="date" placeholder="éæ©æ¥æ" v-model="searchform.time" weight="80%"></el-date-picker>
			</el-col>
			</el-form-item>
			</el-col>

			<el-col :span="4" >
			<el-form-item label="ç¶æ:">
			<el-input v-model="searchform.type" placeholder="è¯·è¾å¥"></el-input>
			</el-form-item>
			</el-col>
			<el-col :span="4">
			<el-button size="default" @click="">éç½®</el-button>
			<el-button type="primary" size="default" style="background:0, 78, 162 ;" @click="query">æ¥è¯¢</el-button>

			</el-col>
			</el-row>
			</el-form>
			</el-card>
			</div>

			<div style="margin-top: 30px;">
			<el-card shadow="hover" class="margin-30">
			<el-table
			ref="multipleTable"
			:data="tableData"
			tooltip-effect="dark"
			border
			style="width: 100%"
			@selection-change="handleSelectionChange">

			<el-table-column
			type="selection"
			width="55">
			</el-table-column>

			<el-table-column
			prop="order_number"
			label="è®¢åå·"
			width="120">
			<!-- <template slot-scope="scope">{{ scope.row.date }}</template> -->
			</el-table-column>

			<el-table-column
			prop="saleman"
			label="äºä¸é¨"
			>
			</el-table-column>
			<el-table-column
			prop=""
			label="çä»½"
			show-overflow-tooltip>
			</el-table-column>
			<el-table-column
			prop=""
			label="ä¸å¡å"
			>
			</el-table-column>
			<el-table-column
			prop="proname"
			label="å®¢æ·åç§°"
			>
			</el-table-column>
			<el-table-column
			prop="name"
			label="äº§ååç§°"
			>
			</el-table-column>
			<el-table-column
			prop="name"
			label="è§æ ¼åå·"
			>
			</el-table-column>
			<el-table-column
			prop="unit"
			label="åä½"
			>
			</el-table-column>
			<el-table-column
			prop="number"
			label="æ°é"
			>
			</el-table-column>
			<el-table-column
			prop="ä¸åæ¥æ"
			label="ä¸åæ¥æ"
			>
			</el-table-column>
			<el-table-column
			prop="äº¤è´§æ¥æ"
			label="äº¤è´§æ"
			>
			</el-table-column>
			<el-table-column
			prop="type"
			label="ç¶æ"
			width="120">
			<template slot-scope="scope">
			<span style="color:#34BD66;" v-if="scope.row.type==1">å·²ç¼è¾</span>
			<span style="color:#E84738;" v-else-if="scope.row.type==0">æªç¼è¾</span>
			</template>
			</el-table-column>
			<el-table-column
			prop=""
			label="æä½"
			width="180">
			<template slot-scope="scope">
			<div style="display: flex;">
			<el-button type="text" siae="small" size="mini">æ¥è¯¢æä»¶</el-button>

			<el-button type="text" siae="small" size="mini" @click="compileApi">ç¼å¶</el-button>

			<el-button type="text" siae="small" size="mini" style=" color:87, 138, 193 ;" @click="">å é¤</el-button>
			</div>
			</template>
			</el-table-column>

			</el-table>
			</el-card>
			<el-col style="height: 50px;display: flex;align-items: center;justify-content: right;">
			<el-pagination
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			:current-page="0"
			:page-sizes="[1,5,10, 20, 30, 50]"
			:page-size="0"
			layout="total, sizes, prev, pager, next, jumper"
			:total="countSize">
			</el-pagination>
			</el-col>
			</div>
			</div>
			</div>
			</div>
			</template>



			<script>
			export default {
			data() {
			return {
			searchform:{
			name:'',
			type:'',
			orderCode:'',
			time:'',
			},
			tableData:[],

			pageSize:1,
			countSize:0,
			currentPage:1,
			multipleSelection:''
			}
			},
			props:['godata'],
			created(){
			this.getDetailInfo()
			},
			methods:{
			handleSelectionChange(val) {
			// console.log(val);
			this.multipleSelection = val;
			},
			handleSizeChange(val) {
			this.pageSize = 1
			this.countSize= val
			this.getDetailInfo()
			},
			handleCurrentChange(val) {
			this.pageSize = val
			this.getDetailInfo()
			},
			getDetailInfo() {

			this.axios.get(this.$api.url.selectAllOrder,{
			params:{countSize:this.currentPage,
			pageSize:this.pageSize,total:this.countSize,
			productName:this.searchform.name,
			},
			}).then(res=>{
			this.tableData = res.data.row
			})
			},
			compileApi() {
			this.axios.post(this.$api.url.compile,{id})
			.then(res=>{
			console.log(res);
			})


			},
			// query() {
			// this.tableData(this.)
			// }

			}}


			</script>
			<style scoped>
			.card-2{
			display: flex;
			margin-top: 30px;
			}

			.ssss{
			background-color: #fff;
			}
			</style>