feat: 库存管理 出库管理、采购管理、报废管理 新增时物品查询增加机构限制

石广澎

2023-11-30 02f85f84ce3d2212736e231c376dd084a7153783

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

@@ -1,44 +1,44 @@
<template>
  <win-lg class="stock-detail" :title="setting.title" @close="close" :width="'800px'" :loading="loading">
  <win-md 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>
        <span>{{ detail.businessFormCode }}</span>
      </el-col>
      <el-col :span="8">
        <span>所属机构：</span>
        <span>{{detail.outAgencyName}}</span>
        <span>{{ detail.outAgencyName }}</span>
      </el-col>
      <el-col :span="8">
        <span>部门：</span>
        <span>{{detail.inWarehouseName}}</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.outOperatorName}}</span>
        <span>{{ detail.outOperatorName }}</span>
      </el-col>
      <el-col :span="8">
        <span>分发时间：</span>
        <span>{{detail.createTime|formatTime}}</span>
        <span>{{ detail.createTime|formatTime }}</span>
      </el-col>
      <el-col :span="8">
        <span>领取人：</span>
        <span>{{detail.inOperatorName}}</span>
        <span>{{ detail.inOperatorName }}</span>
      </el-col>
    </el-row>
    <el-row :gutter="20" style="margin-top: 20px">
      <el-col :span="8">
        <span>联系电话：</span>
        <span>{{detail.tel}}</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>
        <div class="img-box" v-for="(item, index) in fileList" :key="index" @click="handlePreview(item)">
          <img class="img" :src="getUrl(item.path)" alt="" />
          <img class="img" :src="getUrl(item.path)" alt=""/>
        </div>
      </el-col>
    </el-row>
@@ -60,13 +60,13 @@
      <el-form>
        <el-row class="card3" v-for="(mItem, mIndex) in goodsItem.models" :key="mIndex">
          <el-col style="padding: 10px 0" :span="10">
            <el-form-item label="规格型号1:"  style="margin-bottom: 0">
            <el-form-item label="规格型号1:" style="margin-bottom: 0">
              {{ mItem.baseGoodsModelsName }}
            </el-form-item>
          </el-col>
          <el-col style="padding: 10px 0" :span="4">
            <el-form-item label="单位:" style="margin-bottom: 0" label-width="80">
              {{mItem.unit}}
              {{ mItem.unit }}
            </el-form-item>
          </el-col>
          <!--A类商品 -->
@@ -74,17 +74,17 @@
            <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}}
                  {{ user.num }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="使用人:" style="margin-bottom: 0" label-width="80">
                  {{user.name}}
                  {{ user.name }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="联系电话:" style="margin-bottom: 0" label-width="80">
                  {{user.tel}}
                  {{ user.tel }}
                </el-form-item>
              </el-col>
            </el-row>
@@ -92,7 +92,7 @@
          <!--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}}
              {{ mItem.counts }}
            </el-form-item>
          </el-col>
        </el-row>
@@ -102,19 +102,19 @@
    <div id="uploadPreviewImages" style="display: none">
      <span v-for="(src, index) in fileList" :key="index">
        <img
          v-if="checkImg(src.name)"
          class="v-img"
          :src="src.url"
          :alt="src.name"
          style="width: 100px; height: 100px"
            v-if="checkImg(src.name)"
            class="v-img"
            :src="src.url"
            :alt="src.name"
            style="width: 100px; height: 100px"
        />
      </span>
    </div>
  </win-lg>
  </win-md>
</template>
<script>
import {transferDetail} from '@/api/stock/transfer';
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';
@@ -129,16 +129,17 @@
      return de
    }
  },
  components: { winLg },
  components: {winMd},
  props: {
    setting: {
      type: Object,
      default: () => {},
      default: () => {
      },
    },
  },
  data() {
    return {
      loading:false,
      loading: true,
      fileList: [],
      detail: {
        baseCategoryName: '',
@@ -165,8 +166,9 @@
    }
  },
  created() {
    transferDetail({ id: this.setting.id }).then((res) => {
    transferDetail({id: this.setting.id}).then((res) => {
      this.detail = res;
      this.loading = false
      this.fileList = this.detail.procureDoc ? JSON.parse(this.detail.procureDoc) : [];
      this.$nextTick(() => {
        this.initPreviewImg();
@@ -226,18 +228,11 @@
</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>