supply-front/src/views/basic_data/material/components/modify_list-apply.vue

<template>
  <div>
    <div>
      <el-page-header @back="goBack" :content="!cid ? '存货调价单' : '编辑'">
      </el-page-header>
    </div>
    <br /><br />
    <div>
      <el-form
        ref="screenForm"
        label-width="100px"
        size="small"
        label-position="left"
      >
        <el-row :gutter="20">
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="单据编号">
              <el-input
                placeholder="系统自动生成"
                disabled
                v-model="base.billId"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :xs="24" :sm="12" :lg="6">
                     <el-form-item label="调价业务员">
                       <el-select
                         placeholder="请选择调价业务员"
                         filterable
                         @change="handleUser"
                         v-model="serviceId"
                       >
                         <el-option
                           v-for="(item, index) in userList"
                           :label="item.nickName"
                           :value="item.roleId"
                           :key="index"
                         ></el-option>
                       </el-select>
                     </el-form-item>
                   </el-col>
                   <el-col :xs="24" :sm="12" :lg="6">
                     <el-form-item label="调价部门">
                       <el-input
                         placeholder="调价部门"
                         disabled
                         v-model="adminCompanyName"
                       ></el-input>
                     </el-form-item>
                   </el-col> -->
          <!-- <el-col :xs="24" :sm="12" :lg="6">
                     <el-form-item label="销售类型">
                       <el-select
                         placeholder="请选择销售类型"
                         filterable
                         v-model="saleTypeId"
                       >
                         <el-option
                           v-for="item in typeList"
                           :label="item.saleName"
                           :value="item.id"
                         ></el-option>
                       </el-select>
                     </el-form-item>
                   </el-col> -->
          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="文件编码">
              <el-input placeholder="请输入" v-model="base.remark"></el-input>
            </el-form-item>
          </el-col>

          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="" class="fr"> </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <!-- <div class="btn-group clearfix"> <el-upload
                    class="import-btn"
                    :action="baseURL + 'student/import'"
                    :http-request="handleImport"
                    :file-list="importFileList"
                    :show-file-list="false"
                  >
                    <el-button size="small">导入价格表</el-button>
                  </el-upload></div> -->
    <div class="mymain-container">
      <!-- 列表 -->
      <div class="table">
        <el-form v-if="!detail.length" size="small" label-position="left">
          <el-table
            v-loading="listLoading"
            :data="items"
            element-loading-text="Loading"
            border
            fit
            highlight-current-row
            stripe
          >
            <el-table-column
              align="center"
              label="操作类型"
              prop="nname"
              min-width="160"
              show-overflow-tooltip
            >
              <!-- <el-button type="text" class="textColor">修改</el-button> -->
              <template slot-scope="scope">
                <el-button
                  type="text"
                  class="textColor"
                  @click="hanleDeleInd(scope.$index, scope.row.cid)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="销售类型"
              prop="mainId"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <template v-if="!cid">
                    <el-select
                      placeholder="请选择销售类型"
                      @change="
                        handleSale($event, scope.$index, scope.row.saleTypes)
                      "
                      v-model="scope.row.mainId"
                    >
                      <el-option
                        v-for="item in scope.row.saleTypes"
                        :label="item.saleName"
                        :value="item.id"
                      ></el-option>
                    </el-select>
                  </template>

                  <template v-else>
                    <el-select
                      @change="handleSale($event, scope.$index, scope.row.id)"
                      placeholder="请选择销售类型"
                      v-model="scope.row.saleTypeId"
                    >
                      <el-option
                        v-for="item in typeList"
                        :label="item.saleName"
                        :value="item.id"
                      ></el-option>
                    </el-select>
                  </template>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="存货编码"
              prop="materialNumber"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input
                    disabled
                    v-model="scope.row.materialNumber"
                  ></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="存货名称"
              prop="materialName"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input
                    disabled
                    v-model="scope.row.materialName"
                  ></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="规格型号"
              prop="specification"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input
                    disabled
                    v-model="scope.row.specification"
                  ></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="计量单位"
              prop="unit"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input disabled v-model="scope.row.unit"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="批发价"
              prop="batchPrice"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.batchPrice"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="格力折扣"
              prop="discAmount"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.discAmount"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="返利类型"
              prop="rebateUseRate"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-select
                    multiple
                    :disabled="scope.row.fang"
                    v-model="scope.row.walletRebateId"
                    placeholder="请选择返利类型"
                    @change="handelRebateList($event, scope.$index, scope.row)"
                    @remove-tag="handleRemove2($event, scope.$index, scope.row)"
                  >
                    <el-option
                      v-for="(item, index) in scope.row.rebateList"
                      :key="item.index"
                      :value="item.walletRebateId"
                      :label="item.name"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="生效日期"
              prop="startDate"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-date-picker
                    v-model="scope.row.startDate"
                    type="date"
                    placeholder="请输入调价日期"
                    value-format="yyyy-MM-dd"
                  >
                  </el-date-picker>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="失效日期"
              prop="endDate"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-date-picker
                    v-model="scope.row.endDate"
                    type="date"
                    placeholder="请输入调价日期"
                    value-format="yyyy-MM-dd"
                  >
                  </el-date-picker>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="是否促销价"
              prop="isPromote"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-select
                    v-model="scope.row.isPromote"
                    placeholder="请选择是否促销价"
                  >
                    <el-option
                      v-for="item in scope.row.isPromoteArr"
                      :key="item.bool"
                      :value="item.bool"
                      :label="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="数量"
              prop="qty"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.qty"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="现金钱包"
              prop="wallets"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <template v-if="!cid">
                    <el-select
                      multiple
                      clearable
                      v-model="scope.row.walletsId"
                      @change="handelWallets($event, scope.$index, scope.row)"
                      @remove-tag="
                        handleRemove($event, scope.$index, scope.row)
                      "
                      placeholder="请选择现金钱包"
                    >
                      <el-option
                        v-for="item in scope.row.walleList"
                        :key="item.id"
                        :value="item.id"
                        :label="item.name"
                      >
                      </el-option> </el-select
                  ></template>
                  <template v-else>
                    <el-select
                      multiple
                      clearable
                      v-model="scope.row.walletsId"
                      @change="handelWallets($event, scope.$index, scope.row)"
                      @remove-tag="
                        handleRemove($event, scope.$index, scope.row)
                      "
                      placeholder="请选择现金钱包"
                    >
                      <el-option
                        v-for="item in scope.row.walleList"
                        :key="item.walletId"
                        :value="item.walletId"
                        :label="item.walletName"
                      >
                      </el-option> </el-select
                  ></template>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="发布"
              prop="isPublish"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-select
                    v-model="scope.row.isPublish"
                    placeholder="请选择是否发布"
                  >
                    <el-option
                      v-for="item in scope.row.isPublishArr"
                      :key="item.bool"
                      :value="item.bool"
                      :label="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
          </el-table>
        </el-form>
        <el-form :model="detail" v-else size="small" label-position="left">
          <el-table
            v-loading="listLoading"
            :data="detail"
            element-loading-text="Loading"
            border
            fit
            highlight-current-row
            stripe
          >
            <el-table-column
              align="center"
              label="操作类型"
              prop="nname"
              min-width="160"
              show-overflow-tooltip
            >
              <!-- <el-button type="text" class="textColor">修改</el-button> -->
              <template slot-scope="scope">
                <el-button
                  type="text"
                  class="textColor"
                  @click="hanleDeleInd(scope.$index)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="销售类型"
              prop="saleTypeId"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-select
                    placeholder="请选择销售类型"
                    v-model="scope.row.saleTypeId"
                  >
                    <el-option
                      v-for="item in typeList"
                      :label="item.name"
                      :value="item.saleTypeId"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="存货编码"
              prop="materialNumber"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.materialNumber"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="存货名称"
              prop="materialName"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.materialName"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="规格型号"
              prop="specification"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.specification"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="计量单位"
              prop="unit"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.SalesType"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="批发价"
              prop="batchPrice"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.batchPrice"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="零售价"
              prop="retailPrice"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.retailPrice"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="返利使用比例"
              prop="rebateUseRate"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.rebateUseRate"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="生效日期"
              prop="startDate"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-date-picker
                    v-model="scope.row.startDate"
                    type="date"
                    placeholder="请输入调价日期"
                    value-format="yyyy-MM-dd"
                  >
                  </el-date-picker>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="失效日期"
              prop="endDate"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-date-picker
                    v-model="scope.row.endDate"
                    type="date"
                    placeholder="请输入调价日期"
                    value-format="yyyy-MM-dd"
                  >
                  </el-date-picker>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="是否促销价"
              prop="isPromote"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-select
                    v-model="scope.row.isPromote"
                    placeholder="请选择是否促销价"
                  >
                    <el-option
                      v-for="item in scope.row.isPromoteArr"
                      :key="item.bool"
                      :value="item.bool"
                      :label="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="数量"
              prop="qty"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-input v-model="scope.row.qty"></el-input>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="支付钱包类型"
              prop="wallets"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-select
                    v-model="scope.row.isPublish"
                    placeholder="请选择支付钱包类型"
                  >
                    <el-option
                      v-for="item in scope.row.rebateList"
                      :key="item.walletRebateId"
                      :value="item.walletRebateId"
                      :label="item.name"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="发布"
              prop="isPublish"
              min-width="160"
              show-overflow-tooltip
              ><template slot-scope="scope">
                <el-form-item>
                  <el-select
                    v-model="scope.row.isPublish"
                    placeholder="请选择是否发布"
                  >
                    <el-option
                      v-for="item in scope.row.isPublishArr"
                      :key="item.bool"
                      :value="item.bool"
                      :label="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </template>
            </el-table-column>
          </el-table>
        </el-form>
        <el-dialog
          title="提示"
          :visible.sync="centerDialogVisible"
          width="50%"
          center
          class="dia"
        >
          <el-form
            :model="form"
            ref="form"
            label-width="80px"
            :inline="false"
            size="normal"
          >
            <el-form-item label="产品类型">
              <el-select v-model="materialId" placeholder="请选择" width="100%">
                <el-option
                  v-for="item in materialLis"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-form>

          <span slot="footer" class="dialog-footer">
            <el-button @click="centerDialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="hanleAdd">确 定</el-button>
          </span>
        </el-dialog>
      </div>
    </div>
    <div class="btn-group clearfix">
      <template v-if="!cid">
        <el-button size="small" @click="handleReseat">重置</el-button>
        <el-button size="small" type="primary" @click="hanleSbumit"
          >提交</el-button
        >
      </template>
      <template v-else>
        <el-button size="small" type="primary" @click="hanleSave"
          >保存</el-button
        >
      </template>
      <el-button
        style="float: right"
        type="primary"
        size="small"
        @click="centerDialogVisible = true"
        >添加</el-button
      >
    </div>

    <el-dialog title="" :visible.sync="centerDialogVisible" width="80%" center>
      <div>
        <el-form
          ref="screenForm"
          :model="screenForm"
          label-width="70px"
          size="small"
          label-position="left"
        >
          <el-row :gutter="20">
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="名称" prop="keyword">
                <el-input
                  placeholder="请输入名称"
                  v-model="screenForm.keyword"
                ></el-input>
              </el-form-item>
            </el-col>
       <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="规格" prop="specification">
                <el-input
                  placeholder="请输入规格"
                  v-model="screenForm.specification"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="12" class="tr">
              <el-form-item label="">
                <el-button size="small" @click="resetScreenForm"
                  >清空</el-button
                >
                <el-button size="small" type="primary" @click="submitScreenForm"
                  >搜索</el-button
                >
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div class="mymain-container">
        <div class="table">
          <el-table
            ref="multipleTable"
            v-loading="listLoading"
            :data="dataList"
            element-loading-text="Loading"
            border
            fit
            highlight-current-row
            stripe
            @select-all="handleSelectionAllChange"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              align="center"
              :selectable="selectable"
              type="selection"
              width="55"
            >
            </el-table-column>
            <el-table-column
              align="center"
              label="使用组织"
              prop="useOrgName"
              min-width="100"
            ></el-table-column>
            <el-table-column
              align="center"
              label="编码"
              prop="number"
              min-width="100"
              label-class-name="bianma"
              class-name="fontstyle"
            ></el-table-column>

            <el-table-column
              align="center"
              label="名称"
              prop="name"
              min-width="100"
            ></el-table-column>
            <el-table-column
              align="center"
              label="规格型号"
              prop="specification"
              min-width="100"
            ></el-table-column>
            <el-table-column
              align="center"
              label="数据状态"
              prop="forbidStatus"
              min-width="100"
            >
              <template slot-scope="scope">
                <el-tag type="success" v-if="scope.row.forbidStatus == 'A'"
                  >正常</el-tag
                >
                <el-tag type="danger" v-else>禁用</el-tag>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="是否维护商城资料"
              prop="maintainData"
              min-width="100"
            ></el-table-column>
            <el-table-column
              align="center"
              label="是否维护内外机档案"
              prop="maintainFiles"
              min-width="100"
            ></el-table-column>
            <el-table-column
              align="center"
              label="基本单位"
              prop="baseUnitId"
              min-width="100"
            ></el-table-column>
            <el-table-column
              align="center"
              label="已使用"
              prop="used"
              min-width="100"
            ></el-table-column>
          </el-table>
        </div>
        <!-- 分页 -->
        <div class="fr">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage"
            :page-sizes="[10]"
            :page-size="10"
            layout="total, sizes, prev, pager, next, jumper"
            :total="listTotal"
          >
          </el-pagination>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="handleDetermine">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import {
  getProductRriceAdd,
  getProductRriceDetail,
  getTypeList,
  getMaterialList,
  getRebate,
  getUserList,
  getMaterialDetail,
  getWalletList,
  handleEdit,
} from "@/api/basic_data/material";
import {  handleImport } from "@/utils/util";

import MaterialListDetail from "./material_list-detail.vue";
import Mixin from "@/mixin/index";
export default {
  mixins: [Mixin],
  props: ["cid"],
  data() {
    return {
      baseURL:'',
      importFileList:[],
      listLoading: false,
      screenForm: {
          keyword:'',
        specification:''
      },
      base: {
        adminCompanyId: "",
        adminWebsitId: "",
        billId: "",
        examineNote: "",
        examineResult: true,
        examineStatus: "",
        id: null,
        serviceId: "",
        serviceName: "",
        remark: "",
        saleTypeId: "",
      },
      items: [],
      centerDialogVisible: false,
      materialLis: [],
      materialId: "",
      rebateList: [],
      typeList: [],
      saleTypeId: "",
      serviceId: "",
      adminCompanyId: "",
      serviceName: "",
      adminCompanyName: "",
      adminWebsitId: "",
      remark: "",
      detail: [],
      form: {},
      startDate: "",
      userList: [],
      centerDialogVisible: false,

      selectData: [],
      walleList: [],
      fang: true,
      wall1: [],
      wall2: [],
    };
  },
  mounted() {

  },
  methods: {
    handleSale(e, index, saleTypes) {
      // console.log(this.rebateList);
      let linshi = [];
      let saleArr = [];
      let rebateList = [];
      this.rebateList.forEach((k) => {
        k.saleTypes.forEach((j) => {
          if (!linshi.includes(j.saleTypeId) && j.saleTypeId == e) {
            rebateList.push(k);
          }
        });
      });

      saleArr = this.typeList.filter((i) => {
        return e == i.id;
      });
      console.log(rebateList, "4444", this.rebateList, e);
      // this.items[index].mainName = saleArr[0].mainName;
      this.items[index].saleTypeId = e;
      this.items[index].fang = false;
      this.items[index].saleTypeName = saleArr[0].saleName;
      this.$set(this.items[index], "rebateList", rebateList);
      // this.fang = false;
    },
    resArr(arr1, arr2) {
      return arr1.filter((v) => arr2.every((val) => val.id != v.id));
    },
    // xua
    handelWallets(e, index, row) {
      console.log(row, "kjkj4545");
      let id = row.cid || row.updPriceBillId;
      if (e && e.length) {
        for (let i = 0; i < e.length; i++) {
          if (!this.wall1.includes(e[e.length - 1])) {
            this.$set(row, "wallets", [
              ...row.wallets,
              {
                type: "COMMONLY",
                id: "",
                updPriceBillId: id,
                updPriceBillItemId: id,
                walletId: e[e.length - 1],
              },
            ]);
            this.wall1.push(e[e.length - 1]);
          }
        }
      }
    },
    handleRemove(e, index, row) {
      console.log(e);
      const copxyWall = JSON.parse(JSON.stringify(row.wallets));
      for (let i = 0; i < row.wallets.length; i++) {
        if (this.wall1.includes(e) && row.wallets[i].walletId == e) {
          console.log(454);

          this.wall1.splice(i, 1);
          copxyWall.splice(i, 1);
        }
      }
      this.$set(row, "wallets", copxyWall);
    },
    handleRemove2(e, index, row) {
      const copxyWall = JSON.parse(JSON.stringify(row.wallets));
      for (let i = 0; i < row.wallets.length; i++) {
        if (this.wall2.includes(e) && row.wallets[i].walletId == e) {
          copxyWall.splice(i, 1);
          this.wall2.splice(i, 1);
        }
      }
      this.$set(row, "wallets", copxyWall);
    },
    handelRebateList(e, index, row) {
      console.log(row, "kjkj");
      let id = row.cid || row.updPriceBillId;
      if (e && e.length) {
        for (let i = 0; i < e.length; i++) {
          if (!this.wall2.includes(e[e.length - 1])) {
            this.$set(row, "wallets", [
              ...row.wallets,
              {
                type: "REBATE",
                id: "",
                updPriceBillId: id,
                updPriceBillItemId: id,
                walletId: e[e.length - 1],
              },
            ]);
            this.wall2.push(e[e.length - 1]);
          }
        }
      }
    },
    handleUser(e) {
      const adminCompany = this.userList.filter((k) => {
        return e == k.roleId;
      })[0];
      this.adminWebsitId = adminCompany.adminUserId;
      this.adminCompanyName = adminCompany.adminCompanyName;
      this.serviceName = adminCompany.nickName || "d";
      this.serviceId = adminCompany.roleId;
    },
    goBack() {
      this.$parent.cid = "";
      this.$parent.show = 1;
      // 更新父组件数据
      this.$parent.getList();
    },
    indexMethod(index) {
      console.log(index);
    },
    hanleDeleInd(index, id) {
      if (id) {
        const dataArr = JSON.parse(JSON.stringify(this.dataList));
        for (let j = 0; j < dataArr.length; j++) {
          if (id == dataArr[j].id) {
            dataArr[j].disabled = false;
            this.$set(dataArr[j], "disabled", false);
          }
        }

        this.dataList = dataArr;
      }

      this.items.splice(index, 1);
    },
    handleDetermine() {
      if (this.selectData.length) {
        for (let i = 0; i < this.selectData.length; i++) {
          for (let j = 0; j < this.dataList.length; j++) {
            if (this.selectData[i].id == this.dataList[j].id) {
              this.dataList[j].disabled = true;
            }
          }
          this.items.push({
            baseUnitId: "",
            batchPrice: "",
            unit: this.selectData[i].baseUnitId,
            billId: "",
            endDate: "",
            isPromote: "",
            isPublish: "",
            materialId: this.selectData[i].id,
            materialName: this.selectData[i].name,
            materialNumber: this.selectData[i].number,
            discAmount: "",
            saleTypes: this.selectData[i].saleTypes,
            materialOldNumber: this.selectData[i].oldNumber,
            parentId: "",
            walletRebateName: "",
            walletRebateId: [],
            rebateRate: "",
            qty: "",
            rebateUseRate: "",
            retailPrice: "" || 0,
            saleTypeId: "",
            specification: this.selectData[i].specification,
            startDate: this.selectData[i].startDate,
            wallets: [],
            rebateWallets: [],
            rebateList: [],
            walleList: this.selectData[i].wallets,
            isPublishArr: [
              {
                value: "是",
                bool: true,
              },
              {
                value: "否",
                bool: false,
              },
            ],
            isPromoteArr: [
              {
                value: "是",
                bool: true,
              },
              {
                value: "否",
                bool: false,
              },
            ],
            cid: this.selectData[i].id,
            fang: true,
          });
        }

        this.selectData = [];
        this.$refs.multipleTable.clearSelection();
        this.centerDialogVisible = false;
      } else {
        this.$errorMsg("请选择内容");
      }
    },
    getMaterialList() {
      let params = {
        pageNum: 1,
        pageSize: 10,
        keyword: "",
        bindMain: true,
      };
      getMaterialList(params).then((res) => {
        this.materialLis = res.data.records;
      });
    },
    handleSelectionAllChange(e) {
      this.selectData = e;
    },
    handleSelectionChange(e) {
      this.selectData = e;
    },
    hanleAdd() {
      if (this.materialId) {
        this.centerDialogVisible = false;
      } else {
        this.$errorMsg("请选择产品");
      }
    },
    async getList() {
      let rebateParams = {
        pageNum: 1,
        pageSize: -1,
        mainName: "",
        saleTypeCode: "",
        saleTypeName: "",
        status: "",
      };
      const ress = await getRebate(rebateParams);
      this.rebateList = ress.data.records;
      const wall = await getWalletList({ mainId: "", walletName: "" });
      for (let u = 0; u < wall.data.length; u++) {
        wall.data[u].walletId = wall.data[u].id;
        wall.data[u].walletName = wall.data[u].name;
      }
      this.walleList = wall.data;

      if (this.$parent.show == 5) {
        getProductRriceDetail({ id: this.cid }).then((res) => {
          for (let i = 0; i < res.data.items.length; i++) {
            let linshi = [];
            let rebateList = [];
            let walletIds = [];
            let walletRebateIds = [];
            res.data.items[i].isPublishArr = [
              {
                value: "是",
                bool: true,
              },
              {
                value: "否",
                bool: false,
              },
            ];
            res.data.items[i].isPromoteArr = [
              {
                value: "是",
                bool: true,
              },
              {
                value: "否",
                bool: false,
              },
            ];

            res.data.items[i].walletsId = [];
            res.data.items[i].walletRebateId = [];
            res.data.items[i].rebateWallets = [];
            res.data.items[i].wallets = [];
            for (let p = 0; p < res.data.items[i].wallets2.length; p++) {
              if (res.data.items[i].wallets2[p].type == "COMMONLY") {
                walletIds.push(res.data.items[i].wallets2[p].walletId);
                this.$set(res.data.items[i], "wallets", [
                  ...res.data.items[i].wallets,
                  res.data.items[i].wallets2[p],
                ]);
              } else if (res.data.items[i].wallets2[p].type == "REBATE") {
                walletRebateIds.push(res.data.items[i].wallets2[p].walletId);
                this.$set(res.data.items[i], "rebateWallets", [
                  ...res.data.items[i].rebateWallets,
                  res.data.items[i].wallets2[p],
                ]);
              }
            }

            this.rebateList.forEach((k) => {
              k.saleTypes.forEach((j) => {
                if (
                  !linshi.includes(j.saleTypeId) &&
                  j.saleTypeId == res.data.items[i].saleTypeId
                ) {
                  console.log(k, 998);

                      for (let w = 0; w < walletRebateIds.length; w++) {

                          if (walletRebateIds[w]!= k.walletRebateId) {
                                walletRebateIds.splice(w,1)
                          }
                  }

                  rebateList.push(k);
                }
              });
            });
            this.$set(res.data.items[i], "walletsId", walletIds);
            this.$set(res.data.items[i], "walletRebateId", walletRebateIds);
            res.data.items[i].walleList = this.walleList;
            res.data.items[i].rebateList = rebateList;
            res.data.items[i].fang = false;
          }

          this.items = res.data.items;
          this.base = res.data;
          this.listLoading = false;
        });
      } else {
        this.listLoading = true;
        let params = {
          pageNum: this.currentPage,
          pageSize: 10 || this.pageSize,
          keyword: this.screenForm.keyword,
          specification: this.screenForm.specification,
          bindMain: true,
        };
        getMaterialList(params).then((res) => {
          this.dataList = res.data.records;
          this.listTotal = res.data.total;
          this.listLoading = false;
        });
          let params1 = {
      pageNum: 1,
      pageSize: -1,
      saleCode: "",
      saleName: "",
      status: "",
    };
    getTypeList(params1).then((res) => {
      this.typeList = res.data.records;
    });
    getUserList({
      pageNum: 1,
      pageSize: -1,
      adminWebsitId: "",
      isCustomer: 0,
      roleId: "",
      status: "",
      userName: "",
    }).then((res) => {
      this.userList = res.data.records;
    });

      }
    },
    /**
     * 根据条件禁用行复选框
     * 函数返回值为false则禁用选择(反之亦然)
     * @param {Object} row - 行数据
     * @param {String} index - 索引值
     * @return Boolean
     */
    selectable: function (row, index) {
      // row.disabled == undefined 才能被选中
      if (row.disabled == undefined || row.disabled == false) {
        return true;
      } else {
        return false;
      }
      // 函数必须有返回值且是布尔值
      // 页面刷新后该函数会执行 N 次进行判断(N 为表格行数)
      // 如果没有返回值则默认返回false(全部无法选中)
    },
    hanleSbumit() {
      console.log(this.items, 45454);
      // for (let i = 0; i < this.items.length; i++) {
      //   this.items[i].wallets = [
      //     ...this.items[i].rebateWallets,
      //     ...this.items[i].wallets,
      //   ];

      //   if (!this.items[i].mainId) {
      //     this.$errorMsg("请选择销售类型");
      //     return;
      //   }
      // }
      const params = {
        ...this.base,
        items: this.items,
        saleTypeId: this.saleTypeId,
        adminWebsitId: this.adminWebsitId,
        serviceId: this.serviceId,
        adminCompanyName: this.adminCompanyName,
        serviceName: this.nickName,
      };
      getProductRriceAdd(params).then((res) => {
        this.$successMsg("成功");
        this.$parent.show = 1;
        this.$parent.getList();
      });
    },
    hanleSave() {
      // for (let i = 0; i < this.items.length; i++) {
      //     //   const  wallets = []
      //     //     if (this.items[i].wallets.length) {
      //     //        wallets = [...wallets,...this.items[i].wallets]
      //     //     }else if(this.items[i].rebateWallets.length){
      //     //       console.log(444);
      //     //         wallets = [...wallets,...this.items[i].rebateWallets]
      //     //     }
      //     // this.items[i].wallets = wallets
      //               console.log(this.items[i]);

      // }
      handleEdit({
        ...this.base,
        items: this.items,
        saleTypeId: this.saleTypeId,
        adminWebsitId: this.adminWebsitId,
        serviceId: this.serviceId,
        adminCompanyName: this.adminCompanyName,
        serviceName: this.nickName,
      }).then((res) => {
        this.$successMsg("成功");
        this.$parent.cid = "";
        this.$parent.show = 1;
        this.$parent.getList();
      });
    },
    handleReseat() {
      this.base = {
        adminCompanyId: "",
        adminWebsitId: "",
        billId: "",
        examineNote: "",
        examineResult: true,
        examineStatus: "",
        id: null,
        serviceId: "",
        serviceName: "",
        remark: "",
        saleTypeId: "",
      };
      this.saleTypeId = "";
      this.items = [];
    },
      // 导入
    async handleImport(param) {
      this.importLoading = true;
      const file = param.file;
      console.log(file, 123);
      const formData = new FormData();
      formData.append("file", file);
      // formData.append("policyId", this.searchForm.code);
      // formData.append("mainId", this.searchForm.mainId);
      let result = await handleImport("/policy/material/import", formData);
      this.importLoading = false;
      this.importFileList = [];
      if (result.code == 200) {
        this.$alert(result.message, "导入成功", {
          confirmButtonText: "确定",
        });
        this.handletwoList();
      } else {
        this.$alert(result.message, "导入失败", {
          confirmButtonText: "确定",
        });
      }
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-date-editor--date {
  width: 100%;
}
.dia .el-select--normal {
  width: 100%;
}
</style>