kz-ui-base 1.0.35 → 1.0.37

package/components/sm/InventorySearch.vue

@@ -0,0 +1,392 @@
+<script>
+import { Component, Prop } from "vue-property-decorator";
+import { pageSelectInv } from '@srcApi/wm/inv'
+import { GOODS_OWNER_TYPE } from "@/constant/wm";
+import { getSiteNameByIdOrNo, getStorageZoneNameByIdOrNo } from "kz-ui-base/common/src/utils/cache/fdCache";
+import { vendorList } from "@srcApi/bd/vendor";
+import { listCustomer } from "@srcApi/bd/customer";
+import { MAX_PAGE_SIZE } from "@/constant/common";
+import {ListBasePage} from "kz-ui-base";
+import {
+  queryMessageInventory,
+  InventoryMessage
+} from "@srcApi/sm/dm/SmDelInventoryReservation";
+import {getInvLotDtoList} from "@srcApi/sm/cm/salesOrder";
+@Component
+export default class priceListSearch extends ListBasePage {
+  @Prop()
+  setting;
+  //微服务模块名称
+  moduleName = "wm";
+  //实体名称-服务名称
+  serviceName = "Inv";
+  //表格是否自动加载数据
+  isAutoLoad = false;
+  labelwidth = "120px";
+  //操作菜单设定
+  opMenus = [
+
+  ]
+  // 列表分页参数
+  listQueryParams = {
+    pageNum: 1,
+    pageSize: 10,
+    totalPages: 1,
+    total: 0,
+    orderBy: "id",
+    orderByColumn: "id",
+    isAsc: "desc",
+  };
+  listSetting = {
+    //获取列表数据的api方法名
+    getListAction: "pageSelectInv",
+    //主键字段
+    pkField: this.pkField,
+    // 遮罩层
+    loading: false,
+    //是否显示合计行
+    isShowSumRow: false,
+    //是否显示分页栏
+    isShowPager: true,
+    //是否显示操作栏
+    isShowOpColumn: false,
+    isShowIndexColumn: true,
+    //单点时选中行多选
+    multipleChoice: false,
+    //表头标签居中
+    headerCellStyle: {
+      textAlign: "center",
+    },
+  };
+  //表格选中数据
+  row = {};
+  //表格数据
+  listData = [];
+  specificationListData = [];
+  //编辑列区域设置，含控件区域分组及Tab设置
+  areaSetting = [
+    {
+      name: "basic",
+      visable: true,
+      icon: "ion-plus-round",
+      text: "基本信息",
+      type: "area",
+    },
+  ];
+  // 查询信息
+  searchRules = [
+    {
+      op: "EQ", text: "库存组织", property: "storageSiteId", displayType: "DropDownList", disabled: false, storageSiteId: '',
+      setting: {
+        isShowPleaseChoose: false,
+        url: "/fd/fd/getUserSitesByParam",
+        displayField: "componentName",
+        valueField: "componentNo",
+        parameter: { isStoraging: 1 },
+      }
+    },
+    {
+      op: "EQ", text: "仓库", property: "storageZoneId", displayType: "DropDownList", disabled: false, storageZoneId: '',
+      setting: { type: "StorageZones" }
+    },
+    { op: "EQ", text: "存货编码", property: "itemNo", displayType: "TextBox", disabled: false, itemNo: '' },
+    { op: "EQ", text: "批号", property: "lotNo", displayType: "TextBox", disabled: false, lotNo: '' },
+    { op: "EQ", text: "制品号", property: "productNo", displayType: "TextBox", disabled: false, itemNo: '' },
+    // { op: "EQ", text: "查询类型", property: "queryType", displayType: "TextBox", disabled: true, visible: false, itemName: '' },
+    // { op: "EQ", text: "仅可出库锁定", property: "onlyStocklockAvailable", displayType: "TextBox", disabled: true, visible: false, lotNo: '' },
+  ];
+  // 表单校验
+  rules = {};
+  loading = false;
+  detailLoading = false;
+  // 启用多选模式
+  isMultiple = true;
+  // 列表列信息
+  listColumns = [
+    { text: "物料id", property: "itemId", visible: false },
+    { text: "存货编码", property: "itemNo", width: 120 },
+    { text: "存货名称", property: "itemName", width: 200 },
+    { text: "规格型号", property: "itemSpec", width: 260 },
+    { text: "物料库存Id", property: "invLotId", visible: false },
+    { text: "批号", property: "lotNo", width: 140 },
+    { text: "制品号", property: "productNo", width: 160 },
+    { text: "毛重", property: "grossWeight", width: 110 },
+    { text: "净重", property: "netWeight", width: 110 },
+    {
+      text: "库存组织", property: "storageSiteId", width: 200,
+      setting: {
+        isShowPleaseChoose: false,
+        url: "/fd/fd/getUserSitesByParam",
+        displayField: "componentName",
+        valueField: "componentNo",
+        parameter: { isStoraging: 1 },
+      }
+    },
+    {
+      text: "仓库", property: "storageZoneId", width: 200,
+      setting: { type: "StorageZones" }
+    },
+    {
+      text: "货主类型", property: "goodsownerTypeCode", width: 140,
+      setting: {
+        dictType: "goodsowner_type_code"
+      },
+    },
+    {
+      text: "货主", property: "goodsownerId", width: 160, format: "getGoodsOwnerNameByIdAndType"
+      // setting: {
+      //       urlFormat: "/sm/bdgroup/selectList",
+      //       dataName: "goodsowner",
+      //       //指定显示字段和取值字段
+      //       displayField: "groupName",
+      //       valueField: "groupNo"
+      //     }
+    },
+    { text: "销售订单编号", property: "orderNo", width: 140 },
+    { text: "销售订单行号", property: "orderLine", width: 120 },
+    // { text: "钢厂", property: "makerCode", width: 140 },
+    { text: "生产日期", property: "productionDate", displayType: "DatePicker", width: 120, setting: { format: "yyyy-MM-dd" } },
+    { text: "入库日期", property: "stockinDate", displayType: "DatePicker", width: 120, setting: { format: "yyyy-MM-dd" } },
+    // { text: "生产订单编号", property: "poNo", width: 140 },
+  ];
+
+  //当前功能主键字段
+  pkField = "id";
+  //列表自定义操作菜单设定 - 若无自定义按钮，不需要重写
+  listCustomOpMenus = [
+    //{ visable: true, text: "按钮1", icon: "el-icon-edit", permission: "", name: "custom1", isShowText: false }
+  ];
+  vendorList = [];
+  customerList = [];
+  reservedInventoryInfo = [];
+  created() {
+    let that = this;
+    this.setting.labelWidth = this.setting.labelWidth || "100px";
+    if (this.setting.data && this.setting.data.searchObj) {
+      this.searchRules.forEach((item, index) => {
+        if (item.property == "itemNo" && that.setting.data.searchObj.itemNo) {
+          this.$set(that.searchRules[index], "disabled", true);
+          this.$set(that.searchRules[index], "itemNo", that.setting.data.searchObj.itemNo);
+        }
+        if (item.property == "storageSiteId" && that.setting.data.searchObj.storageSiteId) {
+          this.$set(that.searchRules[index], "disabled", true);
+          this.$set(that.searchRules[index], "storageSiteId", that.setting.data.searchObj.storageSiteId);
+        }
+        // if (item.property == "queryType" && that.setting.data.searchObj.queryType) {
+        //   this.$set(that.searchRules[index], "disabled", true);
+        //   this.$set(that.searchRules[index], "queryType", that.setting.data.searchObj.queryType);
+        // }
+        // if (item.property == "onlyStocklockAvailable" && that.setting.data.searchObj.onlyStocklockAvailable) {
+        //   this.$set(that.searchRules[index], "disabled", true);
+        //   this.$set(that.searchRules[index], "onlyStocklockAvailable", that.setting.data.searchObj.onlyStocklockAvailable);
+        // }
+      });
+    }
+    this.reservedInventoryInfo = this.setting.data.reservedInventoryInfo;
+    console.log("fff:",this.reservedInventoryInfo)
+    this.getVendorList();
+    this.getCustomerList();
+  }
+  mounted() {
+    // this.getList();
+  }
+  //当前绑定实体字段值变更事件
+  onChangeEvent(args) {
+    // console.log(args);
+    // console.log(this.matter);
+
+  }
+  clickRow(row) {
+    console.log("row", row);
+    this.row = row;
+  }
+  /** 重置按钮操作 */
+  resetQuery() {
+    for (var searchRule of this.searchRules) {
+      if (searchRule.property == "itemNo") {
+        if (this.setting.data && this.setting.data.searchObj && this.setting.data.searchObj.itemNo) {
+          continue;
+        }
+      }
+      // if (searchRule.property == "queryType") {
+      //   if (this.setting.data && this.setting.data.searchObj && this.setting.data.searchObj.queryType) {
+      //     continue;
+      //   }
+      // }
+      // if (searchRule.property == "onlyStocklockAvailable") {
+      //   if (this.setting.data && this.setting.data.searchObj && this.setting.data.searchObj.onlyStocklockAvailable) {
+      //     continue;
+      //   }
+      // }
+
+      this.$set(searchRule, searchRule.property, undefined);
+      if (searchRule.displayType == "Lookup") {
+        this.$refs.Lookup.forEach((item) => {
+          item.reset();
+        });
+      }
+      if (searchRule.displayType == "Cascader") {
+        this.$refs.cascader.forEach((item) => {
+          item.reset();
+        });
+      }
+    }
+    this.resetForm("queryForm");
+
+    this.getList();
+  }
+  getList() {
+    this.loading = true
+    const pageNum = this.listQueryParams.pageNum ? this.listQueryParams.pageNum : 1;
+    const pageSize = this.listQueryParams.pageSize ? this.listQueryParams.pageSize : 10;
+
+    let params = {
+      pageNum: pageNum,
+      pageSize: pageSize,
+    }
+    if (this.searchRules) {
+      for (var item of this.searchRules) {
+        if (item[item.property] || item[item.property] == 0) {
+          if (item["displayType"] == "status") {
+            if (item[item.property])
+              params[item["property"]] = item[item.property][0];
+          } else {
+            params[item["property"]] = item[item.property];
+          }
+        }
+      }
+    }
+
+    // pageSelectInv(params).then((response) => {
+    getInvLotDtoList(params).then((response) => {
+      this.listData = response.data
+      if(this.listData.length>0){
+        this.listData.forEach(item=>{
+          item.stockinDate = item.createTime
+          if(this.reservedInventoryInfo.length>0){
+            this.reservedInventoryInfo.forEach(data=>{
+              this.listData = this.listData.filter(item => item.id !== data.id)
+            })
+          }
+        })
+      }
+      this.listQueryParams.total = Number(response.total)
+      this.loading = false
+    }).catch(() => {
+      this.loading = false
+    })
+    this.loading = false
+  }
+  // 取消按钮
+  cancel() {
+    this.setting.isShow = false;
+  }
+  // 表单重置
+  reset() { }
+  /** 提交按钮 */
+  submitForm() {
+    this.$set(this.setting, "submitLoading", true);
+    if (this.setting.data.multiSelect) {
+      console.log("this.currentEntities=", this.currentEntities);
+      if (this.currentEntities.length <= 0) {
+        this.$message.error("请至少选择一笔批次数据");
+        this.$set(this.setting, "submitLoading", false);
+        return;
+      }
+    } else {
+      if (this.currentEntities.length !== 1) {
+        this.$message.error("请选择一笔批次数据");
+        this.$set(this.setting, "submitLoading", false);
+        return;
+      }
+
+    }
+    let i = 0;
+    //库存预约卡控，add 20230608，不要随便删除
+    if (this.setting.data.checkRule != null && this.setting.data.checkRule) {
+      this.currentEntities.forEach((item) => {
+        this.setting.data.InventoryData.forEach((res) => {
+          if (item.productNo == res.productNo) {
+              i = 1;
+            this.$message.error(item.productNo + "已经存在，请勿重复选择！");
+            return;
+          }
+        })
+      })
+    }
+    if(i===1){
+        return;
+    }
+    this.$emit("confirm", this.currentEntities);
+    this.$set(this.setting, "submitLoading", false);
+  }
+
+  // 多选框选中数据
+  onSelectionChange(selection, row) {
+
+    //库存预约卡控，add 20230608，不要随便删除
+    if (this.setting.data.checkRule != null && this.setting.data.checkRule) {
+      selection.forEach((item) => {
+        if (item.soNo != null || item.soNo == "") {
+          this.$message.warning(item.productNo + "已经属于" + item.soNo + "订单的货！");
+          //  return;
+        }
+
+        this.setting.data.InventoryData.forEach((res) => {
+          if (item.productNo == res.productNo) {
+            this.$message.error(item.productNo + "已经存在，请勿重复选择！");
+          }
+        })
+
+      })
+    }
+
+    this.currentEntities = selection;
+  }
+  onSearch(args) {
+    switch (args.property) {
+      case "goodsOwnerId":
+
+        break;
+    }
+  }
+  /** 获取货主名称 */
+  getGoodsOwnerNameByIdAndType(row, column, value) {
+    let val = value;
+    switch (row['goodsOwnerTypeCode']) {
+      case GOODS_OWNER_TYPE.BUSINESS_ORGANIZATION:
+        return val = getSiteNameByIdOrNo(value);
+        break;
+      case GOODS_OWNER_TYPE.VENDOR:
+        const vendor = this.vendorList.find(item => item.id === value)
+        if (vendor && vendor.hasOwnProperty("vendorName")) {
+          return val = vendor.vendorName
+        }
+        break;
+      case GOODS_OWNER_TYPE.CUSTOMER:
+        const customer = this.customerList.find(item => item.id === value)
+        if (customer && customer.hasOwnProperty("customerName")) {
+          return val = customer.customerName
+        }
+        break;
+      default:
+        return val
+        break;
+    }
+  }
+  getVendorList() {
+    const pageNum = 1;
+    const pageSize = MAX_PAGE_SIZE;
+    vendorList({ op: "AND", pageNum, pageSize }).then((response) => {
+      this.vendorList = response.rows
+    })
+  }
+  getCustomerList() {
+    const pageNum = 1;
+    const pageSize = MAX_PAGE_SIZE;
+    listCustomer({ op: "AND", pageNum, pageSize }).then((response) => {
+      this.customerList = response.rows
+    })
+  }
+}
+</script>

package/components/sm/information.vue

@@ -0,0 +1,177 @@
+<template>
+  <div style="margin-bottom: 0px">
+    <el-form
+      ref="entity"
+      :model="entity"
+      :rules="rules"
+      :label-width="labelWidth"
+    >
+      <el-row>
+        <FormColumns
+          ref="FormColumns"
+          :areaSetting="areaSetting"
+          :columns.sync="listColumns"
+          @onSearch="onSearch"
+          :entity.sync="entity"
+          @change="onChangeEvent"
+        ></FormColumns>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="submitForm">确 定</el-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { listEntity } from "kz-ui-base/common/src/api/common/common";
+import FormColumns from "@srcComponents/customForm/formColumns.vue";
+import technicalStandardModal from '@srcViews/pd/common/modal/technicalStandardModal.vue'
+import processingStatusModel from './processingStatusModel.vue'
+// import TableForm from "./tableForm.vue";
+import {
+  Component,
+  Prop,
+  Vue,
+  Watch,
+  Emit,
+  Mixins,
+} from "vue-property-decorator";
+@Component({
+  components: {
+    FormColumns
+  },
+})
+export default class infomation extends Vue {
+  @Prop()
+  value;
+  //表格数据
+  entity = {};
+
+  //列表列信息
+  listColumns = [{disabled: false}];
+  //页面设置参数
+  listSetting = { viewDetail : false};
+  rules = {};
+  labelWidth = "100px";
+  //编辑列区域设置，含控件区域分组及Tab设置
+  areaSetting = [
+    {
+      name: "technicalInfo",
+      visible: true,
+      icon: "ion-plus-round",
+      text: "技术信息",
+      type: "area",
+    },
+    // {
+    //   name: "unitPriceComposition",
+    //   visible: true,
+    //   icon: "ion-plus-round",
+    //   text: "单价构成",
+    //   type: "area",
+    // },
+    {
+      name: "other",
+      visible: true,
+      icon: "ion-plus-round",
+      text: "其他",
+      type: "area",
+    }
+  ];
+  created() {
+    this.listColumns = this?.value?.listColumns;
+    this.entity = this.value.row;
+    this.listSetting = this.value.listSetting;
+
+    this.listColumns.forEach((item, index) => {
+      if(this.listSetting.viewDetail){
+        this.$set(this.listColumns[index], "disabled", true);
+      }
+      if(this.value.entity.prodCategoryCode && "prodCategoryCode" in item){
+        if(item["prodCategoryCode"]){
+          if(!(item['prodCategoryCode'] as any).includes(this.value.entity.prodCategoryCode)){
+            this.$set(this.listColumns[index], "visible", false);
+          }
+        }
+      }
+    });
+    if (this.value?.specialContract) {
+      this.areaSetting.shift()
+    }
+  }
+  //当前绑定实体字段值变更事件
+  onChangeEvent(args) {
+    //console.log(args);
+  }
+  onSearch(args) {
+    const that = this;
+    switch (args.property) {
+        case "inspectionStandard":
+          (this as any).Dialog.open({
+            component: technicalStandardModal,
+            setting: {
+              isShow: true,
+              title: '选择检验标准',
+              size: 'small', // 可选项tiny/small/large/full
+              width: '1300px', // 表格宽度 不传默认为800px
+              labelWidth: '120px', // input标题宽度  不传默认为100px
+              data: { btnShow: true }
+            },
+            confirm: (result) => {
+              if (!result.id) {
+                (this as any).$message.error(`请选择一条数据`)
+                return false
+              }
+              this.$set(this.entity, "inspectionStandard", result.technicalStandardCode);
+              return true;
+            }
+          })
+          break;
+        case "processingStatus":
+          (this as any).Dialog.open({
+            component: processingStatusModel,
+            setting: {
+              isShow: true,
+              title: '选择加工属性',
+              size: 'small', // 可选项tiny/small/large/full
+              width: '800px', // 表格宽度 不传默认为800px
+              labelWidth: '120px', // input标题宽度  不传默认为100px
+              data: {
+                btnShow: true,
+                multipleChoice: true
+              }
+            },
+            confirm: (result) => {
+
+              if (result.length == 0) {
+                (this as any).$message.error(`请选择一条数据`)
+                return false
+              }
+              let processingStatus = "";
+              for (let i = 0; i < result.length; i++) {
+                if (i > 0) processingStatus += ","
+                processingStatus += result[i].dictLabel;
+              }
+              this.$set(this.entity, "processingStatus", processingStatus);
+              return true;
+            }
+          })
+          break;
+      }
+  }
+  /** 提交按钮 */
+  submitForm() {
+    this.$emit("confirm", this.entity);
+  }
+}
+</script>
+<style scoped>
+/* ::v-deep.el-row .borderClass{
+  display: inline-block;
+} */
+::v-deep .customDialog .el-dialog__body {
+    padding: 10px 20px 55px 20px !important;
+    overflow-y: auto;
+    border-top: 1px solid #dcdfe6;
+}
+</style>

package/components/sm/informationAlterationTable.vue

@@ -0,0 +1,131 @@
+<template>  
+  <div style="margin-bottom: 0px">  
+    <KZ_Table :listData="entityOne" :loading="collectionAgreementSetting.loading"  
+              :listSetting="collectionAgreementSetting" :listColumns="newColumns"></KZ_Table>  
+    <div slot="footer" class="dialog-footer">  
+      <el-button type="primary" @click="submitForm">确 定</el-button>  
+    </div>  
+  </div>  
+</template>  
+  
+<script lang="ts">  
+import { Component, Prop, Vue } from "vue-property-decorator";  
+import KZ_Table from "@srcComponents/customForm/table.vue";  
+  
+@Component({  
+  components: {  
+    KZ_Table  
+  }  
+})  
+export default class Information extends Vue {  
+  @Prop({ type: Object, required: true })  
+  value!: {  
+    listColumns: Array<any>;  
+    row: Array<any>;  
+    index:Number;
+    listSetting: { viewDetail: boolean };  
+    entity: {
+      prodCategoryCode: string; salesOrderAlterationDetails: Array<any> 
+};  
+  };  
+  
+  // 表格数据  
+  entity: Object;  
+  // 表格设置  
+  collectionAgreementSetting = {  
+    loading: false,  
+    isShowOpColumn: false,  
+    isShowSumRow: false,  
+    isShowIndex: true,  
+    isShowIndexColumn: false,  
+    multipleChoice: true,  
+  };  
+  
+  // 列表列信息  
+  listColumns: Array<any> = [];  
+  index: Number;  
+  // 页面设置参数  
+  listSetting: { viewDetail: boolean } = { viewDetail: false };  
+  // 用于存储处理后的实体数据  
+  entityOne: Array<any> = [];  
+  // 用于存储处理后的列数据（如果需要的话）  
+  columnsOne: Array<any> = [];  
+  newColumns=[]
+  
+  created() {  
+    this.listColumns = this?.value?.listColumns;  
+    this.index = this?.value?.index;  
+    this.entity = this?.value?.row;  
+    this.listSetting = this?.value?.listSetting;  
+  
+    if (this?.listColumns?.length > 0) {  
+      this.listColumns.forEach((item, index) => {  
+        if (this.listSetting.viewDetail) {  
+          this.$set(this.listColumns, index, { ...item, disabled: true });  
+        }  
+        if (this?.value.entity.prodCategoryCode && "prodCategoryCode" in item) {  
+          if (item.prodCategoryCode && !(item.prodCategoryCode as any).includes(this?.value.entity.prodCategoryCode)) {  
+            this.$set(this.listColumns, index, { ...item, visible: false });  
+          }  
+        }  
+      });  
+      this.tableData();  
+    }  
+  }  
+  
+  tableData() {  
+    this.listColumns.forEach(item => {  
+      item.disabled = false;  
+    });  
+  
+    const newListColumns = this.listColumns.reduce<Array<any>>((acc, col) => {  
+      acc.push(col);  
+      if (col.visible !== false && col.disabled === false) {  
+        const alteredCol = {  
+          ...col,  
+          text: `新${col.text}`,  
+          property: `${col.property}Alteration`,  
+          disabled:true
+        };  
+        col.text = `原${col.text}`;  
+        col.disabled=true
+        acc.push(alteredCol);  
+      }  
+      return acc;  
+    }, []);  
+  
+    this.listColumns = newListColumns;  
+
+    let rowEntity: any = {};  
+    // &&resData.alterationLineNo==this.index
+    this.value.entity.salesOrderAlterationDetails.forEach(resData => {  
+      this.listColumns.forEach(res => {  
+        if (resData.alterationField == res.property&&resData.alterationLineNo==this.index) {  
+          let alteredKey = resData.alterationField + 'Alteration';  
+          rowEntity[resData.alterationField] = resData.alterationBefore;  
+          rowEntity[alteredKey] = resData.alterationBack;  
+          console.log(rowEntity,resData.alterationBefore,resData.alterationField);
+          
+        }  
+        if ((res.property==resData.alterationField||res.property==resData.alterationField+'Alteration')&&resData.alterationLineNo==this.index) {
+          // res.displayType="TextBox"
+          if (['DropDownList', 'TextArea', 'Switch'].includes(res.displayType)) { 
+            res.setting = res.setting || {}; // 确保 setting 存在
+            res.setting.displayMode="form"
+            res.setting.height=1
+          }
+          res.width="260"
+          this.newColumns.push(res)
+        }
+      });  
+    });  
+    this.entityOne.push(rowEntity);  
+  
+    console.log(this.listColumns, this.entity, this.entityOne,this.newColumns);  
+  }  
+  
+  submitForm() {  
+    this.$emit("confirm");  
+  }  
+}  
+</script>