charles
2024-08-06 5ecb7958c96d3f0b6d47b79aff7eb306c2cf690f
src/views/productManage/product/AddProductDialog.vue
@@ -166,9 +166,7 @@
                    class="margin_left_10px"
                    :disabled="editConfig.infomation.unit&&showFooter?false:true"
                    v-model="editConfig.infomation.moreUnit"
                    @change="moreUnitChange"
                    >启用多单位</el-checkbox
                  >
                    @change="moreUnitChange">启用多单位</el-checkbox>
                  <!-- <span class="margin_left_10px cursor_pointer"  @click="handleUnitMore">启用多单位</span> -->
                  </el-form-item>
                  
@@ -269,9 +267,9 @@
                      :disabled="!showFooter"
                    ></el-input>
                  </el-form-item>
                  <el-form-item label="条码" prop="barcode">
                  <el-form-item label="条码" prop="barCode">
                    <el-input
                      v-model.trim="editConfig.infomation.barcode"
                      v-model.trim="editConfig.infomation.barCode"
                      placeholder="请输入"
                      size="mini"
                      style="width: 85%"
@@ -279,6 +277,23 @@
                    ></el-input>
                  </el-form-item>
                </div>
              </div>
              <div class="dynamic-attribute">
                <el-form-item  :label="attribute.name+':'" v-for="(attribute,index) in editConfig.attributeList" :key="attribute.id">
                  <el-select v-if="attribute.dataType==3" v-model="attribute.value" style="width: 60%">
                    <el-option  v-for="ele in attribute.selectValues" :label="ele" :value="ele" :key="ele"></el-option>
                  </el-select>
                  <el-input
                          v-else
                          v-model.trim="attribute.value"
                          :type="attribute.dataType==2?'number':'text'"
                          :placeholder="`请输入${attribute.name}`"
                          size="mini"
                          style="width: 60%"
                          :disabled="!showFooter"
                  ></el-input>
                  <el-button :disabled="editConfig.title==='查看'" size="mini" @click="deleteDynamicAttribute(index)" style="margin-left: 10px">删除</el-button>
                </el-form-item>
              </div>
              <div class="all">
                <!-- <div class="second-label">备注</div> -->
@@ -614,6 +629,7 @@
    <UnitMoreDialog
      ref="unitMoreDialog"
      @saveUnitMore="saveUnitMore"
      @cancelUnitMore='cancelUnitMore'
      :workList="unitList"
      :unitRight='editConfig.infomation.unit'
      :dataList="editConfig.infomation.moreUnitList"
@@ -633,7 +649,6 @@
import {getUnitInfo,  } from "@/api/basic/standard";
// import { postGetSaveSUnitDict  } from "@/api/basic/standard";
import UnitMoreDialog from "./components/UnitMoreDialog";
export default {
  mixins: [codeMixin],
  name: "AddProductDialog",
@@ -784,8 +799,13 @@
    this.formInfo()
    this.getUserInfo()
    this.getUnitInfo()
    //this.queryAttribute()
  },
  methods: {
      deleteDynamicAttribute(index){
          this.editConfig.attributeList.splice(index,1);
      },
    validatorNumFour(rule, value, callback) {
      if (value != "") {
        if (value == undefined || value == null) {
@@ -816,7 +836,11 @@
      }
    },
    saveUnitMore(list){
      this.editConfig.infomation.moreUnit=true
      this.editConfig.infomation.moreUnitList=list
    },
    cancelUnitMore(){
      this.editConfig.infomation.moreUnit=false
    },
    // 启用多单位的开关
    moreUnitChange(){
@@ -996,6 +1020,7 @@
          params.moreUnitList[i].amount=Number(params.moreUnitList[i].amount)
        }
      }
      params.attributes=this.editConfig.attributeList||[];
      requestUrl(params).then((res) => {
        console.log(res)
        this.editConfig.visible = false
@@ -1159,6 +1184,16 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .dynamic-attribute{
    display:flex;
    flex-wrap: wrap;
    flex: 1;
    ::v-deep{
      .el-form-item{
        width: 50%;
      }
    }
  }
.dialog-header {
  display: flex;
  align-items: center;