石广澎
2023-11-29 20913c80c3f5fc8e533cb92b90e6f20bcd68e032
admin-web/src/views/departmentitem/itemdis/distribution/detail.vue
@@ -3,35 +3,35 @@
    <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">
@@ -42,67 +42,62 @@
        </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">
@@ -118,16 +113,22 @@
  </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: {
@@ -164,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(() => {
@@ -224,5 +225,19 @@
};
</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>