1

wwl

2025-03-05 cb1f69717eed3b6a61b6c61a8934bac752782b2d

 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)"
@@ -133,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>
@@ -256,6 +289,8 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">当前项目条数：<span style="font-weight: 700;">{{ OnenewpacName.length }}</span>条</div>
       
          </el-col>
          <el-col :span="2" :xs="24">
            <div style="margin: 240% 16%">
@@ -298,32 +333,33 @@
              <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-input-number ref="inputNumber" style="width: 150px" v-model="youhui" :precision="2" :step="0.1"
               :min="0" @change="numberChange"></el-input-number>
              <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>
              <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" @input="validateDiscount(scope.row)"
                    @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>
              <el-table-column label="现价" align="center" prop="ysPrice" width="85"></el-table-column>
@@ -334,12 +370,17 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">当前项目条数：<span style="font-weight: 700;">{{ OnenewpacName.length }}</span>条</div>
      
          </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">
@@ -391,7 +432,7 @@
              </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>
              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"
@@ -418,12 +459,14 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">当前项目条数：<span style="font-weight: 700;">{{ OnenewpacName.length }}</span>条</div>
           
          </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>
                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 +518,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" />
@@ -506,7 +552,9 @@
            <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>
@@ -560,7 +608,6 @@
      // 遮罩层
      loading: true,
      Treedata: [],
      getInfodis: 0,
      id: "",
      // 选中数组
      ids: [],
@@ -611,6 +658,7 @@
      id: "",
      // 表单参数
      form: {},
      lastXianPrice: 0,
      forms: {
        limits: 10,
        ltAge: 0,
@@ -651,7 +699,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,18 +737,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) {

      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();
@@ -685,6 +760,48 @@
      }, 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);
      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();
@@ -703,11 +820,11 @@
        this.loading = false;
      });
    },
    // 取消按钮

    cancel() {
      this.open = false;
      this.opens = false;
      this.$router.go(0);
      // this.$router.go(0);
    },

    // 取消套餐
@@ -770,7 +887,7 @@
      this.handleQuery();
    },
    resetQuerys() {
        this.OnenewpacName = [],
      this.OnenewpacName = [],
        this.queryParams.price = 0,
        this.queryParams.xianprice = 0,
        this.youhui = 0
@@ -799,7 +916,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() {
@@ -827,12 +955,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("确定修改所有子项的折扣吗？", "提示", {
@@ -842,10 +965,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);
@@ -856,7 +976,7 @@
              return sum.plus(new Big(item.ysPrice || '0'));
            }, new Big(0));
          })

          // ----------------------------------------------------------

        })
        .catch(() => {
@@ -864,6 +984,51 @@
        });

    },
    numberChangeXianPrice(currentValue, oldValue) {
  // 如果现价没有变化，直接返回
  if (this.queryParams.xianprice === this.lastXianPrice || !this.queryParams.xianprice) {
    return;
  }

  this.$confirm("确定修改所有子项的折扣吗？", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
  })
    .then(() => {
      // 确保修改折扣的值
      this.youhui = currentValue;

      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();
          // 使用 $set 确保响应性更新
          this.$set(this.OnenewpacName[this.OnenewpacName.length - 1], 'ysPrice', newYsPrice);
        }
      }
      // 更新 lastXianPrice 以便下次比较
      this.lastXianPrice = this.queryParams.xianprice;
    })
    .catch(() => {
      // 如果取消修改，恢复原有的优惠值
      this.youhui = oldValue;
    });
},


    changegroupingName() {
      if (this.selectionList.length <= 0) {
@@ -984,7 +1149,7 @@
          const existingItem = this.OnenewpacName.find(existing => existing.proId === item.proId);
          if (!existingItem) {
            newItemsToAdd.push(item); // 如果不存在相同项目，则添加到新数组
            this.updateProPrice(item); // 更新单个项目的价格
            this.updateProPrice(item);
          }
        });

@@ -1348,7 +1513,7 @@
      }
    },

    // 把每一行的索引放进row,方便双击修改无法获得索引则无法取消后数据进行还原

    tableRowClassName({ row, rowIndex }) {
      row.index = rowIndex;
    },
@@ -1412,7 +1577,7 @@
  },
};
</script>
<style scoped>
<style lang="scss" scoped>
.pag {
  width: 100%;
  display: flex;
@@ -1455,4 +1620,10 @@
  height: 750px;
  overflow-y: auto;
}

::v-deep .btntoleft .el-button--medium {
  padding: 20px 20px 10px;
  font-size: 14px;
  border-radius: 4px;
}
</style>