页面修改

This commit is contained in:
bryan sun
2019-11-09 14:18:56 +08:00
parent 3c87327400
commit 6d8379c8da
13 changed files with 167 additions and 102 deletions

View File

@@ -3,7 +3,7 @@
<el-card>
<div slot="header">
<span>项目名称:</span>
<el-select v-model="projectValue" style="width:200px" placeholder="项目名称" size="small" filterable clearable @change="projectChange">
<el-select v-model="projectValue" style="width:150px" placeholder="项目名称" size="small" filterable clearable @change="projectChange">
<el-option
v-for="item in project"
:key="item.value"
@@ -11,21 +11,21 @@
:value="item.value"/>
</el-select>
<span>机床图号:</span>
<el-select v-model="machineValue" style="width:190px" placeholder="请选择" size="small" clearable filterable @change="machineChange">
<el-select v-model="machineValue" style="width:150px" placeholder="请选择" size="small" clearable filterable @change="searchTable1">
<el-option
v-for="item in machine"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<span>组号:</span>
<el-select v-model="groupValue" style="width:140px" placeholder="请选择" size="small" clearable filterable>
<el-option
v-for="item in group"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<!-- <span>组号:</span>-->
<!-- <el-select v-model="groupValue" style="width:140px" placeholder="请选择" size="small" clearable filterable>-->
<!-- <el-option-->
<!-- v-for="item in group"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value"/>-->
<!-- </el-select>-->
<el-button
type="success"
size="small"
@@ -35,11 +35,18 @@
</div>
<el-table v-loading="" :data="tableData1" show-summary stripe border style="width: 100%;max-height: 600px;" height="600px" size="mini">
<el-table-column label="序号" align="center" width="80" type="index"/>
<el-table-column label="项目名称" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.项目名称 }}
</template>
</el-table-column>
<!-- <el-table-column label="采购状态" align="center" min-width="100">-->
<!-- <template slot-scope="scope">-->
<!-- <span>采购</span>-->
<!-- <span>到货</span>-->
<!-- <span>领用</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="项目名称" align="center" min-width="100">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.项目名称 }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column align="center" label="机床图号" width="100px">
<template slot-scope="scope">
{{ scope.row.机床图号 }}
@@ -50,12 +57,12 @@
{{ scope.row.组号 || '—' }}
</template>
</el-table-column>
<el-table-column label="名称" align="center" min-width="100">
<el-table-column label="名称" align="center" min-width="120">
<template slot-scope="scope">
{{ scope.row.名称 }}
</template>
</el-table-column>
<el-table-column label="图号或型号" align="center" min-width="100">
<el-table-column label="图号或型号" align="center" min-width="120">
<template slot-scope="scope">
{{ scope.row.图号 }}
</template>
@@ -70,21 +77,30 @@
{{ scope.row.数量 }}
</template>
</el-table-column>
<!-- <el-table-column label="单价" align="center" min-width="100">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.单价 }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="单价" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.单价 }}
{{ Number(scope.row.优惠后单价).toFixed(2) }}
</template>
</el-table-column>
<el-table-column label="优惠后单价" align="center" min-width="100">
<template slot-scope="scope">
{{ scope.row.优惠后单价 }}
</template>
</el-table-column>
<el-table-column label="优惠后小计(元)" align="center" min-width="100" prop="金额">
<el-table-column label="采购小计(元)" align="center" min-width="100" prop="金额">
<template slot-scope="scope">
{{ scope.row.金额 = (Number(scope.row.优惠后单价) * Number(scope.row.数量)).toFixed(2) }}
</template>
</el-table-column>
<!-- <el-table-column label="领用" align="center" min-width="100">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.领用 }}-->
<!-- </template>-->
<!-- </el-table-column><el-table-column label="领用小计" align="center" min-width="100">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.领用小计 }}-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
</el-card>
</div>
@@ -145,6 +161,7 @@ export default {
})
}
})
this.searchTable1()
},
machineChange() {
this.group = []
@@ -163,6 +180,7 @@ export default {
let check2, check3
this.machineValue ? check2 = 1 : check2 = 0
this.groupValue ? check3 = 1 : check3 = 0
console.log(1, this.projectValue, check2, this.machineValue, check3, this.groupValue)
searchProjectTotal(1, this.projectValue, check2, this.machineValue, check3, this.groupValue).then(response => {
this.tableData1 = response.data
})