盘点物品型号修改

futian.liu

2023-12-20 854cbc47742ee83eb30062a12b9f3ed7c8ed0941

 admin-web/src/views/departmentitem/itemscr/scrapping/edit.vue

@@ -1,16 +1,20 @@
<template>
  <win-md class="stock-edit" title="物品报废" @close="close" :width="'800px'">
  <win-md class="stock-edit" title="物品报废" @close="close" width="900px" :loading="loading">
    <el-form class="form" ref="ruleForm" :model="formData" :rules="rules" label-width="120px">
      <div class="main-w">
        <el-row :gutter="24" class="headerHeight">
          <el-col :span="12">
            <el-form-item label="部门" prop="warehouseId">
              <el-input v-model="formData.departmentName" disabled></el-input>
            <el-form-item label="部门" prop="departmentId">
              <el-select ref="department" v-model="formData.departmentId" clearable placeholder="请选择"
                         style="width: 100%">
                <el-option v-for="item in departmentOptions" :key="item.id" :label="item.name" :value="item.id"
                           clearable/>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报废人" prop="createName">
              <el-input v-model="formData.createName" disabled></el-input>
            <el-form-item label="报废人" prop="operatorName">
              <el-input v-model="formData.operatorName" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -29,7 +33,7 @@
        </el-row>
        <el-row :gutter="24" class="headerHeight">
          <el-col :span="24">
            <el-form-item label="报废手续" prop="procureDoc">
            <el-form-item label="报废审批手续" prop="procureDoc">
              <upload ref="uploadRef" :settings="uploadSettings" @on-change="uploadChange"></upload>
            </el-form-item>
          </el-col>
@@ -39,17 +43,20 @@
            <el-col :span="12">
              <el-form-item
                label="物品分类"
                :prop="`goods[${goodsIndex}].baseCategoryIds`"
                :prop="`goods.${goodsIndex}.baseCategoryId`"
                :rules="{
                  required: true,
                  message: '请选择',
                  message: '请选择物品分类',
                  trigger: 'change',
                }"
              >
                <el-cascader
                  v-model="goodsItem.baseCategoryIds"
                  v-model="goodsItem.baseCategoryId"
                  :options="categoryOptions"
                  :props="{ value: 'id' }"
                  :props="{ value: 'id',emitPath: false }"
                  :show-all-levels="false"
                  filterable
                  clearable
                  @change="categoryChange($event, goodsIndex)"
                  style="width: 100%"
                ></el-cascader>
@@ -58,13 +65,14 @@
            <el-col :span="12">
              <el-form-item
                label="物品名称"
                :prop="`goods[${goodsIndex}].baseGoodsTemplateId`"
                :prop="`goods.${goodsIndex}.baseGoodsTemplateId`"
                :rules="rules.baseGoodsTemplateId"
              >
                <el-select
                  v-model="goodsItem.baseGoodsTemplateId"
                  placeholder="请先择物品分类"
                  :placeholder="goodsItem.baseCategoryId?'请选择物品':'请先选择物品分类'"
                  filterable
                  clearable
                  :disabled="!goodsItem.baseCategoryId"
                  style="width: 100%"
                  @change="goodsTemplateChange($event, goodsIndex)"
@@ -78,50 +86,98 @@
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="12">
              <el-form-item label="选择分发单" :prop="`goods[${goodsIndex}].modelsIds`">
                <el-input v-if="!goodsItem.baseGoodsTemplateId" placeholder="请先择物品名称" readonly suffix-icon="el-icon-arrow-down" class="cursor-p"></el-input>
                <div v-else @click="fenfaSetting.show=true">
                  <el-input placeholder="请选择" readonly suffix-icon="el-icon-arrow-down" class="cursor-p"></el-input>
              <el-form-item
                label="选择分发单"
                :prop="`goods.${goodsIndex}.businessFormCode`"
                :rules="rules.businessFormCode">
                <div @click="showFenFa(goodsIndex)">
                  <el-input
                    placeholder="请选择分发单"
                    readonly
                    v-model="goodsItem.businessFormCode"
                    :placeholder="goodsItem.baseGoodsTemplateId?'请选择分发单':'请先选择物品'"
                    :disabled="!goodsItem.baseGoodsTemplateId"
                    suffix-icon="el-icon-arrow-down"
                    class="cursor-p"></el-input>
                </div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-table :data="goodsItem.models" :stripe="true">
            <el-table-column prop="baseGoodsModelsId" label="规格型号" align="center">
              <template slot-scope="scope">
                {{ getGoodsModelsName(scope.row.baseGoodsModelsId) }}
              </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.worehouseCount }}
              </template>
            </el-table-column>
            <el-table-column prop="counts" label="报废数量" align="center">
              <template slot-scope="scope">
                <el-form-item
                  label-width="0"
                  style="margin-bottom: 0"
                  :prop="`goods[${goodsIndex}].models[${scope.$index}].counts`"
                  :rules="rules.counts"
                >
                  <el-input
                    type="number"
                    v-model="scope.row.counts"
                    @change="countsChange($event, goodsIndex, scope.$index)"
                  ></el-input>
          <div class="card3" v-for="(mItem, mIndex) in goodsItem.models" :key="mIndex">
            <el-row :gutter="24" type="flex" align="middle" style="height: 50px">
              <el-col :span="12">
                <el-form-item label="规格型号:" prop="baseGoodsModelsId" style="margin-bottom: 0">
                  {{ mItem[0].modelName }}
                </el-form-item>
              </template>
            </el-table-column>
          </el-table>
              </el-col>
              <el-col :span="6">
                <el-form-item label="单位:" prop="baseGoodsModelsId" style="margin-bottom: 0" label-width="80">
                  {{ mItem[0].unit }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="物品类别:" prop="baseGoodsModelsId" style="margin-bottom: 0" label-width="80">
                  {{ mItem[0].classification }}
                </el-form-item>
              </el-col>
            </el-row>
            <el-table :data="mItem" :stripe="true">
              <!-- A类商品显示 -->
              <el-table-column width="100" prop="price" label="使用人" align="center" v-if="mItem[0].nowUserName">
                <template slot-scope="scope">
                  {{ scope.row.nowUserName }}
                </template>
              </el-table-column>
              <el-table-column width="100" prop="price" label="分发数量" align="center">
                <template slot-scope="scope">
                  {{ scope.row.goodsNum }}
                </template>
              </el-table-column>
              <el-table-column width="100" prop="price" label="在用数量" align="center">
                <template slot-scope="scope">
                  {{ scope.row.userUseCount }}
                </template>
              </el-table-column>
              <el-table-column prop="counts" label="报废数量" align="center">
                <template slot-scope="{row,$index}">
                  <el-form-item
                    label-width="0"
                    :prop="`goods.${goodsIndex}.models.${mIndex}.counts`"
                    :rules="[
                          {validator: checkCounts,counts:row.counts,userUseCount: row.userUseCount, trigger: ['blur', 'change']}
                        ]"
                  >
                    <el-input
                      clearable
                      type="number"
                      v-model.number="row.counts"
                    ></el-input>
                  </el-form-item>
                </template>
              </el-table-column>
              <el-table-column prop="counts" label="报废原因" align="center">
                <template slot-scope="{row,$index}">
                  <el-form-item
                    label-width="0"
                    :prop="`goods.${goodsIndex}.models.${mIndex}.scrappedCode`"
                    :rules="[
                          {validator: checkReason,counts:row.counts,scrappedCode:row.scrappedCode, trigger: ['blur', 'change']}
                        ]"
                  >
                    <el-select v-model="row.scrappedCode" clearable placeholder="请选择">
                      <el-option
                        v-for="item in scrapReasonOptions"
                        :key="item.dict_code"
                        :label="item.dict_label"
                        :value="item.dict_code"
                      />
                    </el-select>
                  </el-form-item>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <div class="btn-group">
            <el-button
              v-if="formData.goods.length > 1"
@@ -130,7 +186,8 @@
              plain
              size="mini"
              @click="removeGoods(goodsIndex)"
              >移除</el-button
            >移除
            </el-button
            >
            <el-button
              v-if="formData.goods.length - 1 == goodsIndex"
@@ -139,96 +196,110 @@
              plain
              size="mini"
              @click="addGoods"
              >新增物品</el-button
            >新增物品
            </el-button
            >
          </div>
        </div>
      </div>
    </el-form>
    <div slot="footer" align="center" class="dialog-footer">
      <my-button name="取消" site="form" @click="close" />
      <my-button name="保存" site="form" @click="handleSubmit" />
      <my-button name="取消" site="form" @click="close"/>
      <my-button name="保存" site="form" @click="handleSubmit"/>
    </div>
    <div v-if="fenfaSetting.show">
      <win-sm title="选择分发单" @close="fenfaSetting.show=false" :width="'800px'">
      <el-table :data="fenfaData">
        <el-table-column type="selection" width="55"> </el-table-column>
        <el-table-column label="分发单号" prop="businessFormCode"></el-table-column>
        <el-table-column label="物品名称" prop="modelName"></el-table-column>
        <el-table-column label="分发数量" prop="fenfaCount"></el-table-column>
        <el-table-column label="剩余数量" prop="count"></el-table-column>
        <el-table-column label="分发时间" prop="time"></el-table-column>
    <win-md v-if="fenfaSetting.show" title="选择分发单" @close="fenfaSetting.show=false" :width="'800px'">
      <el-table @current-change="handleCurrentChange" :data="fenfaData" highlight-current-row height="407">
        <el-table-column label="分发单号" prop="businessFormCode" align="left"></el-table-column>
        <el-table-column label="物品名称" prop="baseGoodsTemplateName" align="left"></el-table-column>
        <el-table-column label="分发数量" prop="totalCount" align="center"></el-table-column>
        <el-table-column label="剩余数量" prop="useCount" align="center"></el-table-column>
        <el-table-column label="分发时间" prop="inTime" width="160" align="center">
          <template slot-scope="{row}">
            {{ DateFormatter.LongToDateTime(row.inTime) }}
          </template>
        </el-table-column>
      </el-table>
      <div slot="footer" align="center" class="dialog-footer">
        <my-button name="取消" site="form" @click="fenfaSetting.show=false" />
        <my-button name="确定" site="form" @click="handleConfirm" />
        <my-button name="取消" site="form"
                   @click="fenfaSetting.show=false;fenfaSetting.baseGoodsTemplateId=null;curFenfa=null;fenfaData=[]"/>
        <el-button @click="handleConfirm" type="primary" size="medium">确定</el-button>
      </div>
    </win-sm>
    </div>
    </win-md>
  </win-md>
</template>
<script>
import {
  goodsTemplate,
  goodsModel,
  selectTenantWarehouse,
  warehouseSelectNumber,
} from '@/api/baseSetting/finsystenant';
import { outputAdd } from '@/api/stock/accessStock';
import { getTree } from '@/api/foudation/classification';
import {departmentListAll} from '@/api/system/deptment';
import {goodsTemplate} from '@/api/baseSetting/finsystenant';
import {scrappedAdd} from '@/api/deptGoods/scrap';
import {getTree} from '@/api/foudation/classification';
import MyButton from '@/components/myButton/myButton';
import winMd from '@/components/win/win-md';
import winSm from '@/components/win/win-sm';
import upload from '@/components/upload/index';
import { getUploadUrl } from '@/utils/base';
import { mapGetters } from 'vuex';
import {getUploadUrl} from '@/utils/base';
import {mapGetters} from 'vuex';
import * as DateFormatter from '@/utils/DateFormatter';
import {getFfOrderByGoodsIdAndDept, getGoodsUseInfoByFfOrderAndGoodId} from "@/api/deptGoods/scrap";
import {getDicts} from "@/api/system/dict/data";

export default {
  components: { MyButton, winMd, winSm, upload },
  components: {MyButton, winMd, winSm, upload},
  props: {
    setting: {
      type: Object,
      default: () => {},
      default: () => {
      },
    },
  },
  data() {
    // 自定义校验
    // 物品重复校验
    var checkGoodsTemplateId = (rule, value, callback) => {
      if (!value) {
        return callback(new Error('请选择'));
      }
      let temp = this.formData.goods.filter((v) => v.baseGoodsTemplateId == value);
      if (!temp || temp.length != 1) {
        return callback(new Error('已选过此物品'));
      }
      callback();
    };
    return {
      loading: false,
      warehouseOptions: [], // 报废仓库列表
      checkCounts: (rule, value, callback) => {
        if (!rule.counts) {
          return callback();
        }
        if (!Number.isInteger(rule.counts)) {
          // this.$message.warning('请输入数字值');
          return callback(new Error('请输入数字值'));
        }
        if (rule.counts > rule.userUseCount) {
          // this.$message.warning('分发数量不能大于剩余数量');
          return callback(new Error('报废数量不能大于在用数量'));
        }
        callback();
      },
      checkReason: (rule, value, callback) => {
        if (rule.counts && !rule.scrappedCode) {
          return callback(new Error('请选择报废原因'));
        }
        callback();
      },
      DateFormatter: DateFormatter,
      loading: true,
      departmentOptions: [], // 部门列表
      categoryOptions: [], // 物品分类列表
      modelList: [], //型号列表
      fenfaSetting: {
        show: false,
        goodsIdx: null,
        baseGoodsTemplateId: null,
        id: '',
      },
      fenfaData:[],
      curFenfa: null,
      fenfaData: [],
      formData: {
        warehouseId: '', // 报废仓库id
        dealTime: '', // 报废时间
        departmentId: '', // 报废部门id
        dealTime: DateFormatter.formatDate(new Date(), 'yyyyMMddhhmmss'), // 报废时间
        procureDoc: '',
        goods: [],
      },
      goodsItem: {
        baseCategoryIds: '', // 分类编号数组
        businessFormCode: '', // 分发单id
        transBusinessId: '', // 分发单id
        baseCategoryId: '', // 分类编号
        baseGoodsTemplateId: '', // 物品模版编号
        goodsTemplateName: '', // 物品模版名称
        goodsOptions: [], // 物品列表select
        modelsOptions: [], //规格型号select
        models: [], // 物品名称
        modelsIds: [], //规格型号
      },
      modelsItem: {
        baseGoodsModelsId: '', // 规格型号编号
@@ -237,14 +308,18 @@
        unit: null, //单位
      },
      rules: {
        warehouseId: [{ required: true, message: '请选择', trigger: 'change' }],
        dealTime: [{ required: true, message: '请选择', trigger: 'change' }],
        buyType: [{ required: true, message: '请选择', trigger: 'change' }],

        baseCategoryIds: [{ required: true, message: '请选择', trigger: 'change' }],
        baseGoodsTemplateId: [{ validator: checkGoodsTemplateId, trigger: ['blur', 'change'] }],
        modelsIds: [{ required: true, message: '请选择', trigger: 'change' }],
        counts: [{ required: true, message: '请输入', trigger: 'change' }],
        departmentId: [{required: true, message: '请选择部门', trigger: 'change'}],
        dealTime: [{required: true, message: '请选择', trigger: 'change'}],
        procureDoc: [{required: true, message: '请上传', trigger: 'change'}],
        baseCategoryId: [{required: true, message: '请选择', trigger: 'change'}],
        baseGoodsTemplateId: [{
          required: true,
          message: '请选择物品',
          trigger: 'change'
        }],
        businessFormCode: [{required: true, message: '请选择分发单', trigger: 'change'}],
        counts: [{required: true, message: '请输入', trigger: 'change'}],
        reason: [{required: true, message: '请选择', trigger: 'change'}],
      },

      uploadSettings: {
@@ -256,8 +331,8 @@
        uploadUrl: getUploadUrl(), // 上传路径
        multiple: true, // 是否支持批量上传
        disabled: false, // 是否禁用
        type: 'picture', // text/picture
      },
      scrapReasonOptions: [] // 报废原因
    };
  },
  computed: {
@@ -268,27 +343,25 @@
  },
  methods: {
    async init() {
      this.getWarehouseList();
      this.getgoodsTemplate();
      // 获取物品分类列表
      await this.getdeptmentList();
      const treeRes = await getTree();
      this.categoryOptions = this.removeEmptyChildren(treeRes);
      this.formData.departmentName = this.userInfo.sysDeptName;
      this.formData.createName = this.userInfo.userName;
      this.getgoodsTemplate();
      // 获取物品分类列表
      this.formData.departmentId = this.userInfo.sysDeptId;
      this.formData.operatorName = this.userInfo.userName;
      this.loading = false
      getDicts('SCRAP_REASON').then((res) => {
        this.scrapReasonOptions = res;
      });
    },

    // 获取报废仓库列表
    getWarehouseList() {
      selectTenantWarehouse({ agencyId: this.userInfo.tenantId })
    // 获取部门列表
    async getdeptmentList() {
      await departmentListAll({tenantId: this.userInfo.tenantId})
        .then((res) => {
          this.warehouseOptions = res;
          if (res.length) {
            this.formData.goods.push(JSON.parse(JSON.stringify(this.goodsItem)));
          }
          if (this.warehouseOptions.length && !this.formData.warehouseId) {
            // 默认选中第一个仓库
            this.formData.warehouseId = this.warehouseOptions[0].id;
          }
          this.departmentOptions = res;
          this.formData.goods.push(JSON.parse(JSON.stringify(this.goodsItem)));
        })
        .catch((err) => {
          console.log('err', err);
@@ -308,7 +381,7 @@

    // 获取物品名称列表
    getgoodsTemplate(id, index) {
      goodsTemplate({ categoryId: id || '' }).then((res) => {
      goodsTemplate({categoryId: id || ''}).then((res) => {
        if (index || index == 0) {
          this.$set(this.formData.goods[index], 'goodsOptions', res);
        } else {
@@ -339,25 +412,38 @@
    categoryChange(e, index) {
      this.formData.goods[index].goodsOptions = [];
      this.formData.goods[index].baseGoodsTemplateId = '';
      this.formData.goods[index].businessFormCode = '';
      this.formData.goods[index].goodsTemplateName = '';
      this.formData.goods[index].modelsOptions = [];
      this.formData.goods[index].modelsIds = [];
      this.formData.goods[index].models = [];

      this.formData.goods[index].baseCategoryId = e[e.length - 1];
      // 根据选中分类请求物品名称列表
      this.getgoodsTemplate(e[e.length - 1], index);
      this.getgoodsTemplate(e, index);
    },

    // 物品名称列表选择
    goodsTemplateChange(e, index) {
      this.formData.goods[index].modelsOptions = [];
      this.formData.goods[index].modelsIds = [];
      this.formData.goods[index].models = [];

      this.formData.goods[index].goodsTemplateName = this.getGoodsTemplateName(e);
      this.formData.goods[index].businessFormCode = '';
    },

    showFenFa(index) {
      this.loading = true
      getFfOrderByGoodsIdAndDept({
        departmentId: this.formData.departmentId,
        baseGoodsTemplateId: this.formData.goods[index].baseGoodsTemplateId
      }).then(res => {
        this.loading = false
        if (!res || res.length === 0) {
          this.$message.error('未查询到可以报废的分发单');
          return
        }
        this.fenfaSetting.show = true
        this.fenfaSetting.baseGoodsTemplateId = this.formData.goods[index].baseGoodsTemplateId
        this.fenfaSetting.goodsIdx = index
        this.fenfaData = res
      }).catch((err) => {
        this.loading = false
      });
    },
    // 上传
    uploadChange() {
      let arr = this.$refs.uploadRef.fileList;
@@ -373,38 +459,75 @@
    removeGoods(index) {
      this.formData.goods.splice(index, 1);
    },

    // 报废数量校验
    countsChange(e, goodsIndex, index) {
      const curItem = this.formData.goods[goodsIndex].models[index];
      const worehouseCount = curItem.worehouseCount;
      if (e == 0) {
        this.$message.warning('数额不能为0');
        curItem.counts = null;
      }
      if (e > worehouseCount) {
        this.$message.warning('数额超过现有库存');
        curItem.counts = worehouseCount > 0 ? worehouseCount : null;
      }
    handleCurrentChange(e) {
      this.curFenfa = e
    },
    handleConfirm() {
      if (!this.curFenfa) {
        this.$message.error('请选择分发单');
        return
      }
      let bIdx = this.formData.goods.findIndex((v) => v.businessFormCode == this.curFenfa.businessFormCode);
      let gIdx = this.formData.goods.findIndex((v) => v.baseGoodsTemplateId == this.fenfaSetting.baseGoodsTemplateId);

    handleConfirm(){

      if (gIdx !== -1 && gIdx !== this.fenfaSetting.goodsIdx && bIdx !== -1 && bIdx !== this.fenfaSetting.goodsIdx) {
        this.$message.error('同一个物品不能选择相同的分发单');
        return;
      }
      getGoodsUseInfoByFfOrderAndGoodId({
        transBusinessId: this.curFenfa.transBusinessId,
        baseGoodsTemplateId: this.fenfaSetting.baseGoodsTemplateId
      }).then(res => {
        if (res) {
          let arr = []
          for (let resKey in res) {
            const item = res[resKey]
            item.map(t => {
              t.counts = null
              t.scrappedCode = null
            })
            arr.push(item)
          }
          this.formData.goods[this.fenfaSetting.goodsIdx].models = arr
          this.formData.goods[this.fenfaSetting.goodsIdx].businessFormCode = this.curFenfa.businessFormCode
          this.formData.goods[this.fenfaSetting.goodsIdx].transBusinessId = this.curFenfa.transBusinessId
        }
        this.fenfaSetting.show = false
      })
    },

    // 提交
    handleSubmit() {
      this.$refs['ruleForm'].validate((valid) => {
        if (valid) {
          console.log('this.formData', this.formData);
          outputAdd(this.formData)
          let params = JSON.parse(JSON.stringify(this.formData))
          params.goods.map(g => {
            delete g.goodsOptions
            let arr = []
            g.models.map(m => {
              m.map(item=>{
                if(item.counts&&item.counts>0){
                  arr.push(item)
                }
              })
            })
            g.models = arr
          })
          params.goods = params.goods.filter(g=>g.models.length>0)
          if(params.goods.length===0){
            this.$message.error('请至少填写一个报废物品');
            return;
          }
          if (this.loading) return
          this.loading = true
          scrappedAdd(params)
            .then((res) => {
              this.loading = false
              this.$message.success('保存成功！');
              this.close();
              this.$emit('search');
            })
            .catch((err) => {
              console.log('edit err', err);
              this.loading = false
              this.$message.error('保存失败');
            });
        } else {
@@ -426,6 +549,7 @@
</script>
<style scoped lang="scss">
@import url(../../../../styles/store.scss);

.cursor-p {
  ::v-deep {
    .el-input__inner {
@@ -433,4 +557,9 @@
    }
  }
}

.card3 {
  border-radius: 2px;
  background: #ffffff;
}
</style>