隐藏多单位的问题

haoxuan

2024-04-17 1888b426ff2b6a529f5fdef0f0453dadef71824b

 src/views/productManage/product/AddProductDialog.vue

@@ -130,23 +130,25 @@
                      </el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="单位old" prop="unit">
                  <!-- <el-form-item label="单位old" prop="unit">
                    <el-input
                      v-model="editConfig.infomation.unit"
                      placeholder="请输入"
                      style="width: 85%"
                      :disabled="!showFooter"
                    ></el-input>
                  </el-form-item>
                  </el-form-item> -->

                  <el-form-item label="单位" prop="unit">
                    <el-select
                      :disabled="!showFooter"
                      v-model="editConfig.infomation.unit"
                      placeholder="单位"
                      filterable
                      @change="$forceUpdate()"
                      style="width: calc(100% - 30px)"
                      @change="Gtechange"
                      style="width: calc(85% - 0px)"
                    >
                    <!-- style="width: calc(85% - 110px)" -->
                      <el-option
                        v-for="ele in unitList"
                        :key="ele.id"
@@ -159,6 +161,14 @@
                      style="font-size: 20px; color: gray"
                      @click="handleUnitShow"
                    ></i>
                    <!-- <el-checkbox
                    class="margin_left_10px"
                    :disabled="editConfig.infomation.unit&&showFooter?false:true"
                    v-model="editConfig.infomation.moreUnit"
                    @change="moreUnitChange"
                    ></el-checkbox
                  > -->
                  <!-- <span class="margin_left_10px cursor_pointer"  @click="handleUnitMore">启用多单位</span> -->
                  </el-form-item>
                  
                  <el-form-item label="产品标签" prop="productTagName">
@@ -239,7 +249,10 @@
                    ></el-input>
                  </el-form-item>
                  <el-form-item label="采购类型" prop="purchaseTypeList">
                    <el-checkbox-group v-model="editConfig.infomation.purchaseTypeList">
                    <el-checkbox-group 
                      v-model="editConfig.infomation.purchaseTypeList" 
                      :disabled="!showFooter"
                    >
                      <el-checkbox v-for="item in bomPurchaseTypeList" :key="item.id" :label="item.id">{{ item.name }}</el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
@@ -533,24 +546,32 @@
    </el-dialog>
    <BomDialog
      ref="editDialog"
      @sucessSet="handleGetBomKindDictList"
      :editRow="editRow"
      @handleConfirmSave="handleConfirmSave"
      :workList="unitList"
      title="计量单位"
    ></BomDialog>
    <UnitMoreDialog
      ref="unitMoreDialog"
      @saveUnitMore="saveUnitMore"
      :workList="unitList"
      :dataList="editConfig.infomation.moreUnitList"
      title="启用多单位"
    ></UnitMoreDialog>
  </div>
</template>

<script>
import IconCropper from "./IconCropper"
import { getProductCategoryList } from "@/api/product/productCategory"
import { getProductList, addProduct, updateProduct } from "@/api/product/product"
import { uploadFiles, getUserInfo } from "@/api/common/other"
import { getProductList, addProduct, updateProduct,saveUnitDict } from "@/api/product/product"
import { uploadFiles, getUserInfo, } from "@/api/common/other"
import codeMixin from "@/components/mixin/codeMixin"
import { getDataByType } from "@/api/data"
import BomDialog from "./components/bomDialog";
import {getUnitInfo,  } from "@/api/basic/standard";
// import { postGetSaveSUnitDict  } from "@/api/basic/standard";

import UnitMoreDialog from "./components/UnitMoreDialog";

export default {
  mixins: [codeMixin],
@@ -571,6 +592,7 @@
  components: { 
    IconCropper,
    BomDialog, 
    UnitMoreDialog,
  },
  computed: {
    modalTitle() {
@@ -592,7 +614,7 @@
        id: [{ required: true, validator: this.validateCheckCode, trigger: ["change", "blur"] }],
        model: [{ required: true, message: "请选择物料类型", trigger: "change" }],
        // salePrice: [{ required: true, message: "请输入销售价格", trigger: "blur" }],
        unit: [{ required: true, message: "请输入单位", trigger: ["change", "blur"] }],
        unit: [{ required: true, message: "请输入单位", trigger: ["blur"] }],
        // 采购类型
        purchaseTypeList: [{ required: true, message: "请选择", trigger: "blur" }]
      },
@@ -653,6 +675,10 @@
      fileFormdata: null, // 上传图片入参
      bomPurchaseTypeList: getDataByType("purchaseType"),
      unitList: [],
      editRow:{
        editDialogVisible:false,
        BomTableData:[]
      }
    }
  },
  created() {
@@ -673,44 +699,51 @@
    this.setOptionalFieldsToEmpty()
    this.formInfo()
    this.getUserInfo()
    this.getUnitInfo()
  },
  methods: {
    // 单位
    handleUnitShow() {
      this.handleGetBomKindDictList();
      this.$refs.editDialog.editDialogVisible = true;
      this.editRow.editDialogVisible = true;
    },
    //  单位
    handleGetBomKindDictList(val) {
      console.log(val)
      // postGetUnitDictList().then((res) => {
      //   this.unitList = res.data;
      //   if (val) {
      //     for (let i in this.unitList) {
      //       if (this.unitList[i].isDefault) {
      //         this.form.unit = this.form.unit
      //           ? this.form.unit
      //           : this.unitList[i].name;
      //         // this.$set(this.form, "unit", this.form.unit);
      //         break;
      //       }
      //     }
      //   }
      // });
    // 启用多单位
    handleUnitMore(){
      if(this.editConfig.infomation.unit){
        this.$refs.unitMoreDialog.editDialogVisible = true;
      }else{
        this.$message.error('请先选择单位！')
      }
    },
    handleConfirmSave(data) {
      console.log(data)
      // postGetSaveSUnitDict({ data: data }).then((res) => {
      //   if (res.code == 200) {
      //     this.$message({
      //       message: "操作成功！",
      //       type: "success",
      //     });
      //     this.$refs.editDialog.editDialogVisible = false;
      //     this.handleGetBomKindDictList();
      //   }
      // });
      this.$refs.editDialog.editDialogVisible = false;
    saveUnitMore(list){
      this.editConfig.infomation.moreUnitList=list
    },
    // 启用多单位的开关
    moreUnitChange(){
      let string=false;
      if(this.editConfig.infomation.moreUnitList&&this.editConfig.infomation.moreUnitList.length>0){
        for(let i in this.editConfig.infomation.moreUnitList){
          if(this.editConfig.infomation.moreUnitList[i].unit&&this.editConfig.infomation.moreUnitList[i].amount){
            string=true;
            break;
          }
        }
      }
      if(!string){
        this.editConfig.infomation.moreUnit=false
        this.$message.error('请先配置多单位！')
      }
    },
    handleConfirmSave(dataList) {
      saveUnitDict({ data: dataList }).then((res) => {
        if (res.code == 200) {
          this.$message({
            message: "操作成功！",
            type: "success",
          });
          this.getUnitInfo()
        }
      });
      this.editRow.editDialogVisible = false;

    },
    // 获取登录用户信息
@@ -849,6 +882,11 @@
      if (this.editConfig.title == "新建") {
        params.codeStandardID = this.autoCodeObj.codeStandardID
        params.autoIncr = this.autoCodeObj.maxAutoIncr
      }
      if(params.moreUnitList.length>0){
        for(let i in params.moreUnitList){
          params.moreUnitList[i].amount=Number(params.moreUnitList[i].amount)
        }
      }
      requestUrl(params).then((res) => {
        console.log(res)
@@ -989,6 +1027,23 @@
      } else if (val === "销售") {
        this.showSale = param
      }
    },
    Gtechange(){
      this.$forceUpdate()
    },
    // 获取单位列表数据
    async getUnitInfo(){
      await getUnitInfo().then((res)=>{
        if( this.editConfig.title==="新建"){
          res.data.map((item)=>{
            if(item.isDefault){
              this.editConfig.infomation.unit=item.name
            }
          })
        }
        this.editRow.BomTableData = res.data;
        this.unitList=res.data
      })
    }
  }
}