1
wwl
2025-01-16 410d5bf8bc5ef56be822105e71dac02f43aa9463
src/views/system/comp/index.vue
@@ -331,7 +331,7 @@
              <el-form-item label="原价">
                <el-input ref="inputName" v-model="queryParams.price" placeholder="合计" clearable style="width: 140px" />
              </el-form-item>
              <el-form-item label="优惠">
              <el-form-item label="折扣">
                <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>
@@ -355,7 +355,8 @@
                <template slot-scope="scope">
                  <!-- 只输入纯数字折扣 -->
                  <el-input-number v-model.number="scope.row.limits" @input="validateDiscount(scope.row)"
                    placeholder="输入折扣" size="small" type="number" :min="0" :step="0.1" :precision="1" :max="20">
                    @change="handleManualChange(scope.row)" placeholder="输入折扣" size="small" type="number" :min="0"
                    :step="0.1" :precision="1" :max="20">
                  </el-input-number>
                </template>
              </el-table-column>
@@ -369,10 +370,13 @@
            </el-table>
          </el-col>
          <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>
            <div style="margin: 240% 16%" class="btntoleft">
              <el-button type="primary" size="medium"
                style="writing-mode: vertical-rl; text-align: center; letter-spacing: 5px;" @click="resetright">
                确
                认
                <i class="el-icon-back"></i>
              </el-button>
            </div>
          </el-col>
          <el-col :span="7" :xs="24">
@@ -537,80 +541,7 @@
          <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>
@@ -671,7 +602,6 @@
      // 遮罩层
      loading: true,
      Treedata: [],
      getInfodis: 0,
      id: "",
      // 选中数组
      ids: [],
@@ -722,6 +652,7 @@
      id: "",
      // 表单参数
      form: {},
      lastXianPrice: 0,
      forms: {
        limits: 10,
        ltAge: 0,
@@ -800,18 +731,21 @@
    this.getList();
  },
  methods: {
    handleManualChange(row) {
      console.log("这是主动出发的");
      this.updateProPrice(row);
    },
    validateDiscount(row) {
      if (row.limits > 10) {
        row.limits = 10; // 强制将值设置为最大值
      } else if (row.limits < 0) {
        row.limits = 0; // 强制将值设置为最小值
      if (this.queryParams.xianprice !== undefined &&
        !isNaN(this.queryParams.xianprice) &&
        this.queryParams.xianprice !== this.lastXianPrice) {
        // 只有在现价实际由用户输入修改时才更新
        this.updateProPrice1(row);
        this.lastXianPrice = this.queryParams.xianprice;
      }
      this.updateProPrice(row); // 更新价格或其他逻辑
    },
    updateProPrice(row) {
      console.log('1234')
      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();
@@ -819,6 +753,32 @@
        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
    },
    updateProPrice1(row) {
      const proPrice = new Big(row.proPrice);
      const limits = new Big(row.limits);
      const result = proPrice.times(limits.div(10));
      row.ysPrice = result.toNumber();
      const totalYsPrice = this.OnenewpacName.reduce((sum, item) => {
        return sum.plus(new Big(item.ysPrice || '0'));
      }, new Big(0));
      const totalYsPriceNum = totalYsPrice.toNumber();
      if (this.queryParams.xianprice !== undefined && !isNaN(this.queryParams.xianprice)) {
        const xianPrice = new Big(this.queryParams.xianprice);
        const diff = xianPrice.minus(totalYsPriceNum);
        if (!diff.eq(0) && this.OnenewpacName.length > 0) {
          const lastItem = this.OnenewpacName[this.OnenewpacName.length - 1];
          const newYsPrice = new Big(lastItem.ysPrice).plus(diff).toNumber();
          this.$set(this.OnenewpacName[this.OnenewpacName.length - 1], 'ysPrice', newYsPrice);
        }
      }
      // Update youhui calculation
      if (this.queryParams.price !== 0 && this.queryParams.xianprice !== 0) {
        this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10;
      } else {
        this.youhui = 0;
      }
    },
    debounceNumberChange(currentValue, oldValue) {
      clearTimeout(this.debounceTimer);
@@ -854,11 +814,11 @@
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.opens = false;
      this.$router.go(0);
      // this.$router.go(0);
    },
    // 取消套餐
@@ -989,12 +949,7 @@
        this.beCurrentDept();
      }
      this.title = "套餐分组维护" + "( " + this.form.cnName + ")";
      getInfo().then((response) => {
        this.getInfodis = response.user.discount;
        if (this.getInfodis == null || this.getInfodis == 10) {
          this.isfalse = true;
        }
      });
    },
    numberChange(currentValue, oldValue) {
      this.$confirm("确定修改所有子项的折扣吗?", "提示", {
@@ -1004,10 +959,7 @@
      })
        .then(() => {
          this.youhui = currentValue;
          if (this.youhui < this.getInfodis) {
            this.youhui = this.getInfodis;
            // this.$modal.msgError(`该人员最高优惠权限为${this.getInfodis}折`);
          }
          this.OnenewpacName.forEach((item) => {
            item.limits = this.youhui
            const proPrice = new Big(item.proPrice);
@@ -1027,6 +979,11 @@
    },
    numberChangeXianPrice(currentValue, oldValue) {
  // 如果现价没有变化,直接返回
  if (this.queryParams.xianprice === this.lastXianPrice || !this.queryParams.xianprice) {
    return;
  }
      this.$confirm("确定修改所有子项的折扣吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
@@ -1035,10 +992,7 @@
        .then(() => {
          // 确保修改折扣的值
          this.youhui = currentValue;
          // 如果折扣小于最小折扣值,修正折扣
          if (this.youhui < this.getInfodis) {
            this.youhui = this.getInfodis;
          }
          let totalYsprice = new Big(0); // 初始化总 ysprice
          // 遍历每个项目,更新每个子项的价格
          this.OnenewpacName.forEach((item) => {
@@ -1056,13 +1010,12 @@
            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");
          // 使用 $set 确保响应性更新
              this.$set(this.OnenewpacName[this.OnenewpacName.length - 1], 'ysPrice', newYsPrice);
            }
          }
      // 更新 lastXianPrice 以便下次比较
      this.lastXianPrice = this.queryParams.xianprice;
        })
        .catch(() => {
          // 如果取消修改,恢复原有的优惠值
@@ -1554,7 +1507,7 @@
      }
    },
    // 把每一行的索引放进row,方便双击修改无法获得索引则无法取消后数据进行还原
    tableRowClassName({ row, rowIndex }) {
      row.index = rowIndex;
    },
@@ -1618,7 +1571,7 @@
  },
};
</script>
<style scoped>
<style lang="scss" scoped>
.pag {
  width: 100%;
  display: flex;
@@ -1661,4 +1614,10 @@
  height: 750px;
  overflow-y: auto;
}
::v-deep .btntoleft .el-button--medium {
  padding: 20px 20px 10px;
  font-size: 14px;
  border-radius: 4px;
}
</style>