2024-09-22 21:38:20 +08:00
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column label="序号" align="center">
|
|
|
|
|
<template scope="scope">
|
|
|
|
|
<span>{{ scope.$index + 1 }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" :label="getLabelName" width="200" prop="name">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row[listType]?.name }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="规格" width="180" prop="model">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row[listType]?.model }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="编码" width="180" prop="code">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row[listType]?.code }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="数量" width="180" prop="itemCount"/>
|
|
|
|
|
<el-table-column align="center" label="单位" width="180" prop="unit">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<dict-tag :type="DICT_TYPE.REPAIR_UNIT" v-model="scope.row[listType].unit"/>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="单价" width="180" prop="itemPrice"/>
|
2024-10-19 22:55:25 +08:00
|
|
|
<el-table-column align="center" label="折扣" width="180" prop="itemDiscount">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{scope.row.itemDiscount === 1 ? "无折扣" : scope.row.itemDiscount}}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2024-09-22 21:38:20 +08:00
|
|
|
<el-table-column align="center" label="金额" width="180" prop="itemMoney"/>
|
2024-10-12 12:30:30 +08:00
|
|
|
<el-table-column align="center" label="施工人员" width="180" prop="repairNames"/>
|
2024-09-22 21:38:20 +08:00
|
|
|
<el-table-column align="center" label="销售人员" width="180" prop="saleName"/>
|
|
|
|
|
<el-table-column align="center" label="备注" width="180" prop="remark"/>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
name: "TicketItemShow",
|
|
|
|
|
props: {
|
|
|
|
|
list: {
|
|
|
|
|
type: Array,
|
|
|
|
|
default: () => {
|
|
|
|
|
return []
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
listType: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: null
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
loading: !(this.list && this.list.length),
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
getLabelName() {
|
|
|
|
|
switch (this.listType) {
|
|
|
|
|
case "project":
|
|
|
|
|
return "维修项目";
|
|
|
|
|
case "ware":
|
|
|
|
|
return "维修配件";
|
|
|
|
|
case "other":
|
|
|
|
|
return "附加费用";
|
|
|
|
|
default:
|
|
|
|
|
return '';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
|
|
</style>
|
