wwl
2025-01-10 288842f04e72d34fca6948ad1891c8460feb9774
src/views/system/comp/index.vue
@@ -45,15 +45,43 @@
      <el-table-column label="联系人" align="center" prop="contactPerson" :show-overflow-tooltip="true" width="90px" />
      <el-table-column label="联系电话" align="center" prop="contactPhone" :show-overflow-tooltip="true" />
      <el-table-column label="注册地址" align="center" prop="registerAddress" :show-overflow-tooltip="true" />
      <!-- <el-table-column label="企业类型" align="center" prop="typeOfEnterprise" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.dict_comp_type" :value="scope.row.typeOfEnterprise"/>
        </template>
</el-table-column> -->
      <el-table-column label="行政区划" align="center" prop="areaName" :show-overflow-tooltip="true" />
      <el-table-column label="通讯地址" align="center" prop="mailingAddress" :show-overflow-tooltip="true" />
      <el-table-column label="邮箱" align="center" prop="email" :show-overflow-tooltip="true" />
      <el-table-column label="开户银行" align="center" prop="bankAccount" :show-overflow-tooltip="true" />
      <el-table-column label="银行账号" align="center" prop="countNum" :show-overflow-tooltip="true" />
      <!-- <el-table-column label="GMP发证日期" align="center" prop="gmpissueDate" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.gmpissueDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="经营许可证号" align="center" prop="businessLicenseNumber" /> -->
      <!-- <el-table-column label="GMP有效截止日期" align="center" prop="gmpDeadlineDate" width="110px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.gmpDeadlineDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="GMP延续日期" align="center" prop="gmpDelayDate" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.gmpDelayDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="GMP证书图片(base64编码)" align="center" prop="gmpPhoto" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.gmpPhoto" :width="50" :height="50"/>
        </template>
      </el-table-column> -->
      <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
      <!-- <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column> -->
      <el-table-column label="修改人" align="center" prop="updateBy" :show-overflow-tooltip="true" width="100px" />
      <el-table-column label="修改时间" align="center" prop="updateTime" width="100px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
@@ -61,7 +89,16 @@
        </template>
      </el-table-column>
      <el-table-column label="排序" align="center" prop="orderNum" :show-overflow-tooltip="true" width="55px" />
      <!-- <el-table-column label="数据状态(PT10.00.004)" align="center" prop="effective">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.dict_data_status" :value="scope.row.effective"/>
        </template>
      </el-table-column> -->
      <!-- <el-table-column label="有效时间" align="center" prop="validTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.validTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column> -->
      <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="70px">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
@@ -299,31 +336,31 @@
                <el-input ref="inputName" v-model="queryParams.price" placeholder="合计" clearable style="width: 140px" />
              </el-form-item>
              <el-form-item label="优惠">
                <el-input-number ref="inputNumber" style="width: 150px" v-model="youhui" :precision="2" :step="0.1"
               :min="0" @change="numberChange"></el-input-number>
                <el-input-number ref="inputNumber" style="width: 150px" v-model="youhui" :precision="1" :step="0.1"
                  :min="0" :max="20" @change="debounceNumberChange" :debounce="3000"></el-input-number>
              </el-form-item>
              <el-form-item label="现价">
                <el-input ref="inputName" v-model="queryParams.xianprice" placeholder="合计" clearable
                  style="width: 140px" />
                  style="width: 140px" @input="changeXianjia" @blur="numberChangeXianPrice(youhui, youhui)" />
              </el-form-item>
              <el-form-item>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuerys">重置</el-button>
              </el-form-item>
            </el-form>
            <el-table border v-loading="loading" :data="OnenewpacName" :row-class-name="tableRowClassName" height="478">
              <el-table-column label="项目名称" align="center" prop="proName" width="486">
              <el-table-column label="项目名称" align="center" prop="proName" width="410">
                <template slot-scope="scope">
                  {{ scope.row.proName }}
                </template>
              </el-table-column>
              <el-table-column label="原价" align="center" prop="proPrice" width="85"></el-table-column>
              <el-table-column label="折扣" width="85">
              <el-table-column label="折扣" width="151">
                <template slot-scope="scope">
                  <!-- 只输入纯数字折扣 -->
                  <el-input v-model.number="scope.row.limits" @input="validateDiscount(scope.row)" placeholder="输入折扣"
                    size="small" type="number" min="0" step="1" max="10">
                  </el-input>
                  <el-input-number v-model.number="scope.row.limits"
                    placeholder="输入折扣" size="small" type="number" :min="0" :step="0.1" :precision="1" :max="20">
                  </el-input-number>
                </template>
              </el-table-column>
              <el-table-column label="现价" align="center" prop="ysPrice" width="85"></el-table-column>
@@ -422,8 +459,8 @@
          <el-col :span="2" :xs="24">
            <div style="margin: 240% 16%">
              <el-button type="primary" size="medium " icon="el-icon-back"
                style="writing-mode: vertical-rl; text-align: center;letter-spacing: 10px;"
                @click="resetright">确 认</el-button>
                style="writing-mode: vertical-rl; text-align: center;letter-spacing: 10px;" @click="resetright">确
                认</el-button>
            </div>
          </el-col>
          <el-col :span="8" :xs="24">
@@ -475,6 +512,9 @@
            <el-input v-model="form.faxNumber" placeholder="请输入传真" />
          </el-form-item>
          <!-- <el-form-item label="编码" prop="code">
          <el-input v-model="form.code" placeholder="请输入编码" />
        </el-form-item> -->
          <el-form-item label="注册地址" prop="registerAddress">
            <el-input v-model="form.registerAddress" placeholder="请输入注册地址" style="width: 1157px" />
@@ -501,12 +541,87 @@
          <el-form-item label="行政区划名称" prop="areaName">
            <el-input v-model="form.areaName" placeholder="请输入行政区划名称" />
          </el-form-item>
          <!-- <el-form-item label="企业类型" prop="typeOfEnterprise">
          <el-select v-model="form.typeOfEnterprise" placeholder="请选择企业类型">
            <el-option
              v-for="dict in dict.type.dict_comp_type"
              :key="dict.value"
              :label="dict.label"
:value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item> -->
          <!-- <el-form-item label="行政区划id" prop="areaid">
          <el-input v-model="form.areaid" placeholder="请输入行政区划id" />
        </el-form-item> -->
          <!-- <el-form-item label="GMP证书编号" prop="gmpNo">
          <el-input v-model="form.gmpNo" placeholder="请输入GMP证书编号" />
        </el-form-item> -->
          <!-- <el-form-item label="GMP发证日期" prop="gmpissueDate">
          <el-date-picker clearable
            v-model="form.gmpissueDate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择GMP发证日期">
          </el-date-picker>
        </el-form-item> -->
          <!-- <el-form-item label="经营许可证号" prop="businessLicenseNumber">
          <el-input v-model="form.businessLicenseNumber" placeholder="请输入经营许可证号" />
        </el-form-item> -->
          <!-- <el-form-item label="GMP有效截止日期" prop="gmpDeadlineDate">
          <el-date-picker clearable
            v-model="form.gmpDeadlineDate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择GMP有效截止日期">
          </el-date-picker>
        </el-form-item> -->
          <!-- <el-form-item label="GMP认证范围" prop="gmpRange">
          <el-input v-model="form.gmpRange" placeholder="请输入GMP认证范围" />
        </el-form-item> -->
          <!-- <el-form-item label="GMP延续范围" prop="gmpDelayRange">
          <el-input v-model="form.gmpDelayRange" placeholder="请输入GMP延续范围" />
        </el-form-item> -->
          <!-- <el-form-item label="GMP延续日期" prop="gmpDelayDate">
          <el-date-picker clearable
            v-model="form.gmpDelayDate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择GMP延续日期">
          </el-date-picker>
        </el-form-item> -->
          <!-- <el-form-item label="GMP证书图片(base64编码)">
          <image-upload v-model="form.gmpPhoto"/>
        </el-form-item> -->
          <!-- <el-form-item label="排序" prop="orderNum">
            <el-input v-model="form.orderNum" placeholder="请输入排序" />
          </el-form-item> -->
          <!-- <el-form-item label="数据状态(PT10.00.004)" prop="effective">
          <el-select v-model="form.effective" placeholder="请选择数据状态(PT10.00.004)">
            <el-option
              v-for="dict in dict.type.dict_data_status"
              :key="dict.value"
              :label="dict.label"
:value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item> -->
          <!-- <el-form-item label="拼音" prop="spell">
          <el-input v-model="form.spell" placeholder="请输入拼音" />
        </el-form-item> -->
          <!-- <el-form-item label="有效时间" prop="validTime">
            <el-date-picker clearable v-model="form.validTime" type="date" value-format="yyyy-MM-dd"
              placeholder="请选择有效时间">
            </el-date-picker>
          </el-form-item><br> -->
          <el-form-item label="备注" prop="remark">
            <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" :rows="2" label-width="400px"
              style="width: 830px" resize="none"></el-input>
          </el-form-item>
          <!-- <el-form-item label="五笔简码" prop="wbm">
          <el-input v-model="form.wbm" placeholder="请输入五笔简码" />
        </el-form-item> -->
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -651,7 +766,31 @@
        contactPhone: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        // taxNumber: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // legalPerson: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // registerAddress: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // bankAccount: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // countNum: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // principal: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // faxNumber: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // mailingAddress: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
        // email: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
      },
    };
  },
@@ -665,24 +804,30 @@
    this.getList();
  },
  methods: {
    validateDiscount(row) {
      if (row.limits > 10) {
        row.limits = 10; // 强制将值设置为最大值
      } else if (row.limits < 0) {
        row.limits = 0; // 强制将值设置为最小值
    debounceNumberChange(currentValue, oldValue) {
      clearTimeout(this.debounceTimer);
      this.debounceTimer = setTimeout(() => {
        this.numberChange(currentValue, oldValue);
      }, 300);
    },
    changeXianjia() {
      // 原始折扣率计算
      if (this.queryParams.price !== 0) {
        this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10;
      }
      this.updateProPrice(row); // 更新价格或其他逻辑
    },
    updateProPrice(row) {
      const proPrice = new Big(row.proPrice);
      const limits = new Big(row.limits);
      const result = proPrice.times(limits.div(10));  // ordPrice * (discount / 10)
      row.ysPrice = result.toNumber();
      this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
        return sum.plus(new Big(item.ysPrice || '0'));
      }, new Big(0)).toNumber();
      // this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
      //   return sum.plus(new Big(item.ysPrice || '0'));
      // }, new Big(0)).toNumber();
      this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10
    },
    getList() {
@@ -799,7 +944,18 @@
        this.GroupUpdate();
      }
      /* if (this.selectionList.length) {
        // 如果第一个表格有选中项,选中第二个表格对应的数据
        const selectedDeptId = this.selectionList[0].id; // 假设每个项有一个唯一的 id
        const correspondingGroups = this.groupingList.filter(
          (group) => group.deptId === selectedDeptId
        );
        this.groupList = correspondingGroups;
      } else {
        // 如果没有选中任何项,清空第二个表格的选中项
        this.groupList = [];
        this.$refs.tbs.clearSelection();
      } */
    },
    /** 新增按钮操作 */
    handleAdd() {
@@ -852,11 +1008,12 @@
            const limits = new Big(item.limits);
            const result = proPrice.times(limits.div(10));  // ordPrice * (discount / 10)
            item.ysPrice = result.toNumber();
            console.log("numberChange")
            this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
              return sum.plus(new Big(item.ysPrice || '0'));
            }, new Big(0));
          })
          // ----------------------------------------------------------
        })
        .catch(() => {
@@ -864,6 +1021,50 @@
        });
    },
    numberChangeXianPrice(currentValue, oldValue) {
      this.$confirm("确定修改所有子项的折扣吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          // 确保修改折扣的值
          this.youhui = currentValue;
          // 如果折扣小于最小折扣值,修正折扣
          if (this.youhui < this.getInfodis) {
            this.youhui = this.getInfodis;
          }
          let totalYsprice = new Big(0); // 初始化总 ysprice
          // 遍历每个项目,更新每个子项的价格
          this.OnenewpacName.forEach((item) => {
            item.limits = this.youhui;
            const proPrice = new Big(item.proPrice);
            const limits = new Big(item.limits);
            const result = proPrice.times(limits.div(10));  // ordPrice * (discount / 10)
            item.ysPrice = result.toNumber();
            totalYsprice = totalYsprice.plus(new Big(item.ysPrice));
          });
          // 如果总的 ysPrice 和查询参数中的 xianprice 不一致,进行调整
          if (!totalYsprice.eq(this.queryParams.xianprice)) {
            const diff = new Big(this.queryParams.xianprice).minus(totalYsprice);
            // 如果 OnenewpacName 数组不为空,调整最后一项的 ysPrice
            if (this.OnenewpacName.length > 0) {
              const lastItem = this.OnenewpacName[this.OnenewpacName.length - 1];
              const newYsPrice = new Big(lastItem.ysPrice).plus(diff).toNumber();
              // 使用 splice 替换最后一项,确保更新触发视图更新
              console.log("hhh");
              this.$set(this.OnenewpacName[this.OnenewpacName.length - 1], 'ysPrice', newYsPrice);
            }
          }
        })
        .catch(() => {
          // 如果取消修改,恢复原有的优惠值
          this.youhui = oldValue;
        });
    },
    changegroupingName() {
      if (this.selectionList.length <= 0) {
@@ -984,7 +1185,7 @@
          const existingItem = this.OnenewpacName.find(existing => existing.proId === item.proId);
          if (!existingItem) {
            newItemsToAdd.push(item); // 如果不存在相同项目,则添加到新数组
            this.updateProPrice(item); // 更新单个项目的价格
            this.updateProPrice(item);
          }
        });