1
wwl
2025-01-08 aa4451fa555c7d86502c0416a5cf3be343acb67c
src/views/system/comp/index.vue
@@ -239,7 +239,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,13 +251,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">
              <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="pacId" width="50px" />
              <el-table-column label="套餐名称/价格/元" align="center" prop="pacName">
                <template slot-scope="scope">
                  {{ scope.row.pacName + "/" + scope.row.price }}
@@ -267,7 +267,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>
@@ -337,25 +337,25 @@
              </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>
                  :min="0" @change="numberChange"></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="486">
                <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="85">
                <template slot-scope="scope">
                  <!-- 只输入纯数字折扣 -->
                  <el-input v-model.number="scope.row.limits" @input="validateDiscount(scope.row)" placeholder="输入折扣"
@@ -363,8 +363,8 @@
                  </el-input>
                </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,21 +409,30 @@
              </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">
              <el-table-column label="序号" align="center" prop="newId" width="50px" />
            <el-table ref="tbone" border v-loading="loading" :data="newpacName" @selection-change="handleChangeOne"
              height="483">
              <!-- <el-table-column type="selection" width="40px" align="center" /> -->
              <el-table-column label="序号" align="center" prop="newID" width="50px">
                <template slot-scope="scope">
                  {{ scope.row.newID }}
                </template>
              </el-table-column>
              <el-table-column label="套餐名称/价格/元" align="center" prop="pacName">
                <template slot-scope="scope">
                  {{ scope.row.pacName + "/" + scope.row.price }}
                </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>
@@ -450,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">
@@ -465,7 +474,8 @@
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearchFor">搜索</el-button>
              </el-form-item>
            </el-form>
            <el-table border v-loading="loading" ref="tre" :data="Treedata" @selection-change="handleChangesingle" height="478">
            <el-table border v-loading="loading" ref="tre" :data="Treedata" @selection-change="handleChangesingle"
              height="478">
              <el-table-column type="selection" width="40px" align="center" />
              <el-table-column label="项目名称" align="center" prop="proName" width="288" />
              <el-table-column label="项目价格/元" align="center" prop="proPrice" width="100" />
@@ -794,6 +804,13 @@
    this.getList();
  },
  methods: {
    changeXianjia() {
      // 原始折扣率计算
      this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10
    },
    validateDiscount(row) {
      if (row.limits > 10) {
        row.limits = 10; // 强制将值设置为最大值
@@ -899,9 +916,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) {
@@ -1003,7 +1021,44 @@
        });
    },
    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 后进行调整
          if (totalYsprice.toNumber() !== this.queryParams.xianprice) {
            const diff = this.queryParams.xianprice - totalYsprice.toNumber();
            if (this.OnenewpacName.length > 0) {
              const lastItem = this.OnenewpacName[this.OnenewpacName.length - 1];
              lastItem.ysPrice += diff;
              // 调整后更新 queryParams.xianprice
              this.queryParams.xianprice = totalYsprice.plus(diff).toNumber();
            }
          }
        })
        .catch(() => {
          this.youhui = oldValue;
        });
    },
    changegroupingName() {
      if (this.selectionList.length <= 0) {
        this.$modal.msgError("请先选中部门或添加新的部门");
@@ -1018,6 +1073,8 @@
      this.loading = true;
      if (this.forms.sex) {
        deptTreeSelect(this.forms.sex).then((response) => {
          console.log('111', response.rows);
          this.newpacName = response.rows;
          this.loading = false;
          response.rows.forEach((item, index) => {
@@ -1030,6 +1087,7 @@
        });
      } else {
        deptTreeSelect().then((response) => {
          console.log('222', response.rows);
          this.newpacName = response.rows;
          this.loading = false;
          response.rows.forEach((item, index) => {
@@ -1053,6 +1111,7 @@
    handleSearch() {
      if (this.queryParams.pacName) {
        getPackageList(this.queryParams.pacName).then((response) => {
          console.log('333', response.data);
          this.newpacName = response.data;
          response.data.forEach((item, index) => {
            item.newID =
@@ -1063,6 +1122,7 @@
        });
      } else {
        deptTreeSelect().then((response) => {
          console.log('44', response.rows);
          this.newpacName = response.rows;
          response.rows.forEach((item, index) => {
            item.newID =
@@ -1331,10 +1391,12 @@
      if (this.forms.sex) {
        console.log('进来了if');
        deptTreeSelect(this.forms.sex).then((response) => {
          // 套餐名称
          this.newpacName = response.rows;
          console.log('5', response.rows);
          this.loading = false;
          response.rows.forEach((item, index) => {
            item.newID =
@@ -1344,8 +1406,11 @@
          });
        });
      } else {
        console.log('进来了else');
        deptTreeSelect().then((response) => {
          this.newpacName = response.rows;
          console.log('6', response.rows);
          this.loading = false;
          response.rows.forEach((item, index) => {
            item.newID =
@@ -1580,10 +1645,8 @@
  padding: 5px 30px;
}
.custom-dialog ::v-deep .el-dialog__wrapper {
  height: 1400px;
  /* 设置弹出框的高度 */
::v-deep .el-dialog {
  height: 750px;
  overflow-y: auto;
  /* 超过最大高度时出现滚动条 */
}
</style>