lkk
2025-01-16 049e03b29d8cf819c319e85fcf1b7b80454db5b0
src/views/system/comp/index.vue
@@ -170,10 +170,6 @@
              <el-form-item label="原价" prop="price">
                <el-input v-model="forms.price" placeholder="请输入原价" style="width: 130px" />
              </el-form-item>
              <!-- <el-form-item label="折扣" prop="limits">
                <el-input v-model="forms.limits" placeholder="请输入折扣" style="width: 130px" @change="numberChange" />
              </el-form-item> -->
              <el-form-item label="优惠价" prop="ysPrice">
                <el-input v-model="forms.ysPrice" placeholder="请输入应收" style="width: 120px" />
              </el-form-item>
@@ -239,7 +235,7 @@
    <!-- 套餐 -->
    <div>
      <el-dialog :title="title" :visible.sync="openss" width="1400px" custom-class="custom-dialog" append-to-body
      <el-dialog :title="title" :visible.sync="openss" width="1400px" :style="{ height: 1400 + 'px' }" append-to-body
        :close-on-click-modal="false">
        <el-row :gutter="24">
          <el-col :span="8" :xs="24">
@@ -251,7 +247,7 @@
              </el-form-item>
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearch">搜索</el-button>
                <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> -->
              </el-form-item>
            </el-form>
            <el-table ref="tbone" border v-loading="loading" :data="newpacName" @selection-change="handleChangeOne"
@@ -267,7 +263,7 @@
          </el-col>
          <el-col :span="6" :xs="24">
            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="46px"
              style="height: 35px" @submit.native.prevent>
              @submit.native.prevent>
              <el-form-item label="合计" prop="price">
                <el-input ref="inputName" v-model="queryParams.price" placeholder="合计" clearable style="width: 140px" />
              </el-form-item>
@@ -336,35 +332,35 @@
                <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"
                  :max="10" :min="1" @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="528">
              <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="74"></el-table-column>
              <el-table-column label="折扣" width="81">
              <el-table-column label="原价" align="center" prop="proPrice" width="85"></el-table-column>
              <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" @input="validateDiscount(scope.row)"
                    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="74"></el-table-column>
              <el-table-column label="操作" align="center" width="70">
              <el-table-column label="现价" align="center" prop="ysPrice" width="85"></el-table-column>
              <el-table-column label="操作" align="center" width="85">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-delete"
                    @click="handledbelete(scope.row)">删除</el-button>
@@ -409,14 +405,13 @@
              </el-form-item>
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearch">搜索</el-button>
                <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> -->
              </el-form-item>
            </el-form>
            <el-table ref="tbone" border v-loading="loading" :data="newpacName" @selection-change="handleChangeOne"
              height="478">
              height="483">
              <!-- <el-table-column type="selection" width="40px" align="center" /> -->
              <el-table-column label="序号" align="center" prop="newID" width="50px">
              <el-table-column label="序号" align="center" prop="newID" width="50px">
                <template slot-scope="scope">
                  {{ scope.row.newID }}
                </template>
@@ -428,10 +423,12 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">项目总条数:<span style="font-weight: 700;margin-right: 5px;">{{
              newpacName.length }}</span>条</div>
          </el-col>
          <el-col :span="8" :xs="24">
            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="46px"
              style="height: 35px" @submit.native.prevent>
              style="height: 51px" @submit.native.prevent>
              <el-form-item label="合计" prop="price">
                <el-input ref="inputName" v-model="queryParams.price" placeholder="合计" clearable style="width: 140px" />
              </el-form-item>
@@ -458,8 +455,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">
@@ -812,7 +809,7 @@
      this.updateProPrice(row); // 更新价格或其他逻辑
    },
    updateProPrice(row) {
      console.log('1234')
      const proPrice = new Big(row.proPrice);
      const limits = new Big(row.limits);
@@ -823,6 +820,22 @@
      }, new Big(0)).toNumber();
      this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10
    },
    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;
      }
    },
    getList() {
      this.$nextTick(() => {
        this.$refs.inputName.focus();
@@ -908,9 +921,10 @@
      this.handleQuery();
    },
    resetQuerys() {
      (this.OnenewpacName = []),
        (this.queryParams.price = 0),
        this.$refs.tbone.toggleRowSelection(this.pacList[0], false);
      this.OnenewpacName = [],
        this.queryParams.price = 0,
        this.queryParams.xianprice = 0,
        this.youhui = 0
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
@@ -1012,6 +1026,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) {
@@ -1132,7 +1190,7 @@
          const existingItem = this.OnenewpacName.find(existing => existing.proId === item.proId);
          if (!existingItem) {
            newItemsToAdd.push(item); // 如果不存在相同项目,则添加到新数组
            this.updateProPrice(item); // 更新单个项目的价格
            this.updateProPrice(item);
          }
        });
@@ -1599,10 +1657,8 @@
  padding: 5px 30px;
}
.custom-dialog ::v-deep .el-dialog__wrapper {
  height: 1400px;
  /* 设置弹出框的高度 */
::v-deep .el-dialog {
  height: 750px;
  overflow-y: auto;
  /* 超过最大高度时出现滚动条 */
}
</style>