| | |
| | | <template> |
| | | <win-lg class="stock-detail" title="部门物品退回单详情" @close="close" :loading="loading"> |
| | | <win-md class="stock-detail" title="部门物品退回单详情" @close="close" :loading="loading"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <span>退回单号:</span> |
| | |
| | | </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.goodsTemplateInfoList" :key="goodsIndex"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <el-col :span="7"> |
| | | <span>物品分类:</span> |
| | | <span>{{ goodsItem.categoryName }}</span> |
| | | </el-col> |
| | |
| | | <span>物品名称:</span> |
| | | <span>{{ goodsItem.baseGoodsTemplateName }}</span> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="3"> |
| | | <span>类别:</span> |
| | | <span>{{ goodsItem.classification }}类</span> |
| | | <span>{{ goodsItem.type }}类</span> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="6"> |
| | | <span>分发单号:</span> |
| | | <span>{{ goodsItem.businessFormCode }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <div v-for="(mItem,k) in goodsItem.models" :key="k">--> |
| | | <div class="card3"> |
| | | <el-row v-if="goodsItem.models[0].goodsUserName" :gutter="24" type="flex" align="middle"> |
| | | <div class="card3" v-for="(mItem,k) in goodsItem.modelInfoList" :key="k"> |
| | | <el-row v-if="goodsItem.type==='A'" :gutter="24" type="flex" align="middle"> |
| | | <el-col :span="8"> |
| | | <span>规格型号:</span> |
| | | <span>{{ goodsItem.models[0].baseGoodsModelsName }}</span> |
| | | <span>{{ mItem.baseGoodsModelsName }}</span> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <span>单位:</span> |
| | | <span>{{ goodsItem.models[0].unit }}</span> |
| | | <span>{{ mItem.unit }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table :data="goodsItem.models" style="margin-top: 15px"> |
| | | <el-table-column prop="baseGoodsModelsName" label="规格型号" align="center" v-if="!goodsItem.models[0].goodsUserName"/> |
| | | <el-table-column prop="unit" label="单位" align="center" v-if="!goodsItem.models[0].goodsUserName"/> |
| | | <el-table-column prop="goodsUserName" label="使用人" align="center" v-if="goodsItem.models[0].goodsUserName"/> |
| | | <el-table-column prop="useCount" label="在用数量" align="center"/> |
| | | <el-table-column prop="counts" label="退回数量" align="center"/> |
| | | <el-table-column prop="scrappedName" label="退回原因" align="center"/> |
| | | <el-table :data="mItem.useInfoList" style="margin-top: 15px"> |
| | | <el-table-column prop="baseGoodsModelsName" label="规格型号" align="left" v-if="goodsItem.type!=='A'"> |
| | | <template slot-scope="{row}"> |
| | | {{mItem.baseGoodsModelsName}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" label="单位" align="center" v-if="goodsItem.type!=='A'"> |
| | | <template slot-scope="{row}"> |
| | | {{mItem.unit}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="useName" label="使用人" align="left" v-if="goodsItem.type==='A'"/> |
| | | <el-table-column prop="useUnm" label="在用数量" align="center"/> |
| | | <el-table-column prop="returnNum" label="退回数量" align="center"/> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | /> |
| | | </span> |
| | | </div> |
| | | </win-lg> |
| | | </win-md> |
| | | </template> |
| | | <script> |
| | | import {scrappedDetail} from '@/api/deptGoods/scrap'; |
| | | import winLg from '@/components/win/win-lg'; |
| | | import winMd from '@/components/win/win-md'; |
| | | import * as DateFormatter from '@/utils/DateFormatter'; |
| | | import {getDownUrl} from '@/utils/base'; |
| | | import Viewer from 'viewerjs'; |
| | | import 'viewerjs/dist/viewer.css'; |
| | | import {returnDetail} from "@/api/deptGoods/itemret"; |
| | | |
| | | let viewer = null; |
| | | |
| | | export default { |
| | | components: { winLg }, |
| | | components: { winMd }, |
| | | props: { |
| | | setting: { |
| | | type: Object, |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | scrappedDetail({ id: this.setting.id }).then((res) => { |
| | | returnDetail({ id: this.setting.id }).then((res) => { |
| | | this.detail = res; |
| | | this.loading = false |
| | | this.fileList = this.detail.procureDoc ? JSON.parse(this.detail.procureDoc) : []; |
| | |
| | | index++; |
| | | } |
| | | } |
| | | // this.fileList.forEach((f, i) => { |
| | | // if (file.uid == f.uid) { |
| | | // index = i |
| | | // } |
| | | // }) |
| | | // document.querySelector('#uploadPreviewImages').children[0].click() |
| | | viewer.view(index); |
| | | }, |
| | | checkImg(name) { |