| | |
| | | <template> |
| | | <win-md class="stock-detail" :title="setting.title" @close="close" :width="'800px'"> |
| | | <win-md class="stock-detail" :title="setting.title" @close="close" :width="'800px'" :loading="loading"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <span>出库单号:</span> |
| | |
| | | <el-row :gutter="20" style="margin-top: 20px"> |
| | | <el-col :span="8"> |
| | | <span>创建人:</span> |
| | | <span>{{ detail.buyerName }}</span> |
| | | <span>{{ detail.operatorName }}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>出库时间:</span> |
| | | <span>{{ detail.incomeTime | formatTime }}</span> |
| | | <span>{{ detail.dealTime | formatTime }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" style="margin-top: 20px"> |
| | | <el-row v-if="detail.procureDoc" :gutter="20" style="margin-top: 20px"> |
| | | <el-col class="img-row" :span="24"> |
| | | <span>出库手续:</span> |
| | | <div class="img-box"></div> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="goods-card" v-for="(goodsItem, goodsIndex) in detail.goods" :key="goodsIndex"> |
| | | <div class="goods-card" v-for="(goodsItem, goodsIndex) in detail.fromOutputGoods" :key="goodsIndex"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <span>物品分类:</span> |
| | | <span>{{ goodsItem.baseCategoryName }}</span> |
| | | <span>{{ goodsItem.categoryName }}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>物品名称:</span> |
| | | <span>{{ goodsItem.goodsTemplateName }}</span> |
| | | <span>{{ goodsItem.goodsName }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table :data="goodsItem.models" :stripe="true" style="margin-top: 20px"> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="counts" label="金额" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ (scope.row.price * scope.row.counts).toFixed(2) }} |
| | | {{ scope.row.price * scope.row.counts | formatPrice}} |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </win-md> |
| | | </template> |
| | | <script> |
| | | import { outputDetail } from '@/api/stock/accessStock'; |
| | | import {outputDetail} from '@/api/stock/accessStock'; |
| | | import winMd from '@/components/win/win-md'; |
| | | import * as DateFormatter from '@/utils/DateFormatter'; |
| | | |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | loading:true, |
| | | detail: { |
| | | baseCategoryName: '', |
| | | categoryName: '', |
| | | businessFormCode: '', |
| | | goodsTemplateName: '', |
| | | goodsName: '', |
| | | agencyId: '', |
| | | agencyName: '', |
| | | states: '', |
| | | createName: '', |
| | | goods: [], |
| | | fromOutputGoods: [], |
| | | }, |
| | | }; |
| | | }, |
| | |
| | | if (!time) return; |
| | | return DateFormatter.LongToDateTime(time); |
| | | }, |
| | | formatPrice(price) { |
| | | return price / 100 |
| | | } |
| | | }, |
| | | created() { |
| | | outputDetail({ id: this.setting.id }).then((res) => { |
| | | this.detail = res; |
| | | this.loading = false |
| | | }); |
| | | }, |
| | | methods: { |
| | | close() {}, |
| | | close() { |
| | | this.$emit('close') |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |