|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <GlobalWindow width="960px" title="出库单详情" :visible.sync="visible" :confirm-working="isWorking" @close="close" | 
|---|
|  |  |  | <GlobalWindow width="960px" :showConfirm="false" title="出库单详情" :visible.sync="visible" :confirm-working="isWorking" @close="close" | 
|---|
|  |  |  | @confirm="confirm"> | 
|---|
|  |  |  | <div class="main"> | 
|---|
|  |  |  | <div class="title"> | 
|---|
|  |  |  | <span>工单详情</span> | 
|---|
|  |  |  | <span>出库单编号:{{ info.code }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="title"> | 
|---|
|  |  |  | <span>基础信息</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="main_content"> | 
|---|
|  |  |  | <div class="list"> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="la">出库仓库</div> | 
|---|
|  |  |  | <div class="val">{{ info.projectName }}</div> | 
|---|
|  |  |  | <div class="val">{{ info.warehouseName }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="la">出库日期</div> | 
|---|
|  |  |  | <div class="val">{{ info.categoryName }}</div> | 
|---|
|  |  |  | <div class="val">{{ info.doneDate }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="la">出库类型</div> | 
|---|
|  |  |  | <div class="val">{{ info.creatorName }}{{ info.creatorCompany ? "-" + info.creatorCompany : '' }}</div> | 
|---|
|  |  |  | <div class="val" v-if="info.type || info.type == 0">{{ StoreTypeOps[info.type].name }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="la">处理人</div> | 
|---|
|  |  |  | <div class="val">{{ info.creatorPhone || info.creatorMobile }}</div> | 
|---|
|  |  |  | <div class="val">{{ info.createUserName }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="item" style="width: 66.6%;"> | 
|---|
|  |  |  | <div class="la">备注</div> | 
|---|
|  |  |  | <div class="val">{{ info.createDate }}</div> | 
|---|
|  |  |  | <div class="val">{{ info.remark }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="title">物料信息</div> | 
|---|
|  |  |  | <el-table :data="list" stripe> | 
|---|
|  |  |  | <el-table-column align="center" type="index" width="55" /> | 
|---|
|  |  |  | <el-table-column prop="creatorName" label="物料名称" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="categoryName" label="物料编码" show-overflow-tooltip min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="条形码" show-overflow-tooltip min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="dealUserName" label="品牌" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="dealUserName" label="单位" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="dealUserName" label="出库数量" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table :data="info.recordList" stripe> | 
|---|
|  |  |  | <el-table-column align="center" label="序号" type="index" width="55" /> | 
|---|
|  |  |  | <el-table-column prop="materialName" label="物料名称" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="materialCode" label="物料编码" show-overflow-tooltip min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="materialQrcode" label="条形码" show-overflow-tooltip min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="materialBrand" label="品牌" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="materialUnitName" label="单位" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="stock" label="出库数量" show-overflow-tooltip min-width="80px"></el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import { detailById, dispatchOrder, dealOrder } from '@/api/workorder/ywWorkorder' | 
|---|
|  |  |  | import { getUserList } from '@/api/system/user' | 
|---|
|  |  |  | import { Message, Loading } from 'element-ui' | 
|---|
|  |  |  | import dayjs from 'dayjs' | 
|---|
|  |  |  | import { ywOutinboundDetail } from '@/api' | 
|---|
|  |  |  | import { StoreTypeOps } from './config' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | GlobalWindow | 
|---|
|  |  |  | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | id: '', | 
|---|
|  |  |  | visible: false, | 
|---|
|  |  |  | info: {}, | 
|---|
|  |  |  | list: [] | 
|---|
|  |  |  | info: {recordList: []}, | 
|---|
|  |  |  | StoreTypeOps | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | // this.getDetail() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getDetail() { | 
|---|
|  |  |  | const { id } = this | 
|---|
|  |  |  | detailById(id).then(res => { | 
|---|
|  |  |  | getDetail(id) { | 
|---|
|  |  |  | ywOutinboundDetail(id).then(res => { | 
|---|
|  |  |  | this.info = res | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|