From bdea6f89251e2e11a92d38e41a64edf53b2cb95d Mon Sep 17 00:00:00 2001 From: 石广澎 <shiguangpeng@163.com> Date: 星期三, 29 十一月 2023 16:22:25 +0800 Subject: [PATCH] feat: 1、物品分发使用人修改,使用记录 --- admin-web/src/views/departmentitem/itemdis/distribution/detail.vue | 146 ++++++++++++++++++++++++++++++------------------ 1 files changed, 90 insertions(+), 56 deletions(-) diff --git a/admin-web/src/views/departmentitem/itemdis/distribution/detail.vue b/admin-web/src/views/departmentitem/itemdis/distribution/detail.vue index d306e90..a655472 100644 --- a/admin-web/src/views/departmentitem/itemdis/distribution/detail.vue +++ b/admin-web/src/views/departmentitem/itemdis/distribution/detail.vue @@ -1,89 +1,103 @@ <template> - <win-md class="stock-detail" :title="setting.title" @close="close" :width="'800px'"> + <win-lg class="stock-detail" :title="setting.title" @close="close" :width="'800px'" :loading="loading"> <el-row :gutter="20"> <el-col :span="8"> - <span>鍏ュ簱鍗曞彿锛�</span> - <span>{{ detail.businessFormCode }}</span> - </el-col> - <el-col :span="8"> - <span>鍏ュ簱浠撳簱锛�</span> - <span>{{ detail.warehouseName }}</span> + <span>鍒嗗彂鍗曞彿锛�</span> + <span>{{detail.businessFormCode}}</span> </el-col> <el-col :span="8"> <span>鎵�灞炴満鏋勶細</span> - <span>{{ detail.agencyName }}</span> + <span>{{detail.outAgencyName}}</span> + </el-col> + <el-col :span="8"> + <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>{{ detail.states == 1 ? '寰呭叆搴�' : '宸插叆搴�' }}</span> + <span>鍒嗗彂浜猴細</span> + <span>{{detail.outOperatorName}}</span> </el-col> <el-col :span="8"> - <span>鍒涘缓浜猴細</span> - <span>{{ detail.buyerName }}</span> + <span>鍒嗗彂鏃堕棿锛�</span> + <span>{{detail.createTime|formatTime}}</span> </el-col> <el-col :span="8"> - <span>鍏ュ簱鏃堕棿锛�</span> - <span>{{ detail.incomeTime | formatTime }}</span> + <span>棰嗗彇浜猴細</span> + <span>{{detail.inOperatorName}}</span> </el-col> </el-row> <el-row :gutter="20" style="margin-top: 20px"> - <el-col class="img-row" :span="12"> - <span>閲囪喘绫诲瀷锛�</span> - <span>{{ detail.buyType == 1 ? '闆嗛噰' : '鑷噰' }}</span> + <el-col :span="8"> + <span>鑱旂郴鐢佃瘽锛�</span> + <span>{{detail.tel}}</span> </el-col> </el-row> <el-row :gutter="20" style="margin-top: 20px"> <el-col class="img-row" :span="24"> - <span>閲囪喘鎵嬬画鐓х墖锛�</span> + <span>鍒嗗彂鎵嬬画锛�</span> <div class="img-box" v-for="(item, index) in fileList" :key="index" @click="handlePreview(item)"> <img class="img" :src="getUrl(item.path)" alt="" /> </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>鐗╁搧绫诲埆锛�</span> + <span>{{ goodsItem.type }}绫�</span> </el-col> </el-row> - <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> + <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"> + <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"> @@ -96,21 +110,26 @@ /> </span> </div> - </win-md> + </win-lg> </template> <script> -import { procureDetail } from '@/api/stock/procure/purchaseOrder'; -import winMd from '@/components/win/win-md'; +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 Viewer from 'viewerjs'; import 'viewerjs/dist/viewer.css'; +import de from "element-ui/src/locale/lang/de"; let viewer = null; export default { - components: { winMd }, - + computed: { + de() { + return de + } + }, + components: { winLg }, props: { setting: { type: Object, @@ -119,6 +138,7 @@ }, data() { return { + loading:false, fileList: [], detail: { baseCategoryName: '', @@ -145,7 +165,7 @@ } }, 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(() => { @@ -206,4 +226,18 @@ </script> <style lang="scss" scoped> @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> -- Gitblit v1.9.1