首页/物品分发/物品报废

liuguocan

2023-11-28 ed2117c738eedd3143d3b2ad6b0d40b2116afcf6

 admin-web/src/views/departmentitem/itemdis/distribution/detail.vue

@@ -1,42 +1,42 @@
<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>SL2023001</span>
      </el-col>
      <el-col :span="8">
        <span>所属机构：</span>
        <span>{{ detail.agencyName }}</span>
        <span>河南省邮政分公司</span>
      </el-col>
      <el-col :span="8">
        <span>部门：</span>
        <span>金融业务部</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>张爱生</span>
      </el-col>
      <el-col :span="8">
        <span>创建人：</span>
        <span>{{ detail.buyerName }}</span>
        <span>分发时间：</span>
        <span>2023-08-08 10:23:12</span>
      </el-col>
      <el-col :span="8">
        <span>入库时间：</span>
        <span>{{ detail.incomeTime | formatTime }}</span>
        <span>领取人：</span>
        <span>王部门</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>18500000001</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>
@@ -53,10 +53,11 @@
          <span>{{ goodsItem.goodsTemplateName }}</span>
        </el-col>
        <el-col :span="8">
          <span>供货商：</span>
          <span>物品类别：</span>
          <span>{{ goodsItem.supplier }}</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">
@@ -68,22 +69,40 @@
            {{ scope.row.unit }}
          </template>
        </el-table-column>
        <el-table-column prop="price" label="单价" align="center">
          <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">
          <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">
          <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>
    </div>
    <div id="uploadPreviewImages" style="display: none">
      <span v-for="(src, index) in fileList" :key="index">
@@ -96,11 +115,11 @@
        />
      </span>
    </div>
  </win-md>
  </win-lg>
</template>
<script>
import { procureDetail } from '@/api/stock/procure/purchaseOrder';
import winMd from '@/components/win/win-md';
import winLg from '@/components/win/win-lg';
import * as DateFormatter from '@/utils/DateFormatter';
import { getDownUrl } from '@/utils/base';
import Viewer from 'viewerjs';
@@ -109,8 +128,7 @@
let viewer = null;

export default {
  components: { winMd },

  components: { winLg },
  props: {
    setting: {
      type: Object,
@@ -119,6 +137,7 @@
  },
  data() {
    return {
      loading:false,
      fileList: [],
      detail: {
        baseCategoryName: '',
@@ -205,5 +224,5 @@
};
</script>
<style lang="scss" scoped>
@import url(../../../../styles/store.scss);
//@import url(../../../../styles/store.scss);
</style>