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

<template>
  <div>
    <div>
      <el-page-header :content="!cid ? '存货调价单' : '编辑'" @back="goBack" />
    </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
                v-model="base.updPriceBillId"
                placeholder="系统自动生成"
                disabled
              />
            </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 v-model="base.remark" placeholder="请输入" />
            </el-form-item>
          </el-col>

          <el-col :xs="24" :sm="12" :lg="6">
            <el-form-item label="" class="fr" />
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="btn-group clearfixs" v-if="!cid">
      <el-upload
        class="import-btn"
        :action="baseURL + 'student/import'"
        :http-request="handleImport"
        :file-list="importFileList"
        :show-file-list="false"
      >
        <el-button
          type="primary"
          size="small"
        >导入调价单</el-button>
      </el-upload>
      <el-button
        type="primary"
        size="small"
        @click="hanleDownloadFiles"
      >下载模板</el-button>
    </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"
              fixed="right"
              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,scope.row.materialId)"
                >删除</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
                      v-model="scope.row.mainId"
                      placeholder="请选择销售类型"
                      @change="
                        handleSale($event, scope.$index, scope.row.saleTypes)
                      "
                    >
                      <el-option
                        v-for="item in scope.row.saleTypes"
                        :label="item.saleName"
                        :value="item.id"
                      />
                    </el-select>
                  </template>

                  <template v-else>
                    <el-select
                      v-model="scope.row.saleTypeId"
                      placeholder="请选择销售类型"
                      @change="handleSale($event, scope.$index, scope.row.id)"
                    >
                      <el-option
                        v-for="item in typeList"
                        :label="item.saleName"
                        :value="item.id"
                      />
                    </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
                    v-model="scope.row.materialNumber"
                    disabled
                  />
                </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"
                    disabled
                  />
                </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"
                    disabled
                  />
                </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.unit" disabled />
                </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" placeholder="请输入批发价" />
                </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" placeholder="请输入格力折扣" />
              </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
                  v-model="scope.row.walletRebateId"
                  multiple
                  :disabled="scope.row.fang"
                  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-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-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-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-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" placeholder="请输入数量" />
              </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
                    v-model="scope.row.walletsId"
                    multiple
                    clearable
                    placeholder="请选择现金钱包"
                    @change="handelWallets($event, scope.$index, scope.row)"
                    @remove-tag="
                      handleRemove($event, scope.$index, scope.row)
                    "
                  >
                    <el-option
                      v-for="item in scope.row.walleList"
                      :key="item.id"
                      :value="item.id"
                      :label="item.name"
                    /> </el-select></template>
                <template v-else>
                  <el-select
                    v-model="scope.row.walletsId"
                    multiple
                    clearable
                    placeholder="请选择现金钱包"
                    @change="handelWallets($event, scope.$index, scope.row)"
                    @remove-tag="
                      handleRemove($event, scope.$index, scope.row)
                    "
                  >
                    <el-option
                      v-for="item in scope.row.walleList"
                      :key="item.walletId || item.id"
                      :value="item.walletId || item.id"
                      :label="item.walletName || item.name"
                    /> </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-select>
              </el-form-item>
            </template>
            </el-table-column>
          </el-table>
        </el-form>
        <el-form v-else :model="detail" 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="mainId"
              min-width="160"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-form-item>

                  <el-select
                    v-model="scope.row.saleTypeId"
                    placeholder="请选择销售类型"
                    @change="handleSale($event, scope.$index, scope.row.id)"
                  >
                    <el-option
                      v-for="item in typeList"
                      :label="item.saleName"
                      :value="item.id"
                    />
                  </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-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-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-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-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-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-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-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
                  v-model="scope.row.walletRebateId"
                  multiple
                  :disabled="scope.row.fang"
                  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-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-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-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-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-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-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-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
            ref="form"
            :model="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-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
                  v-model="screenForm.keyword"
                  placeholder="请输入名称"
                />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6">
              <el-form-item label="规格" prop="specification">
                <el-input
                  v-model="screenForm.specification"
                  placeholder="请输入规格"
                />
              </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"
          >
<!--            :selectable="selectable"-->
            <el-table-column
              align="center"
              type="selection"
              width="55"
            />
            <el-table-column
              align="center"
              label="使用组织"
              prop="useOrgName"
              min-width="100"
            />
            <el-table-column
              align="center"
              label="编码"
              prop="number"
              min-width="100"
              label-class-name="bianma"
              class-name="fontstyle"
            />

            <el-table-column
              align="center"
              label="名称"
              prop="name"
              min-width="100"
            />
            <el-table-column
              align="center"
              label="规格型号"
              prop="specification"
              min-width="100"
            />
            <el-table-column
              align="center"
              label="数据状态"
              prop="forbidStatus"
              min-width="100"
            >
              <template slot-scope="scope">
                <el-tag
                  v-if="scope.row.forbidStatus == 'A'"
                  type="success"
                >正常</el-tag>
                <el-tag v-else type="danger">禁用</el-tag>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="是否维护商城资料"
              prop="maintainData"
              min-width="100"
            />
            <el-table-column
              align="center"
              label="是否维护内外机档案"
              prop="maintainFiles"
              min-width="100"
            />
            <el-table-column
              align="center"
              label="基本单位"
              prop="baseUnitId"
              min-width="100"
            />
            <el-table-column
              align="center"
              label="已使用"
              prop="used"
              min-width="100"
            />
          </el-table>
        </div>
        <!-- 分页 -->
        <div class="fr">
          <el-pagination
            :current-page="currentPage"
            :page-sizes="[10]"
            :page-size="10"
            layout="total, sizes, prev, pager, next, jumper"
            :total="listTotal"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
          />
        </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 {
  getMaterialList,
  getProductRriceAdd,
  getProductRriceDetail,
  getRebate,
  getTypeList,
  getUserList,
  getWalletList,
  handleEdit
} from '@/api/basic_data/material'

import { downloadFiles, handleImport } from '@/utils/util'

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: [],
      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);
      const linshi = []
      let saleArr = []
      const 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) {
      // const 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',REBATE
      //           id: '',
      //           updPriceBillId: id,
      //           updPriceBillItemId: id,
      //           walletId: e[e.length - 1]
      //         }
      //       ])
      //       // this.wall1.push(e[e.length - 1])
      //     }
      //   // }
      // // }
    },
    handelRebateList(e, index, row) {
      // const 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])) {
      //       console.log(44544)
      //       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])
      //     }
      //   }
      // }
    },
    handleRemove(e, index, row) {
      // const copxyWall = JSON.parse(JSON.stringify(row.wallets))
      // if (row.wallets[0].walletId === e) {
      //   copxyWall.splice(0, 1)
      // }
      // for (let i = 0; i < row.wallets.length; i++) {
      //   if (this.wall1.includes(e) && row.wallets[i].walletId === e) {
      //     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)
    },
    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,materialId) {

      if (id || materialId) {
        const dataArr = JSON.parse(JSON.stringify(this.dataList))
        for (let j = 0; j < dataArr.length; j++) {
          if ((id || materialId) === dataArr[j].id) {
            // dataArr[j].disabled = false
            console.log(747)
            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: [],
            walletsId: [this.selectData[i].wallets[0].id],
            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() {
      const 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() {
      const 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
      })
      this.listLoading = true
      const 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
      })

      const 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++) {
            const linshi = []
            const rebateList = []
            const walletIds = []
            const 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].wallets = []
            res.data.items[i].walletsId = []
            res.data.items[i].walletRebateId = []
            res.data.items[i].rebateWallets = []

            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,
                  {
                    type: 'COMMONLY',
                    id: '',
                    updPriceBillId: res.data.items[i].updPriceBillId,
                    updPriceBillItemId: res.data.items[i].updPriceBillId,
                    walletId: res.data.items[i].wallets2[p].walletId
                  }
                ])
              } 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], 'wallets', [
                  ...res.data.items[i].wallets,
                  {
                    type: 'REBATE',
                    id: '',
                    updPriceBillId: res.data.items[i].updPriceBillId,
                    updPriceBillItemId: res.data.items[i].updPriceBillId,
                    walletId: res.data.items[i].wallets2[p].walletId
                  }
                ])
              }
            }
            console.log(res.data.items[i].wallets)
            this.rebateList.forEach((k) => {
              k.saleTypes.forEach((j) => {
                if (
                  !linshi.includes(j.saleTypeId) &&
                  j.saleTypeId === res.data.items[i].saleTypeId
                ) {
                  for (let w = 0; w < walletRebateIds.length; w++) {
                    if (walletRebateIds[w] !== k.walletRebateId) {
                      // walletRebateIds.splice(w, 1)
                    }
                  }
                  rebateList.push(k)
                }
              })
            })
            if (this.dataList.length) {
              for (let j = 0; j < res.data.items.length; j++) {
                for (let k = 0; k < this.dataList.length; k++) {
                  if (res.data.items[j].materialId === this.dataList[k].id) {
                    this.dataList[k].disabled = true
                  }
                }
              }
              // console.log(this.dataList)
            }
            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 {

      }
    },
    /**
     * 根据条件禁用行复选框
     * 函数返回值为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() {
      this.filterWallets(this.items)
      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() {
      this.filterWallets(this.items)
      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
      const formData = new FormData()
      formData.append('file', file)

      const result = await handleImport('/product-upd-price/material/import', formData)
      this.importLoading = false
      this.importFileList = []
      if (result.code === 200) {
        this.$alert(result.message, '导入成功', {
          confirmButtonText: '确定'
        })

        for (let i = 0; i < result.data.length; i++) {
          const linshi = []
          const rebateList = []
          const walletIds = []
          const walletRebateIds = []
          // result.data[i].id = result.data[i].materialId
          result.data[i].isPublishArr = [
            {
              value: '是',
              bool: true
            },
            {
              value: '否',
              bool: false
            }
          ]
          result.data[i].isPromoteArr = [
            {
              value: '是',
              bool: true
            },
            {
              value: '否',
              bool: false
            }
          ]
          result.data[i].wallets = []
          result.data[i].walletsId = []
          result.data[i].walletRebateId = []
          result.data[i].rebateWallets = []
          result.data[i].saleTypes = this.typeList
          result.data[i].mainId = result.data[i].saleTypeId
          for (let p = 0; p < result.data[i].wallets2.length; p++) {
            if (result.data[i].wallets2[p].type === 'COMMONLY') {
              walletIds.push(result.data[i].wallets2[p].walletId)
              this.$set(result.data[i], 'wallets', [
                ...result.data[i].wallets,
                {
                  type: 'COMMONLY',
                  id: '',
                  updPriceBillId: result.data[i].updPriceBillId,
                  updPriceBillItemId: result.data[i].updPriceBillId,
                  walletId: result.data[i].wallets2[p].walletId
                }
              ])
            } else if (result.data[i].wallets2[p].type === 'REBATE') {
              walletRebateIds.push(result.data[i].wallets2[p].walletId)
              this.$set(result.data[i], 'wallets', [
                ...result.data[i].wallets,
                {
                  type: 'REBATE',
                  id: '',
                  updPriceBillId: result.data[i].updPriceBillId,
                  updPriceBillItemId: result.data[i].updPriceBillId,
                  walletId: result.data[i].wallets2[p].walletId
                }
              ])
            }
          }

          this.rebateList.forEach((k) => {
            k.saleTypes.forEach((j) => {
              if (
                !linshi.includes(j.saleTypeId) &&
                j.saleTypeId === result.data[i].saleTypeId
              ) {
                for (let w = 0; w < walletRebateIds.length; w++) {
                  if (walletRebateIds[w] !== k.walletRebateId) {
                    // walletRebateIds.splice(w, 1)
                  }
                }

                rebateList.push(k)
              }
            })
          })

          this.$set(result.data[i], 'walletsId', walletIds)
          this.$set(result.data[i], 'walletRebateId', walletRebateIds)
          result.data[i].walleList = this.walleList
          result.data[i].rebateList = rebateList
          result.data[i].fang = false
        }
        // if (this.dataList.length) {
        //   for (let j = 0; j < result.data.length; j++) {
        //     for (let k = 0; k < this.dataList.length; k++) {
        //       if (result.data[j].materialId === this.dataList[k].id) {
        //         this.dataList[k].disabled = true
        //       }
        //     }
        //   }
        // }


        // this.items = [...this.items,...result.data]
        // let newArr = [];
        // let obj = {};
        // for (var i = 0; i < this.items.length; i++) {
        //   if (!obj[this.items[i].materialId]) {
        //     newArr.push(this.items[i])
        //     obj[this.items[i].materialId] = true
        //   }
        // }
        // console.log(newArr,454 ,obj)
        this.items = [...this.items,...result.data]
        // console.log(resArrs(result.data,this.dataList),'55555')

      } else {
        this.$alert(result.message, '导入失败', {
          confirmButtonText: '确定'
        })
      }
    },
    // 下载经销商模板
    hanleDownloadFiles() {
      downloadFiles('/product-upd-price/download')
    },
    filterWallets(array){
      const wallets = []
      for (let i = 0; i < array.length; i++) {
        if (!array[i].walletsId.length) return
        for (let j = 0; j < array[i].walleList.length; j++) {
          for (let k = 0; k < array[i].walletsId.length; k++) {
            if (array[i].walleList[j].id === array[i].walletsId[k]) {
              wallets.push({
                type: 'COMMONLY',
                id: '',
                updPriceBillId: array[i].cid || array[i].updPriceBillId,
                updPriceBillItemId: array[i].cid || array[i].updPriceBillId,
                walletId: array[i].walletsId[k]
              })
            }
          }
        }
        for (let k = 0; k < array[i].rebateList.length; k++) {
          if (!array[i].walletRebateId.length) return
          for (let j = 0; j < array[i].walletRebateId.length; j++) {
            if (array[i].rebateList[k].walletRebateId === array[i].walletRebateId[j]) {
              wallets.push({
                type: 'REBATE',
                id: '',
                updPriceBillId: array[i].cid || array[i].updPriceBillId,
                updPriceBillItemId: array[i].cid || array[i].updPriceBillId,
                walletId: array[i].walletRebateId[j]
              })
            }
          }
        }

        array[i].wallets = wallets
      }
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-date-editor--date {
  width: 100%;
}
.dia .el-select--normal {
  width: 100%;
}
.clearfixs{
  display: flex;
}
.import-btn{
  margin-right: 10px;
}
</style>