antissoft / lvqianmeiye_ERP

<template>
  <el-dialog :title="!dataForm.id ? '新建耗卡记录' : isDetail ? '耗卡记录详情' : '耗卡记录详情'" :close-on-click-modal="false"
    :visible.sync="visible" class="NCC-dialog NCC-dialog_center" lock-scroll width="1200px">
    <el-row :gutter="20" class="form-layout">
      <el-form ref="elForm" :model="dataForm" size="mini" label-width="100px" label-position="right"
        :disabled="!!isDetail" :rules="rules">
        <!-- 基本信息 -->
        <el-col :span="8" v-if="false">
          <el-form-item label="耗卡编号" prop="id">
            <el-input v-model="dataForm.id" placeholder="请输入" clearable readonly :style='{"width":"100%"}'>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="门店" prop="md" required>
            <el-select v-model="dataForm.md" placeholder="请选择" clearable :style='{"width":"100%"}' filterable
              @change="handleMdChange">
              <el-option v-for="(item, index) in mdOptions" :key="index" :label="item.fullName"
                :value="item.id"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="耗卡时间" prop="hksj">
            <el-date-picker v-model="dataForm.hksj" placeholder="请选择" clearable :style='{"width":"100%"}' type='date'
              format="yyyy-MM-dd" value-format="timestamp">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8" v-if="false">
          <el-form-item label="门店编号" prop="mdbh">
            <el-input v-model="dataForm.mdbh" placeholder="自动填充" clearable readonly :style='{"width":"100%"}'>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8" v-if="false">
          <el-form-item label="门店名称" prop="mdmc">
            <el-input v-model="dataForm.mdmc" placeholder="自动填充" clearable readonly :style='{"width":"100%"}'>
            </el-input>
          </el-form-item>
        </el-col>

        <!-- 会员信息 -->
        <el-col :span="8">
          <el-form-item label="会员" prop="hy" required>
            <el-select v-model="dataForm.hy" placeholder="请选择" clearable :style='{"width":"100%"}' filterable
              @change="handleHyChange">
              <el-option v-for="(item, index) in hyOptions" :key="index" :label="item.fullName"
                :value="item.id"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8" v-if="false">
          <el-form-item label="会员账号" prop="hyzh">
            <el-input v-model="dataForm.hyzh" placeholder="自动填充" clearable readonly :style='{"width":"100%"}'>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8" v-if="false">
          <el-form-item label="会员名称" prop="hymc">
            <el-input v-model="dataForm.hymc" placeholder="自动填充" clearable readonly :style='{"width":"100%"}'>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8" v-if="false">
          <el-form-item label="顾客类型" prop="gklx">
            <el-input v-model="dataForm.gklx" placeholder="自动填充" clearable readonly :style='{"width":"100%"}'>
            </el-input>
          </el-form-item>
        </el-col>

        <!-- 费用信息 -->
        <el-col :span="8">
          <el-form-item label="消费金额" prop="xfje" required>
            <el-input v-model="dataForm.xfje" placeholder="自动计算" clearable readonly :style='{"width":"100%"}'>
              <template slot="append">元</template>
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="手工费用" prop="sgfy">
            <el-input v-model="dataForm.sgfy" placeholder="自动计算" clearable readonly :style='{"width":"100%"}'>
              <template slot="append">元</template>
            </el-input>
          </el-form-item>
        </el-col>
        <!-- <el-col :span="8">
					<el-form-item label="是否有科技部" prop="sfykjb">
						<el-radio-group v-model="dataForm.sfykjb" :style='{}' >
							<el-radio v-for="(item, index) in sfykjbOptions" :key="index" :label="item.id"  >{{item.fullName}}</el-radio>
						</el-radio-group>
					</el-form-item>
				</el-col> -->
        <!-- 品项明细 -->
        <el-col :span="24">
          <el-form-item label-width="0">
            <div class="table-header">
              <span class="table-title">品项明细</span>
              <el-button v-if="!dataForm.id" type="warning" size="mini" icon="el-icon-plus"
                @click="addHandleLqXhPxmxEntityList()">新增品项</el-button>
            </div>

            <!-- 品项列表 -->
            <div class="px-list-container">
              <div v-for="(px, pxIndex) in dataForm.lqXhPxmxList" :key="pxIndex" class="px-item">
                <!-- 品项基本信息 -->
                <div class="px-basic-info">
                  <div class="px-item-header">
                    <span class="px-item-title">品项明细</span>
                    <el-button v-if="!dataForm.id" size="mini" type="danger" icon="el-icon-delete"
                      @click="handleDelLqXhPxmxEntityList(pxIndex)">删除</el-button>
                  </div>

                  <!-- 品项选择 -->
                  <div class="px-select-row" v-if="!dataForm.id">
                    <el-select v-model="px.BillingItemId" placeholder="请选择品项" clearable filterable
                      @change="handlePxChange(pxIndex, px)" style="width: 200px;">
                      <el-option v-for="(item, index) in pxOptions" :key="index"
                        :label="item.fullName+'(剩余: '+(item.RemainingCount || 0)+',类型：'+item.sourceType+',单价：'+item.ItemPrice+')'"
                        :value="item.BillingItemId" :disabled="item.disabled"></el-option>
                    </el-select>
                  </div>

                  <!-- 品项详细信息 -->
                  <div class="px-detail-info" v-if="px.px">
                    <div class="px-detail-row">
                      <div class="px-detail-item">
                        <span class="px-detail-label">品项名称：</span>
                        <span class="px-detail-value">{{ px.pxmc || '未选择' }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">单价：</span>
                        <span class="px-detail-value">¥{{ px.pxjg || 0 }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">已消费：</span>
                        <span class="px-detail-value">{{ px.yxf || 0 }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">总购买：</span>
                        <span class="px-detail-value">{{ px.zgm || 1 }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">剩余：</span>
                        <span class="px-detail-value">{{ (px.zgm || 1) - (px.yxf || 0) }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">类型：</span>
                        <span class="px-detail-value">{{ px.sourceType || '-' }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">手工费：</span>
                        <span class="px-detail-value">{{ px.sgf || '0' }}</span>
                      </div>
                      <div class="px-detail-item">
                        <span class="px-detail-label">总业绩：</span>
                        <span class="px-detail-value">{{ (px.projectNumber || 1) * (px.pxjg || 0) }}</span>
                      </div>
                    </div>

                    <!-- 消费数量输入 -->
                    <div class="px-consumption-row">
                      <el-input-number v-model="px.projectNumber" :min="1" :max="getRemainingCount(px)"
                        placeholder="消费数量" size="mini" style="width: 120px;"
                        @change="onProjectNumberChange"></el-input-number>
                    </div>
                  </div>
                </div>

                <!-- 健康师业绩区域 -->
                <div class="px-staff-section">
                  <div class="px-staff-header">
                    <span class="px-staff-title">健康师业绩</span>
                    <el-button v-if="!dataForm.id && px.qt2 != '医美'" size="mini" type="success" icon="el-icon-plus"
                      @click="addPxJks(pxIndex)">添加健康师</el-button>
                  </div>
                  <div class="px-staff-list">
                    <div v-for="(jks, jksIndex) in px.lqXhJksyjList" :key="jksIndex" class="px-staff-row">
                      <div class="px-staff-item">
                        <div class="px-staff-fields">
                          <div class="px-staff-field">
                            <label>健康师</label>
                            <el-select v-model="jks.jks" placeholder="选择健康师" clearable filterable size="mini"
                              style="width: 200px;" @change="handleJksChange(pxIndex, jksIndex, jks)">
                              <el-option v-for="(item, index) in jksOptions" :key="index" :label="item.fullName"
                                :value="item.id"></el-option>
                            </el-select>
                          </div>
                          <div class="px-staff-field">
                            <label>业绩</label>
                            <el-input v-model="jks.jksyj"
                              :placeholder="px.qt2 === '医美' && jks.jksxm && jks.jksxm.includes('T区') ? 'T区健康师获得全部业绩' : '请输入业绩'"
                              size="mini" style="width: 120px;"
                              @input="formatPxStaffNumber(pxIndex, jksIndex, 'jksyj', 'lqXhJksyjList')">
                              <template slot="append">元</template>
                            </el-input>
                          </div>
                          <div class="px-staff-field" v-show="px.qt2 != '医美'">
                            <label>次数</label>
                            <el-input-number v-model="jks.kdpxNumber" :min="1" :max="999" placeholder="次数" size="mini"
                              style="width: 120px;" @change="onJksNumberChange(pxIndex, jksIndex)"></el-input-number>
                          </div>
                          <div class="px-staff-field" v-show="px.qt2 != '医美'">
                            <label>手工费</label>
                            <el-input v-model="jks.laborCost" placeholder="手工费" size="mini" style="width: 120px;"
                              @input="formatPxStaffNumber(pxIndex, jksIndex, 'laborCost', 'lqXhJksyjList')">
                              <template slot="append">元</template>
                            </el-input>
                          </div>
                          <div class="px-staff-field" v-if="!dataForm.id">
                            <el-button size="mini" type="danger" icon="el-icon-delete"
                              @click="removePxJks(pxIndex, jksIndex)">删除</el-button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- 科技部老师业绩区域 - 仅当品项类型为科美时显示 -->
                <div class="px-staff-section" v-if="px.qt2 === '科美'" :key="'kjb-' + pxIndex + '-' + px.qt2">
                  <div class="px-staff-header">
                    <span class="px-staff-title">科技部老师业绩</span>
                    <el-button v-if="!dataForm.id" size="mini" type="success" icon="el-icon-plus"
                      @click="addPxKjb(pxIndex)">添加科技部老师</el-button>
                  </div>
                  <div class="px-staff-list">
                    <div v-for="(kjb, kjbIndex) in px.lqXhKjbsyjList" :key="kjbIndex" class="px-staff-row">
                      <div class="px-staff-item">
                        <div class="px-staff-fields">
                          <div class="px-staff-field">
                            <label>科技部老师</label>
                            <el-select v-model="kjb.kjbls" placeholder="选择科技部老师" clearable filterable size="mini"
                              style="width: 200px;" @change="handleKjbChange(pxIndex, kjbIndex, kjb)">
                              <el-option v-for="(item, index) in kjbOptions" :key="index" :label="item.fullName"
                                :value="item.id"></el-option>
                            </el-select>
                          </div>
                          <div class="px-staff-field">
                            <label>业绩</label>
                            <el-input v-model="kjb.kjblsyj" placeholder="请输入业绩" size="mini" style="width: 120px;"
                              @input="formatPxStaffNumber(pxIndex, kjbIndex, 'kjblsyj', 'lqXhKjbsyjList')">
                              <template slot="append">元</template>
                            </el-input>
                          </div>
                          <div class="px-staff-field">
                            <label>次数</label>
                            <el-input-number v-model="kjb.hdpxNumber" :min="1" :max="999" placeholder="次数" size="mini"
                              style="width: 120px;" @change="onKjbNumberChange(pxIndex, kjbIndex)"></el-input-number>
                          </div>
                          <div class="px-staff-field">
                            <label>手工费</label>
                            <el-input v-model="kjb.laborCost" placeholder="手工费" size="mini" style="width: 120px;"
                              @input="formatPxStaffNumber(pxIndex, kjbIndex, 'laborCost', 'lqXhKjbsyjList')">
                              <template slot="append">元</template>
                            </el-input>
                          </div>
                          <div class="px-staff-field" v-if="!dataForm.id">
                            <el-button size="mini" type="danger" icon="el-icon-delete"
                              @click="removePxKjb(pxIndex, kjbIndex)">删除</el-button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- 非科美品项提示 -->
                <div class="px-staff-section" v-if="px.qt2 && px.qt2 !== '科美'">
                  <div class="px-staff-header">
                    <span class="px-staff-title">科技部老师业绩</span>
                  </div>
                  <div class="px-staff-tip">
                    <i class="el-icon-info"></i>
                    <span>当前品项类型为"{{ px.qt2 }}"，无需配置科技部老师业绩</span>
                  </div>
                </div>
              </div>
            </div>
          </el-form-item>
        </el-col>

      </el-form>
    </el-row>
    <span slot="footer" class="dialog-footer" v-if="!dataForm.id">
      <el-button @click="visible = false">取 消</el-button>
      <el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail">确 定</el-button>
    </span>
  </el-dialog>
</template>
<script>
  import request from '@/utils/request'
  import {
    getDictionaryDataSelector
  } from '@/api/systemData/dictionary'
  import {
    previewDataInterface
  } from '@/api/systemData/dataInterface'
  import {
    getInfo
  } from '@/api/user'
  export default {
    components: {},
    props: [],
    data() {
      return {
        loading: false,
        visible: false,
        isDetail: false,
        dataForm: {
          id: '',
          id: undefined,
          md: undefined,
          mdbh: undefined,
          mdmc: undefined,
          hy: undefined,
          hyzh: undefined,
          hymc: undefined,
          gklx: undefined,
          xfje: undefined,
          sgfy: undefined,
          sfykjb: undefined,
          lqXhPxmxList: [],
          hksj: new Date(),
          czry: undefined,
        },
        rules: {
          md: [{
            required: true,
            message: '请选择门店',
            trigger: 'change'
          }],
          hy: [{
            required: true,
            message: '请选择会员',
            trigger: 'change'
          }],
          xfje: [{
              required: true,
              message: '请输入消费金额',
              trigger: 'blur'
            },
            {
              pattern: /^\d+(\.\d{1,2})?$/,
              message: '请输入正确的金额格式',
              trigger: 'blur'
            }
          ]
        },
        mdOptions: [],
        hyOptions: [],
        gklxOptions: [{
          "fullName": "会员",
          "id": "会员"
        }, {
          "fullName": "非会员",
          "id": "非会员"
        }, {
          "fullName": "19.9",
          "id": "19.9"
        }],
        sfykjbOptions: [{
          "fullName": "是",
          "id": "是"
        }, {
          "fullName": "否",
          "id": "否"
        }],
        pxOptions: [],
        xfzsOptions: [{
          "fullName": "是",
          "id": "否"
        }, {
          "fullName": "否",
          "id": "否"
        }],
        jksOptions: [],
        kjbOptions: [],
      }
    },
    computed: {},
    watch: {},
    created() {
      this.getmdOptions();
      this.gethyOptions();
      // 品项选项现在需要先选择会员后才能获取
    },
    mounted() {},
    methods: {
      // 门店选择变化处理
      handleMdChange(val) {
        const selectedMd = this.mdOptions.find(item => item.id === val);
        if (selectedMd) {
          this.dataForm.mdbh = selectedMd.mdbh || selectedMd.id;
          this.dataForm.mdmc = selectedMd.fullName;
          console.log('选择门店:', selectedMd);
        } else {
          this.dataForm.mdbh = '';
          this.dataForm.mdmc = '';
        }
      },
      // 会员选择变化处理
      handleHyChange(val) {
        const selectedHy = this.hyOptions.find(item => item.id === val);
        if (selectedHy) {
          this.dataForm.hyzh = selectedHy.hyzh || selectedHy.id;
          this.dataForm.hymc = selectedHy.fullName;
          this.dataForm.gklx = selectedHy.khlx || '';
          console.log('选择会员:', selectedHy);

          // 选择会员后，获取该会员的剩余品项
          this.getpxOptions();
        } else {
          this.dataForm.hyzh = '';
          this.dataForm.hymc = '';
          this.dataForm.gklx = '';
          this.pxOptions = []; // 清空品项选项
        }
      },
      // 品项选择变化处理
      handlePxChange(index, row) {
        console.log('品项选择变化处理:', row);
        if (row.BillingItemId) {
          const selectedPx = this.pxOptions.find(item => item.BillingItemId === row.BillingItemId);
          console.log('选择品项:', selectedPx);
          if (selectedPx) {
            request({
              url: `/api/Extend/LqXmzl/${selectedPx.id}`,
              method: 'GET',
            }).then((res) => {
              let qt2 = res.data.qt2 || "";
              let sgf = res.data.sgf || 0;
              row.px = selectedPx.id;
              row.pxmc = selectedPx.fullName;
              row.pxjg = selectedPx.ItemPrice || 0;

              row.yxf = selectedPx.ConsumedCount || 0; // 已消费
              row.zgm = selectedPx.TotalPurchased || 1; // 总购买
              row.sourceType = selectedPx.sourceType || ""; // 来源
              row.projectNumber = 1; // 默认消费数量为1
              row.sgf = sgf;
              row.qt2 = qt2 || "";
              // 品项修改时，清空健康师和科技部老师列表
              row.lqXhJksyjList = [];
              row.lqXhKjbsyjList = [];

              console.log('选择品项:', {
                ...row
              });

              // 重新计算总金额和总手工费
              this.calculateTotalAmount();
              this.calculateTotalLaborCost();

              // 如果是医美品项，自动选择T区健康师并分配全部业绩
              if (qt2 === '医美') {
                this.$nextTick(() => {
                  this.handleYimeiJksAutoSelection(index);
                });
              }
            })
          }
        } else {
          // 清空品项时，重置所有相关字段
          row.pxmc = '';
          row.px = '';
          row.pxid = '';
          row.pxjg = 0;
          row.qt2 = '';
          row.yxf = 0;
          row.zgm = 1;
          row.sourceType = '';
          row.projectNumber = 1;
          row.lqXhJksyjList = []; // 清空健康师列表
          row.lqXhKjbsyjList = []; // 清空科技部老师列表

          // 重新计算总金额和总手工费
          this.calculateTotalAmount();
          this.calculateTotalLaborCost();
        }
      },
      getjksOptions() {
        console.error('-----------')
        request({
          url: `/api/Extend/user?page=1&pageSize=1000&mdid=${this.dataForm.md}&gw=健康师`,
          method: 'GET',
        }).then((res) => {
          if (res.code == 200 && res.data.list.length > 0) {
            this.jksOptions = res.data.list.map(item => ({
              fullName: item.realName || item.name || item.userName,
              id: item.id,
              value: item.id,
              label: item.realName || item.name || item.userName,
              jks: item.id,
              jksxm: item.realName || item.name || item.userName,
              jkszh: item.mobilePhone || item.account || item.userName
            }));
          } else {
            this.jksOptions = [];
          }
          console.error(this.jksOptions)
        })
      },
      // 品项健康师选择
      handleJksChange(pxIndex, jksIndex, row) {
        console.log('品项健康师选择:', row);
        if (row.jks) {
          // 根据选择的健康师ID获取用户信息
          const selectedJks = this.jksOptions.find(item => item.id === row.jks);
          if (selectedJks) {
            // 填充姓名和账号
            row.jksxm = selectedJks.fullName;
            row.jkszh = selectedJks.userName || selectedJks.account || selectedJks.id;

            // 获取金三角信息
            this.getJsjInfoByUserId(row.jks, (jsjId, jsjName) => {
              console.log('获取金三角信息:', jsjId, jsjName);
              row.jsjId = jsjId;
            });

            // 如果是医美品项，重新分配健康师业绩
            const px = this.dataForm.lqXhPxmxList[pxIndex];
            if (px.qt2 === '医美') {
              this.$nextTick(() => {
                this.handleYimeiJksDistribution(pxIndex);
              });
            }
          }
        } else {
          // 清空相关字段
          row.jksxm = '';
          row.jkszh = '';
          row.jsjId = '';
        }
      },
      // 格式化日期方法
      formatDate(date, format) {
        if (!date) return '';
        const d = new Date(date);
        const year = d.getFullYear();
        const month = String(d.getMonth() + 1).padStart(2, '0');
        const day = String(d.getDate()).padStart(2, '0');
        const hours = String(d.getHours()).padStart(2, '0');
        const minutes = String(d.getMinutes()).padStart(2, '0');
        const seconds = String(d.getSeconds()).padStart(2, '0');

        return format
          .replace('yyyy', year)
          .replace('MM', month)
          .replace('dd', day)
          .replace('HH', hours)
          .replace('mm', minutes)
          .replace('ss', seconds);
      },
      // 根据用户ID获取金三角信息
      getJsjInfoByUserId(userId, callback) {
        let date = new Date(this.dataForm.hksj);
        let formattedDate = this.formatDate(date, 'yyyy-MM-dd HH:mm:ss');
        console.log('formattedDate:', formattedDate);
        request({
          url: `/api/Extend/lqycsdjsj/GetJsjInfoByUserMonth?UserId=${userId}&DateTime=${formattedDate}`,
          method: 'GET',
        }).then((res) => {
          if (res.code === 200 && res.data) {
            // 假设返回的数据结构中有jsj_id字段
            const jsjId = res.data.jsjId;
			const jsjName = res.data.jsjName;

            if (callback) {
              callback(jsjId, jsjName);
            }
            console.log('获取金三角信息成功:', res.data);
          } else {
            console.warn('获取金三角信息失败:', res.msg);
            if (callback) {
              callback('');
            }
          }
        }).catch((err) => {
          console.error('获取金三角信息出错:', err);
          if (callback) {
            callback('');
          }
        });
      },
      // 数字格式化
      formatNumber(field) {
        let value = this.dataForm[field].toString().replace(/,/g, '');
        if (!/^\d*\.?\d*$/.test(value)) {
          value = value.replace(/[^\d.]/g, '');
        }
        this.dataForm[field] = value;
      },
      // 表格数字格式化
      formatTableNumber(index, field, listName) {
        let value = this.dataForm[listName][index][field].toString().replace(/,/g, '');
        if (!/^\d*\.?\d*$/.test(value)) {
          value = value.replace(/[^\d.]/g, '');
        }
        this.dataForm[listName][index][field] = value;
      },
      getmdOptions() {
        previewDataInterface('730960205902251269').then(res => {
          this.mdOptions = res.data
        });
      },
      gethyOptions() {
        request({
          url: '/api/Extend/LqKhxx?page=1&pageSize=1000',
          method: 'GET',
        }).then((res) => {
          if (res.code == 200 && res.data.list.length > 0) {
            this.hyOptions = res.data.list.map(item => ({
              fullName: item.khmc,
              id: item.id,
              value: item.id,
              label: `${item.khmc}`,
              sjh: item.sjh, // 会员手机号
              khlx: item.khlx || '未知' // 客户来源/类型，默认为会员
            }));
          } else {
            this.hyOptions = [];
          }
          console.error(this.hyOptions)
        })
      },
      // 获取品项选项（从会员剩余品项API获取）
      async getpxOptions() {
        if (!this.dataForm.hy) {
          console.warn("请先选择会员");
          this.pxOptions = [];
          return;
        }

        try {
          const response = await request({
            url: `/api/Extend/lqkhxx/GetMemberRemainingItems?memberId=${this.dataForm.hy}`,
            method: 'GET',
          });

          if (response.code == 200 && response.data && response.data.RemainingItems) {
            this.pxOptions = response.data.RemainingItems.map(item => ({
              fullName: item.ItemName,
              id: item.ItemId,
              value: item.ItemId,
              label: item.ItemName,
              px: item.ItemId,
              pxmc: item.ItemName,
              pxjg: item.ItemPrice || 0,
              qt2: item.qt2 || "",
              RemainingCount: item.RemainingCount || 0,
              ItemPrice: item.ItemPrice || 0,
              sgf: 0,
              sourceType: item.SourceType || "购买",
              TotalPurchased: item.TotalPurchased || 0,
              ConsumedCount: item.ConsumedCount || 0,
              BillingItemId: item.BillingItemId
            }));
            console.log('获取会员剩余品项成功:', this.pxOptions);
          } else {
            console.warn("获取会员剩余品项失败，使用默认数据");
            this.pxOptions = [];
          }
        } catch (error) {
          console.error("获取会员剩余品项出错:", error);
          this.pxOptions = [];
        }
      },
      goBack() {
        this.$emit('refresh')
      },
      init(id, isDetail) {
        this.dataForm.id = id || 0;
        this.visible = true;
        this.isDetail = isDetail || false;
        this.dataForm.lqXhPxmxList = [];
        this.$nextTick(() => {
          this.$refs['elForm'].resetFields();
          if (this.dataForm.id) {
            request({
              url: '/api/Extend/LqXhHyhk/' + this.dataForm.id,
              method: 'get'
            }).then(async res => {
              this.dataForm = res.data;
              console.log('编辑时获取的数据:', this.dataForm);
              console.log('品项列表:', this.dataForm.lqXhPxmxList);

              // 编辑时也需要加载健康师和科技部老师选项
              // 先加载健康师选项
              this.getjksOptions();

              // 等待门店数据加载完成后再加载科技部老师选项
              if (this.dataForm.md) {
                await this.getjksOptions();
                await this.getkjbOptions();
              }

              // 编辑时，需要确保品项类型正确设置
              if (this.dataForm.lqXhPxmxList && this.dataForm.lqXhPxmxList.length > 0) {
                for (let i = 0; i < this.dataForm.lqXhPxmxList.length; i++) {
                  const px = this.dataForm.lqXhPxmxList[i];
                  if (px.px && !px.qt2) {
                    // 如果品项类型没有设置，重新获取品项信息
                    try {
                      const res = await request({
                        url: `/api/Extend/LqXmzl/${px.px}`,
                        method: 'GET',
                      });
                      if (res.data) {
                        px.qt2 = res.data.qt2 || "";
                        px.sgf = res.data.sgf || 0;
                        console.log(`编辑时重新获取品项${i}类型:`, px.qt2);
                      }
                    } catch (error) {
                      console.error(`获取品项${i}类型失败:`, error);
                    }
                  }
                }
              }

              // 重新计算总金额和总手工费
              this.calculateTotalAmount();
              this.calculateTotalLaborCost();
            })
          } else {
            this.loadStoreDataAndSetDefault();
            // 初始化时计算总金额和总手工费
            this.calculateTotalAmount();
            this.calculateTotalLaborCost();
          }
        })
      },
      loadStoreDataAndSetDefault() {
        console.log('开始加载门店数据和用户信息...');
        // 先加载门店数据
        this.loadStoreDataPromise().then(() => {
          // 门店数据加载完成后，获取用户信息
          return this.getCurrentUserStorePromise();
        }).then((userData) => {
          if (userData && userData.mdid) {
            const userStoreId = userData.mdid;
            console.log('用户门店ID:', userStoreId);
            console.log('门店选项列表:', this.djmdOptions);

            // 检查用户门店ID是否在门店列表中
            const matchingStore = this.djmdOptions.find(store => store.id === userStoreId);
            if (matchingStore) {
              this.dataForm.md = userStoreId;
              this.dataForm.mdmc = matchingStore.fullName;
              this.dataForm.mdbh = matchingStore.id;
              console.log('找到匹配的门店，设置默认门店ID:', userStoreId);
              console.log('匹配的门店信息:', matchingStore);
            } else {
              console.warn('用户门店ID在门店列表中未找到匹配项');
              console.log('用户门店ID:', userStoreId);
              console.log('可用门店ID列表:', this.djmdOptions.map(s => s.id));
            }
          } else {
            console.warn('用户数据中没有门店ID，无法设置默认值');
          }
          this.getjksOptions();
          this.getkjbOptions(); // 在门店数据加载完成后获取科技部老师
        }).catch(err => {
          console.error('加载数据失败:', err);
        });
      },
      loadStoreDataPromise() {
        // 使用原来的数据接口方式
        return previewDataInterface('730960205902251269').then(res => {
          console.log('门店API原始响应:', res);
          if (res.data && res.data.length > 0) {
            this.djmdOptions = res.data;
            console.log('门店数据加载成功:', this.djmdOptions);
            return res.data;
          } else {
            console.warn('门店数据为空');
            return [];
          }
        }).catch(err => {
          console.error('门店数据加载失败:', err);
          return [];
        });
      },
      getCurrentUserStorePromise() {
        return new Promise((resolve, reject) => {
          getInfo().then(res => {
            resolve(res.data.userInfo);
          }).catch(err => {
            console.error('获取当前用户信息失败:', err);
            reject(err);
          });
        });
      },
      dataFormSubmit() {
        console.log(this.dataForm)
        // return
        this.$refs['elForm'].validate((valid) => {
          if (valid) {
            // 验证品项数据
            if (!this.validatePxList()) {
              return;
            }

            // 处理数据
            this.processFormData();
            // return

            if (!this.dataForm.id) {
              request({
                url: `/api/Extend/LqXhHyhk`,
                method: 'post',
                data: this.dataForm,
              }).then((res) => {
                this.$message({
                  message: res.msg,
                  type: 'success',
                  duration: 1000,
                  onClose: () => {
                    this.visible = false,
                      this.$emit('refresh', true)
                  }
                })
              })
            } else {
              request({
                url: '/api/Extend/LqXhHyhk/' + this.dataForm.id,
                method: 'PUT',
                data: this.dataForm
              }).then((res) => {
                this.$message({
                  message: res.msg,
                  type: 'success',
                  duration: 1000,
                  onClose: () => {
                    this.visible = false
                    this.$emit('refresh', true)
                  }
                })
              })
            }
          }
        })
      },
      async getkjbOptions() {
        // 获取科技部老师选项数据 - 参考lx.html的实现
        await this.getKjbOptionsByOrganizeId();
      },
      // 根据门店ID获取科技部组织ID，再获取科技部老师列表
      async getKjbOptionsByOrganizeId() {
        const userResponse = await request({
          url: `/api/Extend/user?page=1&pageSize=1000&gw=科技老师`,
          method: 'GET',
        });

        if (userResponse.code == 200 && userResponse.data && userResponse.data.list.length > 0) {
          this.kjbOptions = userResponse.data.list.map(item => ({
            fullName: item.realName || item.name || item.userName,
            id: item.id,
            value: item.id,
            label: item.realName || item.name || item.userName,
            kjbls: item.id,
            kjblsxm: item.realName || item.name || item.userName,
            kjblszh: item.mobilePhone || item.account || item.userName
          }));
          console.log('科技部老师列表:', this.kjbOptions);
        } else {
          console.warn('获取科技部老师列表失败');
          this.kjbOptions = [];
        }
      },
      addHandleLqXhJksyjEntityList() {
        let item = {
          id: undefined,
          glkdbh: undefined,
          jks: undefined,
          jksxm: undefined,
          jkszh: undefined,
          jksyj: undefined,
          yjsj: undefined,
        }
        this.dataForm.lqXhJksyjList.push(item)
      },
      handleDelLqXhJksyjEntityList(index) {
        this.dataForm.lqXhJksyjList.splice(index, 1);
      },
      addHandleLqXhKjbsyjEntityList() {
        let item = {
          id: undefined,
          glkdbh: undefined,
          kjbls: undefined,
          kjblsxm: undefined,
          kjblszh: undefined,
          kjblsyj: undefined,
          yjsj: undefined,
        }
        this.dataForm.lqXhKjbsyjList.push(item)
      },
      handleDelLqXhKjbsyjEntityList(index) {
        this.dataForm.lqXhKjbsyjList.splice(index, 1);
      },
      addHandleLqXhPxmxEntityList() {
        let item = {
          "BillingItemId": "",
          "px": "",
          "pxmc": "",
          "pxjg": 0,
          "memberId": this.dataForm.hy,
          "projectNumber": 0,
          "sourceType": "",
          "totalPrice": 0,
          "qt2": "", // 品项类型
          "lqXhJksyjList": [], // 健康师业绩列表
          "lqXhKjbsyjList": [], // 科技部老师业绩列表
        }
        this.dataForm.lqXhPxmxList.push(item);
        // 重新计算总金额和总手工费
        this.calculateTotalAmount();
        this.calculateTotalLaborCost();
      },
      handleDelLqXhPxmxEntityList(index) {
        this.dataForm.lqXhPxmxList.splice(index, 1);
        // 重新计算总金额和总手工费
        this.calculateTotalAmount();
        this.calculateTotalLaborCost();
      },
      // 品项健康师相关方法
      addPxJks(pxIndex) {
        if (!this.dataForm.lqXhPxmxList[pxIndex].lqXhJksyjList) {
          this.$set(this.dataForm.lqXhPxmxList[pxIndex], 'lqXhJksyjList', []);
        }
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        let item = {
          "jks": "",
          "jksxm": "",
          "jkszh": "",
          "jksyj": "",
          "jsjId": "",
          "laborCost": px.sgf || 0, // 默认手工费为品项手工费单价
          "kdpxNumber": 1, // 默认次数为1
          "kdpxid": px.BillingItemId,
        }
        this.dataForm.lqXhPxmxList[pxIndex].lqXhJksyjList.push(item);
      },
      removePxJks(pxIndex, jksIndex) {
        this.dataForm.lqXhPxmxList[pxIndex].lqXhJksyjList.splice(jksIndex, 1);
      },
      // 品项科技部老师相关方法
      addPxKjb(pxIndex) {
        if (!this.dataForm.lqXhPxmxList[pxIndex].lqXhKjbsyjList) {
          this.$set(this.dataForm.lqXhPxmxList[pxIndex], 'lqXhKjbsyjList', []);
        }
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        let item = {
          "kjbls": "",
          "kjblsyj": "",
          "kjblsxm": "",
          "kjblszh": "",
          "laborCost": px.sgf || 0, // 默认手工费为品项手工费单价
          "hdpxNumber": 1, // 默认次数为1
          "hkpxid": px.BillingItemId,
        }
        this.dataForm.lqXhPxmxList[pxIndex].lqXhKjbsyjList.push(item);
      },
      // 品项科技部老师选择
      handleKjbChange(pxIndex, kjbIndex, row) {
        console.log('品项科技部老师选择:', row);
        if (row.kjbls) {
          // 根据选择的科技部老师ID获取用户信息
          const selectedKjb = this.kjbOptions.find(item => item.id === row.kjbls);
          if (selectedKjb) {
            // 填充姓名和账号
            row.kjblsxm = selectedKjb.fullName;
            row.kjblszh = selectedKjb.userName || selectedKjb.account || selectedKjb.id;
          }
        } else {
          // 清空相关字段
          row.kjblsxm = '';
          row.kjblszh = '';
        }
      },
      removePxKjb(pxIndex, kjbIndex) {
        this.dataForm.lqXhPxmxList[pxIndex].lqXhKjbsyjList.splice(kjbIndex, 1);
      },
      // 品项内人员业绩数字格式化
      formatPxStaffNumber(pxIndex, staffIndex, field, listName) {
        const targetList = this.dataForm.lqXhPxmxList[pxIndex][listName];
        if (targetList && targetList[staffIndex] && targetList[staffIndex][field] !== undefined) {
          let value = targetList[staffIndex][field].toString().replace(/,/g, '');

          if (!/^\d*\.?\d*$/.test(value)) {
            value = value.replace(/[^\d.]/g, '');
          }

          targetList[staffIndex][field] = value;
        }
      },
      // 验证品项列表
      validatePxList() {
        const pxList = this.dataForm.lqXhPxmxList;

        // 1. 验证是否有品项
        if (!pxList || pxList.length === 0) {
          this.$message.error('请至少添加一个品项');
          return false;
        }

        // 2. 验证每个品项的信息
        for (let i = 0; i < pxList.length; i++) {
          const px = pxList[i];

          // 验证品项基本信息
          if (!px.px || !px.pxmc) {
            this.$message.error(`第${i + 1}个品项信息不完整，请重新选择`);
            return false;
          }
          // if (!px.pxjg || parseFloat(px.pxjg) <= 0) {
          // 	this.$message.error(`第${i + 1}个品项的价格必须大于0`);
          // 	return false;
          // }

          // 验证次数不能超过剩余次数
          if (px.RemainingCount && px.projectNumber > px.RemainingCount) {
            this.$message.error(`第${i + 1}个品项的次数(${px.projectNumber})不能超过剩余次数(${px.RemainingCount})`);
            return false;
          }

          // 验证健康师
          if (!px.lqXhJksyjList || px.lqXhJksyjList.length === 0) {
            this.$message.error(`第${i + 1}个品项必须至少选择一个健康师`);
            return false;
          }

          // 计算健康师业绩总和
          let jksTotalYj = 0;
          let jksTotalLaborCost = 0;
          let jksTotalNumber = 0;

          // 检查是否为医美品项
          const isYimei = px.qt2 === '医美';
          let tquJks = null; // T区健康师
          let otherJksList = []; // 其他健康师

          // 分离T区健康师和其他健康师
          for (let j = 0; j < px.lqXhJksyjList.length; j++) {
            const jks = px.lqXhJksyjList[j];

            // 验证健康师是否选择
            if (!jks.jks || !jks.jksxm) {
              this.$message.error(`第${i + 1}个品项的第${j + 1}个健康师必须选择`);
              return false;
            }

            // 验证健康师业绩必须填写（医美品项的非T区健康师除外）
            const isTquJks = isYimei && jks.jksxm && jks.jksxm.includes('T区');
            const isNonTquJks = isYimei && !isTquJks;

            if (!isNonTquJks && (!jks.jksyj || jks.jksyj.trim() === "")) {
              this.$message.error(`第${i + 1}个品项的第${j + 1}个健康师业绩必须填写`);
              return false;
            }

            // 验证业绩为数字（医美品项的非T区健康师可以为空或0）
            const yj = parseFloat(jks.jksyj || 0);
            if (isNaN(yj) || yj < 0) {
              this.$message.error(`第${i + 1}个品项的第${j + 1}个健康师业绩必须为有效数字`);
              return false;
            }

            // 医美品项特殊处理：检查是否包含"T区"
            if (isYimei && jks.jksxm && jks.jksxm.includes('T区')) {
              tquJks = jks;
            } else {
              otherJksList.push(jks);
            }

            jksTotalYj += yj;
            jksTotalLaborCost += parseFloat(jks.laborCost) || 0;
            jksTotalNumber += parseInt(jks.kdpxNumber) || 0;
          }

          // 医美品项特殊验证
          if (isYimei) {
            const pxTotalAmount = px.pxjg * px.projectNumber;
            const pxTotalLaborCost = (px.sgf || 0) * px.projectNumber;

            if (tquJks) {
              // 有T区健康师的情况
              // 验证T区健康师业绩等于品项总金额
              const tquYj = parseFloat(tquJks.jksyj);
              if (Math.abs(tquYj - pxTotalAmount) > 0.01) {
                this.$message.error(
                  `第${i + 1}个品项是医美品项，T区健康师业绩(${tquYj.toFixed(2)})必须等于品项金额(${pxTotalAmount.toFixed(2)})`);
                return false;
              }

              // 验证T区健康师次数和手工费等于品项总次数和总手工费
              if (parseInt(tquJks.kdpxNumber) !== px.projectNumber) {
                this.$message.error(`第${i + 1}个品项是医美品项，T区健康师次数必须等于品项次数(${px.projectNumber})`);
                return false;
              }
              if (Math.abs(parseFloat(tquJks.laborCost) - pxTotalLaborCost) > 0.01) {
                this.$message.error(`第${i + 1}个品项是医美品项，T区健康师手工费必须等于品项手工费(${pxTotalLaborCost.toFixed(2)})`);
                return false;
              }

              // 验证其他健康师业绩为0
              for (let k = 0; k < otherJksList.length; k++) {
                const otherJks = otherJksList[k];
                const otherYj = parseFloat(otherJks.jksyj);
                if (Math.abs(otherYj) > 0.01) {
                  this.$message.error(`第${i + 1}个品项是医美品项，非T区健康师业绩必须为0`);
                  return false;
                }
              }

              // 验证其他健康师次数和手工费都为0
              for (let k = 0; k < otherJksList.length; k++) {
                const otherJks = otherJksList[k];
                if (parseInt(otherJks.kdpxNumber) !== 0) {
                  this.$message.error(`第${i + 1}个品项是医美品项，非T区健康师次数必须为0`);
                  return false;
                }
                if (Math.abs(parseFloat(otherJks.laborCost)) > 0.01) {
                  this.$message.error(`第${i + 1}个品项是医美品项，非T区健康师手工费必须为0`);
                  return false;
                }
              }
            } else {
              // 没有T区健康师的情况，按普通品项验证
              if (Math.abs(jksTotalYj - pxTotalAmount) > 0.01) {
                this.$message.error(
                  `第${i + 1}个品项的健康师业绩总和(${jksTotalYj.toFixed(2)})必须等于品项金额(${pxTotalAmount.toFixed(2)})`);
                return false;
              }

              if (Math.abs(jksTotalLaborCost - pxTotalLaborCost) > 0.01) {
                this.$message.error(
                  `第${i + 1}个品项的健康师手工费总和(${jksTotalLaborCost.toFixed(2)})必须等于品项手工费(${pxTotalLaborCost.toFixed(2)})`);
                return false;
              }

              if (jksTotalNumber !== px.projectNumber) {
                this.$message.error(`第${i + 1}个品项的健康师次数总和(${jksTotalNumber})必须等于品项次数(${px.projectNumber})`);
                return false;
              }
            }
          } else {
            // 非医美品项，按原逻辑验证
            const pxTotalAmount = px.pxjg * px.projectNumber;
            if (Math.abs(jksTotalYj - pxTotalAmount) > 0.01) {
              this.$message.error(
              `第${i + 1}个品项的健康师业绩总和(${jksTotalYj.toFixed(2)})必须等于品项金额(${pxTotalAmount.toFixed(2)})`);
              return false;
            }

            const pxTotalLaborCost = (px.sgf || 0) * px.projectNumber;
            if (Math.abs(jksTotalLaborCost - pxTotalLaborCost) > 0.01) {
              this.$message.error(
                `第${i + 1}个品项的健康师手工费总和(${jksTotalLaborCost.toFixed(2)})必须等于品项手工费(${pxTotalLaborCost.toFixed(2)})`);
              return false;
            }

            if (jksTotalNumber !== px.projectNumber) {
              this.$message.error(`第${i + 1}个品项的健康师次数总和(${jksTotalNumber})必须等于品项次数(${px.projectNumber})`);
              return false;
            }
          }

          // 如果是科美品项，验证科技部老师
          if (px.qt2 === '科美') {
            if (!px.lqXhKjbsyjList || px.lqXhKjbsyjList.length === 0) {
              this.$message.error(`第${i + 1}个品项是科美品项，必须至少选择一个科技部老师`);
              return false;
            }

            // 计算科技部老师业绩总和
            let kjbTotalYj = 0;
            let kjbTotalLaborCost = 0;
            let kjbTotalNumber = 0;

            for (let k = 0; k < px.lqXhKjbsyjList.length; k++) {
              const kjb = px.lqXhKjbsyjList[k];

              // 验证科技部老师是否选择
              if (!kjb.kjbls || !kjb.kjblsxm) {
                this.$message.error(`第${i + 1}个品项的第${k + 1}个科技部老师必须选择`);
                return false;
              }

              // 验证科技部老师业绩必须填写
              if (!kjb.kjblsyj || kjb.kjblsyj.trim() === "") {
                this.$message.error(`第${i + 1}个品项的第${k + 1}个科技部老师业绩必须填写`);
                return false;
              }

              // 验证业绩为数字
              const yj = parseFloat(kjb.kjblsyj);
              if (isNaN(yj) || yj < 0) {
                this.$message.error(`第${i + 1}个品项的第${k + 1}个科技部老师业绩必须为有效数字`);
                return false;
              }

              kjbTotalYj += yj;
              kjbTotalLaborCost += parseFloat(kjb.laborCost) || 0;
              kjbTotalNumber += parseInt(kjb.hdpxNumber) || 0;
            }

            // 验证科技部老师业绩总和等于品项金额
            if (Math.abs(kjbTotalYj - pxTotalAmount) > 0.01) {
              this.$message.error(
                `第${i + 1}个品项的科技部老师业绩总和(${kjbTotalYj.toFixed(2)})必须等于品项金额(${pxTotalAmount.toFixed(2)})`);
              return false;
            }

            // 验证科技部老师手工费总和等于品项手工费
            if (Math.abs(kjbTotalLaborCost - pxTotalLaborCost) > 0.01) {
              this.$message.error(
                `第${i + 1}个品项的科技部老师手工费总和(${kjbTotalLaborCost.toFixed(2)})必须等于品项手工费(${pxTotalLaborCost.toFixed(2)})`);
              return false;
            }

            // 验证科技部老师次数总和等于品项次数
            if (kjbTotalNumber !== px.projectNumber) {
              this.$message.error(`第${i + 1}个品项的科技部老师次数总和(${kjbTotalNumber})必须等于品项次数(${px.projectNumber})`);
              return false;
            }
          }
        }

        return true;
      },
      // 处理表单数据
      processFormData() {
        // 检查是否有科美品项
        const hasKemei = this.dataForm.lqXhPxmxList.some(px => px.qt2 === '科美');

        // 设置是否有科技部
        this.dataForm.sfykjb = hasKemei ? "是" : "否";

        // 过滤品项列表，只保留提交需要的字段
        this.dataForm.lqXhPxmxList = this.dataForm.lqXhPxmxList.map(px => ({
          billingItemId: px.BillingItemId,
          px: px.px,
          memberId: px.memberId,
          pxmc: px.pxmc,
          pxjg: px.pxjg,
          projectNumber: px.projectNumber,
          sourceType: px.sourceType,
          totalPrice: px.pxjg * px.projectNumber,
          lqXhJksyjList: px.lqXhJksyjList || [],
          lqXhKjbsyjList: px.lqXhKjbsyjList || []
        }));

        console.log('处理后的数据:', this.dataForm);
      },
      // 计算总消费金额
      calculateTotalAmount() {
        let totalAmount = 0;
        this.dataForm.lqXhPxmxList.forEach(px => {
          if (px.px && px.pxjg && px.projectNumber) {
            totalAmount += parseFloat(px.pxjg) * parseInt(px.projectNumber);
          }
        });
        this.dataForm.xfje = totalAmount.toFixed(2);
      },
      // 计算总手工费
      calculateTotalLaborCost() {
        let totalLaborCost = 0;
        this.dataForm.lqXhPxmxList.forEach(px => {
          if (px.sgf && px.projectNumber) {
            totalLaborCost += parseFloat(px.sgf) * parseInt(px.projectNumber);
          }
        });
        this.dataForm.sgfy = totalLaborCost.toFixed(2);
      },
      // 消费数量变化处理
      onProjectNumberChange() {
        // 重新计算总金额和总手工费
        this.calculateTotalAmount();
        this.calculateTotalLaborCost();

        // 更新所有品项的健康师业绩分配
        this.updateAllPxStaffDistribution();
      },
      // 更新所有品项的健康师业绩分配
      updateAllPxStaffDistribution() {
        this.dataForm.lqXhPxmxList.forEach((px, pxIndex) => {
          if (px.qt2 === '医美' && px.lqXhJksyjList && px.lqXhJksyjList.length > 0) {
            // 医美品项，更新T区健康师业绩
            this.updateYimeiJksDistribution(pxIndex);
          }
        });
      },
      // 更新医美品项T区健康师业绩分配
      updateYimeiJksDistribution(pxIndex) {
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        if (px.qt2 !== '医美' || !px.lqXhJksyjList || px.lqXhJksyjList.length === 0) {
          return;
        }

        const pxTotalAmount = px.pxjg * px.projectNumber;
        const pxTotalLaborCost = (px.sgf || 0) * px.projectNumber;

        // 查找T区健康师
        const tquJks = px.lqXhJksyjList.find(jks => jks.jksxm && jks.jksxm.includes('T区'));

        if (tquJks) {
          // 更新T区健康师的业绩、次数和手工费
          tquJks.jksyj = pxTotalAmount.toFixed(2);
          tquJks.kdpxNumber = px.projectNumber;
          tquJks.laborCost = pxTotalLaborCost.toFixed(2);

          console.log('更新T区健康师业绩:', {
            pxIndex: pxIndex,
            tquJks: tquJks,
            pxTotalAmount: pxTotalAmount,
            pxTotalLaborCost: pxTotalLaborCost
          });
        }
      },
      // 获取品项剩余数量
      getRemainingCount(px) {
        if (px.px) {
          const selectedPx = this.pxOptions.find(item => item.BillingItemId === px.BillingItemId);
          if (selectedPx) {
            return selectedPx.RemainingCount || 0;
          }
        }
        return (px.zgm || 1) - (px.yxf || 0);
      },
      // 健康师次数变化处理
      onJksNumberChange(pxIndex, jksIndex) {
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        const jks = px.lqXhJksyjList[jksIndex];

        if (px.sgf && jks.kdpxNumber) {
          // 手工费 = 品项手工费单价 × 次数
          jks.laborCost = (parseFloat(px.sgf) * parseInt(jks.kdpxNumber)).toFixed(2);
          console.log(`健康师${jksIndex + 1}次数变化: ${jks.kdpxNumber}, 手工费自动计算: ${jks.laborCost}`);

          // 如果是医美品项的T区健康师，需要重新计算业绩
          if (px.qt2 === '医美' && jks.jksxm && jks.jksxm.includes('T区')) {
            // T区健康师业绩 = 品项单价 × 次数
            jks.jksyj = (px.pxjg * parseInt(jks.kdpxNumber)).toFixed(2);
            console.log(`T区健康师业绩更新: ${jks.jksyj}`);
          }
        }
      },
      // 科技部老师次数变化处理
      onKjbNumberChange(pxIndex, kjbIndex) {
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        const kjb = px.lqXhKjbsyjList[kjbIndex];

        if (px.sgf && kjb.hdpxNumber) {
          // 手工费 = 品项手工费单价 × 次数
          kjb.laborCost = (parseFloat(px.sgf) * parseInt(kjb.hdpxNumber)).toFixed(2);
          console.log(`科技部老师${kjbIndex + 1}次数变化: ${kjb.hdpxNumber}, 手工费自动计算: ${kjb.laborCost}`);
        }
      },
      // 医美品项自动选择T区健康师
      handleYimeiJksAutoSelection(pxIndex) {
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        if (px.qt2 !== '医美') {
          return;
        }

        // 查找T区健康师
        const tquJks = this.jksOptions.find(jks => jks.fullName && jks.fullName.includes('T区'));

        if (tquJks) {
          // 自动添加T区健康师
          const pxTotalAmount = px.pxjg * px.projectNumber;
          const pxTotalLaborCost = (px.sgf || 0) * px.projectNumber;

          const jksItem = {
            "jks": tquJks.id,
            "jksxm": tquJks.fullName,
            "jkszh": tquJks.userName || tquJks.account || tquJks.id,
            "jksyj": pxTotalAmount.toFixed(2), // 全部业绩
            "jsjId": "",
            "laborCost": pxTotalLaborCost.toFixed(2), // 全部手工费
            "kdpxNumber": px.projectNumber, // 全部次数
            "kdpxid": px.BillingItemId,
          };

          // 清空现有健康师列表，添加T区健康师
          px.lqXhJksyjList = [jksItem];

          // 获取金三角信息
          this.getJsjInfoByUserId(tquJks.id, (jsjId, jsjName) => {
            console.log('获取金三角信息:', jsjId, jsjName);
            jksItem.jsjId = jsjId;
          });

          console.log('医美品项自动选择T区健康师:', {
            jksItem: jksItem,
            pxTotalAmount: pxTotalAmount,
            pxTotalLaborCost: pxTotalLaborCost
          });
        } else {
          console.warn('未找到T区健康师，请确保健康师列表中包含名称带有"T区"的健康师');
        }
      },
      // 医美品项健康师业绩自动分配
      handleYimeiJksDistribution(pxIndex) {
        const px = this.dataForm.lqXhPxmxList[pxIndex];
        if (px.qt2 !== '医美' || !px.lqXhJksyjList || px.lqXhJksyjList.length === 0) {
          return;
        }

        const pxTotalAmount = px.pxjg * px.projectNumber;
        const pxTotalLaborCost = (px.sgf || 0) * px.projectNumber;

        // 分离T区健康师和其他健康师
        let tquJks = null;
        let otherJksList = [];

        for (let i = 0; i < px.lqXhJksyjList.length; i++) {
          const jks = px.lqXhJksyjList[i];
          if (jks.jksxm && jks.jksxm.includes('T区')) {
            tquJks = jks;
          } else {
            otherJksList.push(jks);
          }
        }

        if (tquJks) {
          // 有T区健康师的情况
          // T区健康师获得全部业绩、次数和手工费
          tquJks.jksyj = pxTotalAmount.toFixed(2);
          tquJks.kdpxNumber = px.projectNumber;
          tquJks.laborCost = pxTotalLaborCost.toFixed(2);

          // 其他健康师业绩、次数和手工费都为0
          if (otherJksList.length > 0) {
            for (let i = 0; i < otherJksList.length; i++) {
              const otherJks = otherJksList[i];
              otherJks.jksyj = 0;
              otherJks.kdpxNumber = 0;
              otherJks.laborCost = 0;
            }
          }

          console.log('医美品项T区健康师业绩分配完成:', {
            tquJks: tquJks,
            otherJksList: otherJksList,
            pxTotalAmount: pxTotalAmount,
            pxTotalLaborCost: pxTotalLaborCost
          });
        }
      },
    }
  }
</script>

<style scoped>
  /* 表单布局优化 */
  .form-layout {
    margin: 0;
  }

  .form-layout .el-col {
    margin-bottom: 18px;
  }

  /* 表单行间距优化 */
  .form-layout .el-form-item {
    margin-bottom: 0;
  }

  /* 表单项高度统一 */
  .form-layout .el-form-item__content {
    line-height: 32px;
  }

  /* 表单项标签样式 */
  .form-layout .el-form-item__label {
    line-height: 32px;
    padding-right: 12px;
    font-weight: 500;
  }

  /* 输入框高度统一 */
  .form-layout .el-input__inner,
  .form-layout .el-select .el-input__inner {
    height: 32px;
    line-height: 32px;
  }

  /* 单选框组样式 */
  .form-layout .el-radio-group {
    line-height: 32px;
  }

  .form-layout .el-radio {
    margin-right: 20px;
    line-height: 32px;
  }

  /* 表格标题样式 */
  .table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px 16px;
    background: #f5f7fa;
    border-radius: 6px;
    border-left: 4px solid #409EFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }

  .table-title {
    font-size: 15px;
    font-weight: 600;
    color: #303133;
  }

  /* 品项列表容器 */
  .px-list-container {
    width: 100%;
    margin-top: 8px;
    max-height: 300px;
    overflow-y: scroll;
  }

  /* 品项项 */
  .px-item {
    margin-bottom: 24px;
    border: 1px solid #e4e7ed;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .px-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  }

  /* 品项基本信息 */
  .px-basic-info {
    background: #f8f9fa;
    padding: 20px;
    border-bottom: 1px solid #e4e7ed;
  }

  .px-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
  }

  .px-item-title {
    font-size: 16px;
    font-weight: 600;
    color: #303133;
  }

  /* 品项选择行 */
  .px-select-row {
    margin-bottom: 15px;
  }

  /* 品项详细信息 */
  .px-detail-info {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e4e7ed;
    margin-bottom: 15px;
  }

  .px-detail-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
  }

  .px-detail-item {
    display: flex;
    align-items: center;
  }

  .px-detail-label {
    font-size: 14px;
    color: #606266;
    font-weight: 500;
    margin-right: 8px;
  }

  .px-detail-value {
    font-size: 14px;
    color: #303133;
    font-weight: 600;
  }

  /* 消费数量输入行 */
  .px-consumption-row {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* 人员业绩区域 */
  .px-staff-section {
    padding: 18px 20px;
    border-bottom: 1px solid #e4e7ed;
  }

  .px-staff-section:last-child {
    border-bottom: none;
  }

  .px-staff-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }

  .px-staff-title {
    font-size: 14px;
    font-weight: 600;
    color: #409EFF;
  }

  .px-staff-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .px-staff-row {
    width: 100%;
  }

  .px-staff-item {
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    border: 1px solid #e4e7ed;
    border-radius: 6px;
    background: #fafafa;
    transition: all 0.2s ease;
  }

  .px-staff-item:hover {
    background: #f5f7fa;
    border-color: #c0c4cc;
  }

  .px-staff-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  .px-staff-name {
    font-size: 14px;
    font-weight: 600;
    color: #303133;
  }

  .px-staff-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: flex-end;
  }

  .px-staff-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .px-staff-field label {
    font-size: 12px;
    color: #606266;
    font-weight: 500;
    white-space: nowrap;
  }

  /* 科技部老师提示信息 */
  .px-staff-tip {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: #f0f9ff;
    border: 1px solid #b3d8ff;
    border-radius: 6px;
    color: #409eff;
    font-size: 14px;
  }

  .px-staff-tip i {
    margin-right: 8px;
    font-size: 16px;
  }

  /* 输入框组样式 */
  .el-input-group__append {
    background: #f5f7fa;
    border-color: #dcdfe6;
    color: #606266;
  }

  /* 响应式布局 */
  @media (max-width: 1200px) {
    .form-layout .el-col[class*="el-col-8"] {
      /* width: 50%; */
      margin-bottom: 16px;
    }
  }

  @media (max-width: 768px) {
    .form-layout .el-col {
      margin-bottom: 12px;
    }

    .form-layout .el-col[class*="el-col-8"] {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 16px;
    }

    .px-basic-fields {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
    }

    .px-field {
      width: 100%;
      min-width: auto;
    }
  }
</style>