| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <span>分发单号:</span> |
| | | <span>SL2023001</span> |
| | | <span>{{detail.businessFormCode}}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>所属机构:</span> |
| | | <span>河南省邮政分公司</span> |
| | | <span>{{detail.outAgencyName}}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>部门:</span> |
| | | <span>金融业务部</span> |
| | | <span>{{detail.inWarehouseName}}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" style="margin-top: 20px"> |
| | | <el-col :span="8"> |
| | | <span>分发人:</span> |
| | | <span>张爱生</span> |
| | | <span>{{detail.outOperatorName}}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>分发时间:</span> |
| | | <span>2023-08-08 10:23:12</span> |
| | | <span>{{detail.createTime|formatTime}}</span> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <span>领取人:</span> |
| | | <span>王部门</span> |
| | | <span>{{detail.inOperatorName}}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" style="margin-top: 20px"> |
| | | <el-col :span="8"> |
| | | <span>联系电话:</span> |
| | | <span>18500000001</span> |
| | | <span>{{detail.tel}}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20" style="margin-top: 20px"> |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="goods-card" v-for="(goodsItem, goodsIndex) in detail.procureGoods" :key="goodsIndex"> |
| | | <div class="goods-card" v-for="(goodsItem, goodsIndex) in detail.formTransferGoods" :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-col :span="8"> |
| | | <span>物品类别:</span> |
| | | <span>{{ goodsItem.supplier }}</span> |
| | | <span>{{ goodsItem.type }}类</span> |
| | | </el-col> |
| | | </el-row> |
| | | <div v-if="goodsItem.type===1"> |
| | | <el-table :data="goodsItem.models" :stripe="true" style="margin-top: 20px"> |
| | | <el-table-column prop="baseGoodsModelsName" label="规格型号" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.baseGoodsModelsName }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="单位" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.unit }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="price" label="分发数量" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.price | formatPrice }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="counts" label="使用人" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.counts }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="counts" label="联系电话" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.price * scope.row.counts | formatPrice}} |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div v-else> |
| | | <el-table-column prop="baseGoodsModelsName" label="规格型号" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.baseGoodsModelsName }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="单位" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.unit }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="price" label="分发数量" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.price | formatPrice }} |
| | | </template> |
| | | </el-table-column> |
| | | </div> |
| | | <el-form> |
| | | <el-row class="card3" v-for="(mItem, mIndex) in goodsItem.models" :key="mIndex"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="规格型号:" style="margin-bottom: 0"> |
| | | {{ mItem.baseGoodsModelsName }} |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-form-item label="单位:" style="margin-bottom: 0" label-width="80"> |
| | | {{mItem.unit}} |
| | | </el-form-item> |
| | | </el-col> |
| | | <!--A类商品 --> |
| | | <el-col :span="24" v-if="goodsItem.type==='A'"> |
| | | <el-row v-for="(user, u) in mItem.useInfo" :key="u"> |
| | | <el-col :span="6"> |
| | | <el-form-item label="分发数量:" style="margin-bottom: 0" label-width="80"> |
| | | {{user.num}} |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="使用人:" style="margin-bottom: 0" label-width="80"> |
| | | {{user.name}} |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="联系电话:" style="margin-bottom: 0" label-width="80"> |
| | | {{user.tel}} |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-col> |
| | | <!--BC类商品 --> |
| | | <el-col style="padding: 10px 0" :span="10" v-else> |
| | | <el-form-item label="分发数量:" prop="counts" style="margin-bottom: 0" label-width="80"> |
| | | {{mItem.counts}} |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | </div> |
| | | <div id="uploadPreviewImages" style="display: none"> |
| | | <span v-for="(src, index) in fileList" :key="index"> |
| | |
| | | </win-lg> |
| | | </template> |
| | | <script> |
| | | import { procureDetail } from '@/api/stock/procure/purchaseOrder'; |
| | | import {transferDetail} from '@/api/stock/transfer'; |
| | | import winLg from '@/components/win/win-lg'; |
| | | import * as DateFormatter from '@/utils/DateFormatter'; |
| | | import { getDownUrl } from '@/utils/base'; |
| | | import {getDownUrl} from '@/utils/base'; |
| | | import Viewer from 'viewerjs'; |
| | | import 'viewerjs/dist/viewer.css'; |
| | | import de from "element-ui/src/locale/lang/de"; |
| | | |
| | | let viewer = null; |
| | | |
| | | export default { |
| | | computed: { |
| | | de() { |
| | | return de |
| | | } |
| | | }, |
| | | components: { winLg }, |
| | | props: { |
| | | setting: { |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | procureDetail({ id: this.setting.id }).then((res) => { |
| | | transferDetail({ id: this.setting.id }).then((res) => { |
| | | this.detail = res; |
| | | this.fileList = this.detail.procureDoc ? JSON.parse(this.detail.procureDoc) : []; |
| | | this.$nextTick(() => { |
| | |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | //@import url(../../../../styles/store.scss); |
| | | @import url(../../../../styles/store.scss); |
| | | .card3 { |
| | | padding: 10px; |
| | | margin-top: 10px; |
| | | border-radius: 2px; |
| | | background: #ffffff; |
| | | } |
| | | .img-box{ |
| | | width: 100px; |
| | | height: 100px; |
| | | } |
| | | .img-box .img{ |
| | | width: 100px; |
| | | height: 100px; |
| | | } |
| | | </style> |