影像检查页面布局以及查看图片

wwl

2025-04-23 2ba7ab0ee950b3be4607f280889c0daf4ec6c99f

 src/views/system/comp/index.vue

@@ -1,5 +1,27 @@
<template>
  <div class="app-container">
    <el-dialog title="选择套餐" :visible.sync="taocan" width="70%" height="700px" :close-on-click-modal="false">
      <!-- <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" label-width="auto">
        <el-form-item label="套餐名称" prop="pacName">
          <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handle"
            style="width: 200px" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">搜索</el-button>
        </el-form-item>
      </el-form> -->
      <el-table v-loading="loading" element-loading-text="正在加载中..." element-loading-spinner="el-icon-loading" border
        :data="newpacName1" @selection-change="handleSelectionChange1" height="450px" ref="tb">
        <el-table-column type="selection" width="40px" align="center" label="选择" />
        <el-table-column label="套餐名称" align="center" prop="pacName" width="120px" />
        <el-table-column label="套餐价格" align="center" prop="price" width="120px" />
        <el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" />
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancel1">取 消</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </span>
    </el-dialog>
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"
      @submit.native.prevent>
      <el-form-item label="单位名称" prop="cnName">
@@ -117,7 +139,7 @@
    </div>

    <div>
      <el-dialog :title="title" :visible.sync="opens" width="1350px" append-to-body :close-on-click-modal="false">
      <el-dialog :title="title" :visible.sync="opens" width="1350px" append-to-body :close-on-click-modal="true">
        <el-row :gutter="20">
          <el-col :span="7" :xs="24">
            <div style="padding: 0 20px">
@@ -188,10 +210,6 @@
                  <el-input v-model="forms.gtAge" style="width: 54px" />
                </el-col>
              </el-form-item>




            </el-form>

            <el-row :gutter="10" class="mb8">
@@ -270,6 +288,9 @@
              <el-form-item>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuerys">重置</el-button>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="Package" size="mini" style="margin-right: 20px">选择套餐</el-button>
              </el-form-item>
            </el-form>
            <!-- <div style="color: red; font-size: 8px">
              注释：鼠标左键双击选中行可删除
@@ -289,8 +310,10 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">当前项目条数：<span style="font-weight: 700;">{{ OnenewpacName.length }}</span>条</div>
       
            <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,10 +321,11 @@
            </div>
          </el-col>
          <el-col :span="8" :xs="24">
            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            <el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" v-show="showSearch"
              label-width="68px" @submit.native.prevent>
              
              <el-form-item label="项目名称" prop="proName">
                <el-input ref="inputName" v-model="queryParams.proName" placeholder="请输入项目名称" clearable
                <el-input ref="inputName" v-model="queryParams1.proName" placeholder="请输入项目名称" clearable
                  @keyup.enter.native="handleSearchFor" style="width: 140px" />
              </el-form-item>
              <el-form-item>
@@ -311,8 +335,8 @@
            <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" />
              <el-table-column label="项目价格/元" align="center" prop="proPrice" />
              <el-table-column label="项目名称" align="center" prop="proName" width="230px"/>
              <el-table-column label="项目价格/元" align="center" prop="proPrice" width="100px"/>
            </el-table>
          </el-col>
        </el-row>
@@ -344,6 +368,9 @@
              <el-form-item>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuerys">重置</el-button>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="Package" size="mini" style="margin-right: 20px">选择套餐</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="410">
@@ -370,10 +397,12 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">当前项目条数：<span style="font-weight: 700;">{{ OnenewpacName.length }}</span>条</div>
      
            <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">
          <!-- <el-col :span="2" :xs="24">
            <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">
@@ -382,12 +411,14 @@
                <i class="el-icon-back"></i>
              </el-button>
            </div>
          </el-col>
          </el-col> -->
          <el-col :span="7" :xs="24">
            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            <el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" v-show="showSearch"
              label-width="68px" @submit.native.prevent>
              

              <el-form-item label="项目名称" prop="proName">
                <el-input ref="inputName" v-model="queryParams.proName" placeholder="请输入项目名称" clearable
                <el-input ref="inputName" v-model="queryParams1.proName" placeholder="请输入项目名称" clearable
                  @keyup.enter.native="handleSearchFor" style="width: 140px" />
              </el-form-item>
              <el-form-item>
@@ -397,8 +428,8 @@
            <el-table border v-loading="loading" ref="tre" :data="Treedata" @selection-change="handleChangesingle"
              height="478" style="width: 100%">
              <el-table-column type="selection" width="40px" align="center" />
              <el-table-column label="项目名称" align="center" prop="proName" />
              <el-table-column label="项目价格/元" align="center" prop="proPrice" />
              <el-table-column label="项目名称" align="center" prop="proName" width="230px"/>
              <el-table-column label="项目价格/元" align="center" prop="proPrice" width="100px"/>
            </el-table>
          </el-col>
        </el-row>
@@ -443,6 +474,9 @@
              <el-form-item>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuerys">重置</el-button>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="Package" size="mini" style="margin-right: 20px">选择套餐</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="170">
@@ -459,8 +493,10 @@
                </template>
              </el-table-column>
            </el-table>
            <div style="font-size: 16px;margin-top: 10px;">当前项目条数：<span style="font-weight: 700;">{{ OnenewpacName.length }}</span>条</div>
           
            <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%">
@@ -470,10 +506,11 @@
            </div>
          </el-col>
          <el-col :span="8" :xs="24">
            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            <el-form :model="queryParams" ref="queryForm1" size="small" :inline="true" v-show="showSearch"
              label-width="68px" @submit.native.prevent>
             
              <el-form-item label="项目名称" prop="proName">
                <el-input ref="inputName" v-model="queryParams.proName" placeholder="请输入项目名称" clearable
                <el-input ref="inputName" v-model="queryParams1.proName" placeholder="请输入项目名称" clearable
                  @keyup.enter.native="handleSearchFor" style="width: 140px" />
              </el-form-item>
              <el-form-item>
@@ -483,7 +520,7 @@
            <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="proName" width="230" />
              <el-table-column label="项目价格/元" align="center" prop="proPrice" width="100" />
            </el-table>
          </el-col>
@@ -582,8 +619,9 @@
  getPackageList,
  delegrouping,
  getDetails,

} from "@/api/system/comp";
import { deptTreeSelect, projectGetList, getconfigKey } from "@/api/system/tijian";
import { deptTreeSelect, projectGetList, getconfigKey, } from "@/api/system/tijian";
import { getInfo } from "@/api/login";
export default {
  name: "Comp",
@@ -605,6 +643,15 @@
      }
    };
    return {

      newpacName1: [],
      taocan: false,
      queryParam: {
        pageNum: 1,
        pageSize: 10,
        pacName: null,
        pacRemark: null,
      },
      // 遮罩层
      loading: true,
      Treedata: [],
@@ -654,6 +701,10 @@
        price: null,
        xianprice: null,
        limits: null
      },
      queryParams1: {
        proName: null,
        pym: null,
      },
      id: "",
      // 表单参数
@@ -737,6 +788,87 @@
    this.getList();
  },
  methods: {
    handle() {
      this.loading = true;
      deptTreeSelect(this.forms.sex, this.queryParam).then((res) => {
        if (res.rows) {
          this.newpacName1 = res.rows; // 更新套餐列表
        } else {
          this.newpacName1 = [];
        }
        this.loading = false;
      }).catch(() => {
        this.loading = false;
        this.$modal.msgError("搜索失败，请稍后重试");
      });
    },


    handleSelectionChange1(selection) {
      // 实现单选逻辑
      if (selection.length > 1) {
        const lastSelected = selection[selection.length - 1];
        this.$refs.tb.clearSelection();
        this.$refs.tb.toggleRowSelection(lastSelected, true);
        this.selectedPackage = lastSelected;
      } else if (selection.length === 1) {
        this.selectedPackage = selection[0];
      } else {
        this.selectedPackage = null;
      }
    },

    submit() {
      if (!this.selectedPackage) {
        this.$modal.msgError("请先选择一个套餐");
        return;
      }

      // 清空左侧表格
      this.OnenewpacName = [];

      // 获取选中的套餐项目列表
      const newProjects = this.selectedPackage.tjProjectList || [];

      // 将选中的套餐项目添加到左侧表格
      this.loading = true;
      newProjects.forEach(project => {
        // 为每个项目设置默认折扣和现价
        this.$set(project, 'limits', 10); // 默认折扣 10（即原价）
        this.$set(project, 'ysPrice', project.proPrice); // 现价初始化为原价
        this.OnenewpacName.push(project);
      });

      // 更新总价和现价
      this.queryParams.price = this.OnenewpacName.reduce((sum, item) => {
        return sum + (item.proPrice || 0);
      }, 0);

      this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
        return sum + (item.ysPrice || 0);
      }, 0);

      // 更新优惠值
      this.youhui = this.queryParams.price > 0
        ? (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10
        : 0;

      // 关闭对话框
      this.taocan = false;
      this.loading = false;
      this.$modal.msgSuccess("添加成功");
    },
    cancel1() {
      this.taocan = false;
    },
    Package() {
      this.taocan = true;
      deptTreeSelect(this.forms.sex).then((res) => {
        if (res.rows) {
          this.newpacName1 = res.rows
        }
      });
    },
    handleManualChange(row) {
      console.log("这是主动出发的");
      this.updateProPrice(row);
@@ -753,8 +885,8 @@
    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();
      const result = proPrice.times(limits.div(10)).toNumber();  // ordPrice * (discount / 10)
      row.ysPrice = result.toFixed(2);
      this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
        return sum.plus(new Big(item.ysPrice || '0'));
      }, new Big(0)).toNumber();
@@ -763,8 +895,8 @@
    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 result = proPrice.times(limits.div(10)).toNumber();  // ordPrice * (discount / 10)
      row.ysPrice = result.toFixed(2);
      const totalYsPrice = this.OnenewpacName.reduce((sum, item) => {
        return sum.plus(new Big(item.ysPrice || '0'));
      }, new Big(0));
@@ -794,12 +926,9 @@
    },
    changeXianjia() {
      // 原始折扣率计算


      if (this.queryParams.price !== 0) {
        this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10;
      }

    },

    getList() {
@@ -809,7 +938,6 @@
        (this.loading = true);
      listComp(this.queryParams).then((response) => {
        this.compList = response.rows;

        response.rows.forEach((item, index) => {
          item.newID =
            (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
@@ -974,7 +1102,7 @@
            item.ysPrice = result.toNumber();
            this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
              return sum.plus(new Big(item.ysPrice || '0'));
            }, new Big(0));
            }, new Big(0)).toNumber();
          })
          // ----------------------------------------------------------

@@ -985,49 +1113,49 @@

    },
    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);
        }
      // 如果现价没有变化，直接返回
      if (this.queryParams.xianprice === this.lastXianPrice || !this.queryParams.xianprice) {
        return;
      }
      // 更新 lastXianPrice 以便下次比较
      this.lastXianPrice = this.queryParams.xianprice;
    })
    .catch(() => {
      // 如果取消修改，恢复原有的优惠值
      this.youhui = oldValue;
    });
},

      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() {
@@ -1058,7 +1186,7 @@
        });
      } else {
        deptTreeSelect().then((response) => {
          console.log('222', response.rows);
        
          this.newpacName = response.rows;
          this.loading = false;
          response.rows.forEach((item, index) => {
@@ -1112,21 +1240,27 @@
      }
    },
    handleSearchFor() {
      getProjectList(this.queryParams.proName).then((response) => {

        response.data.forEach((item, index) => {
          item.newID =
            (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
            index +
            1;
      // 判断是否为汉字
      const isChineseChar = (char) => /[\u4E00-\u9FA5]/.test(char)
      if (isChineseChar(this.queryParams1.proName)) {
        this.queryParams1.pym = null
        getProjectList(this.queryParams1).then((response) => {
          this.Treedata = response.data;
        });
        this.Treedata = response.data;
      });
      } else {
        this.queryParams1.pym = this.queryParams1.proName
        this.queryParams1.proName = null
        getProjectList(this.queryParams1).then((response) => {
          this.Treedata = response.data;
        });
      }
    },
    // 单项数据获取
    handleChangesingle(selection) {
      console.log(selection,22222222)
      if (selection) {
        this.dataList = selection;
        this.resetright()
      }
    },
    resetright() {
@@ -1140,7 +1274,7 @@
        const newItemsToAdd = []; // 用于存储新需要添加的项目

        this.dataList.forEach((item) => {
          this.$refs.tre.toggleRowSelection(item, false); // 取消选中状态
         
          // 使用 $set 确保响应性
          this.$set(item, 'limits', 10); // 设置限制数量
          this.$set(item, 'ysPrice', item.proPrice); // 设置现价为原价
@@ -1151,11 +1285,12 @@
            newItemsToAdd.push(item); // 如果不存在相同项目，则添加到新数组
            this.updateProPrice(item);
          }
          this.$refs.tre.toggleRowSelection(item, false); // 取消选中状态
        });

        // 添加新项目到 OnenewpacName
        this.OnenewpacName.push(...newItemsToAdd);

        console.log(  this.OnenewpacName,2121)
        // 删除重复项目，这里我们只需处理新添加的项目和原有项目之间的重复
        for (let i = this.OnenewpacName.length - newItemsToAdd.length; i < this.OnenewpacName.length - 1; i++) {
          for (let j = i + 1; j < this.OnenewpacName.length; j++) {
@@ -1170,11 +1305,12 @@
        // 重新计算总价和现价
        this.OnenewpacName.forEach((item) => {
          this.queryParams.price += item.proPrice; // 累加原价
          this.queryParams.xianprice += item.ysPrice || 0; // 累加现价，如果ysPrice为undefined则累加0
          //this.queryParams.xianprice += item.ysPrice || 0;  累加现价，如果ysPrice为undefined则累加0
        });

        // 计算优惠，这里假设优惠是现价与原价的差额百分比
        this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10;
        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
      }
    },
    handledbelete(row) {
@@ -1345,13 +1481,16 @@
        let id = this.groupList[0].id || '';
        getDetails(id).then((res) => {
          this.OnenewpacName = res.data.groupingProList;
          this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
            return sum.plus(new Big(item.ysPrice || '0'));
          }, new Big(0));
          this.OnenewpacName.forEach((item, index) => {
            this.queryParams.price += item.proPrice;
          });
          this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10
          // this.queryParams.xianprice = this.OnenewpacName.reduce((sum, item) => {
          //   return sum.plus(new Big(item.ysPrice || '0'));
          // }, new Big(0)).toNumber();
          // this.OnenewpacName.forEach((item, index) => {
          //   this.queryParams.price += item.proPrice;
          // });
          // this.youhui = (Math.floor((this.queryParams.xianprice / this.queryParams.price) * 100) / 100) * 10      
          this.queryParams.xianprice = res.data.ysPrice
          this.queryParams.price= res.data.price
          this.youhui= res.data.limits
        });
      }
      // console.log(this.groupList[0].id, 9966);
@@ -1393,7 +1532,6 @@
      }
      getProjectList().then((response) => {
        this.Treedata = response.data;
        // console.log(this.Treedata,999888);
      });
    },