<template>
  <div class="s-page">
    <el-page-header @back="goBack" :content="title"></el-page-header>
    <el-divider></el-divider>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>单据信息</span>
      </div>
      <div class="mymain-container">
        <el-form
          ref="formData"
          :rules="rules"
          :model="formData"
          label-width="110px"
          size="small"
          label-position="left"
          :disabled="formType == 2"
        >
          <el-row :gutter="20" justify="start">
            <el-col :span="8" v-if="id">
              <el-form-item label="单据状态">
                <el-input
                  type="text"
                  :value="formData.retState == 'WAIT' ? '待确认' : formData.retState == 'OK' ? '已确认' : ''"
                  disabled
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8" v-if="id">
              <el-form-item label="单据编号">
                <el-input type="text" :value="formData.salesRetId" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="16">
              <el-form-item label="网点名称" prop="websitId" :required="true">
                <el-select
                  v-model="formData.websit"
                  disabled
                  value-key="websitId"
                  @change="changeWebsit"
                  placeholder="请选择"
                  style="width: 100%"
                >
                  <el-option v-for="item in websitList" :key="item.websitId" :label="item.name" :value="item">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="购买方" :required="true" style="padding-bottom: 1px">
                <el-radio-group v-model="formData.buyPeople">
                  <el-radio disabled label="WORKER">内部师傅</el-radio>
                  <el-radio disabled label="CUSTOMER">客户</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <template v-if="formData.buyPeople == 'CUSTOMER'">
              <el-col :span="8">
                <el-form-item label="客户姓名" prop="workerName" :required="true">
                  <el-input type="text" disabled v-model="formData.workerName" placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="客户联系电话" prop="workerMobile" :required="true">
                  <el-input type="text" disabled v-model="formData.workerMobile" placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
            </template>
            <template v-else>
              <el-col :span="8">
                <el-form-item label="师傅姓名" prop="worker" :required="true">
                  <el-input type="text" v-model="formData.workerName" disabled placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <!-- <el-col :span="8">
								<el-form-item label="师傅身份证" prop="identity" :required="true">
									<el-input type="text" v-model="formData.identity" :disabled="formType == 2" placeholder="请输入"></el-input>
								</el-form-item>
							</el-col> -->
              <el-col :span="8">
                <el-form-item label="师傅联系电话" prop="workerMobile" :required="true">
                  <el-input type="text" v-model="formData.workerMobile" disabled placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
            </template>
            <el-col :span="8">
              <el-form-item label="销售类型" :required="true" style="padding-bottom: 1px">
                <el-radio-group v-model="formData.salesType">
                  <el-radio disabled label="零售">零售</el-radio>
                  <el-radio disabled label="工程">工程</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="销售订单号" :required="true">
                <el-input
                  type="text"
                  v-model="formData.salesId"
                  @change="getDetail"
                  disabled
                  placeholder="请输入销售订单号"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="1">
              <el-button
                v-if="formType != 2"
                size="small"
                type="primary"
                @click="
                  isShowNo = true
                  getOrderList()
                "
                >选择</el-button
              >
            </el-col>
            <el-col :span="5">
              <el-form-item label="销售金额">
                <el-input type="text" :value="formData.totalAmount" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="时间">
                <el-input type="text" :value="formData.payTime" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="退货仓库" prop="storage">
                <el-select
                  v-model="formData.storage"
                  value-key="storageId"
                  :disabled="true"
                  placeholder="请选择"
                  style="width: 100%"
                >
                  <el-option
                    v-for="(item, index) in warehouseList"
                    :key="index"
                    :label="item.storageName"
                    :value="item"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <template v-if="formData.salesType == '工程'">
              <el-col :span="6">
                <el-form-item label="工程名称" :required="true">
                  <el-input type="text" :value="formData.projectName" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="工程编号" :required="true">
                  <el-input type="text" :disabled="true" v-model="formData.projectNo" placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="负责人" :required="true">
                  <el-input type="text" :disabled="true" v-model="formData.projectNo" placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="联系电话" :required="true">
                  <el-input type="text" :disabled="true" v-model="formData.projectNo" placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="项目时间" :required="true">
                  <el-date-picker
                    style="width: 50%"
                    v-model="formData.startTime"
                    type="date"
                    :disabled="true"
                    value-format="yyyy-MM-dd"
                    placeholder="开始日期"
                  >
                  </el-date-picker>
                  <el-date-picker
                    style="width: 50%"
                    v-model="formData.endTime"
                    type="date"
                    :disabled="true"
                    value-format="yyyy-MM-dd"
                    placeholder="结束日期"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="项目地址" :required="true">
                  <el-row>
                    <el-col :span="5" style="margin-right: 12px">
                      <el-input type="text" v-model="formData.province" disabled placeholder="请选择省"></el-input>
                    </el-col>
                    <el-col :span="5" style="margin-right: 12px">
                      <el-input type="text" v-model="formData.city" disabled placeholder="请选择市"></el-input>
                    </el-col>
                    <el-col :span="5" style="margin-right: 12px">
                      <el-input type="text" v-model="formData.area" disabled placeholder="请选择区"></el-input>
                    </el-col>
                    <el-col :span="8">
                      <el-input type="text" v-model="formData.street" disabled placeholder="请选择街道"></el-input>
                    </el-col>
                  </el-row>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="">
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <el-input
                        type="text"
                        v-model="formData.address"
                        :disabled="true"
                        placeholder="详细地址"
                      ></el-input>
                    </el-col>
                    <!-- <el-col :span="2">
											<geographicalPosi :disabled="formType==2" :formData="this.formData" @selectPosi="selectAddress"/>
										</el-col> -->
                  </el-row>
                </el-form-item>
              </el-col>
            </template>
            <el-col :span="6" v-if="id">
              <el-form-item label="制单人">
                <el-input type="text" :value="formData.createBy" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" v-if="id">
              <el-form-item label="制单时间">
                <el-input type="text" :value="formData.createTime" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" v-if="id">
              <el-form-item label="审核人">
                <el-input type="text" :value="formData.confirmBy" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" v-if="id">
              <el-form-item label="审核时间">
                <el-input type="text" :value="formData.confirmTime" disabled></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="附件">
                <ImageUpload :fileList="formData.fileUrl" :limit="1" :isEdit="formType !== 2" />
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="备注">
                <el-input type="textarea" :rows="4" v-model="formData.remark" placeholder="请输入"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>辅材信息</span>
      </div>
      <!-- <el-button size="small" type="primary" @click="add()">添加</el-button> -->
      <div class="table">
        <el-table :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
          <el-table-column label="大类名称" align="center">
            <template slot-scope="scope">
              <el-select
                v-model="scope.row.parentCategory"
                value-key="categoryId"
                @change="changeMain"
                :disabled="true"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option v-for="item in mainList" :key="item.categoryId" :label="item.categoryName" :value="item">
                </el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column label="小类名称" align="center">
            <template slot-scope="scope">
              <el-select
                v-model="scope.row.goodsCategory"
                @change="changeSmall"
                @focus="
                  () => {
                    if (!scope.row.parentCategory) {
                      return this.$message.warning('请先选择大类！')
                    }
                  }
                "
                :disabled="true"
                value-key="categoryId"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option
                  v-for="item in scope.row.parentCategory.items"
                  :key="item.categoryId"
                  :label="item.categoryName"
                  :value="item"
                >
                </el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column label="辅材名称" align="center">
            <template slot-scope="scope">
              <el-select
                v-model="scope.row.goods"
                @change="changeGoods"
                value-key="goodsId"
                :disabled="true"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option
                  v-for="item in scope.row.goodsList"
                  :key="item.goodsId"
                  :label="item.goodsName"
                  :value="item"
                >
                </el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column prop="goods.goodsSalesUnit" align="center" label="单位"></el-table-column>
          <el-table-column prop="" align="center" label="退货数量">
            <template slot-scope="scope">
              <el-input
                type="number"
                v-model="scope.row.retQty"
                :disabled="isEdit != scope.$index || formType == 2"
                placeholder="请输入"
              ></el-input>
            </template>
          </el-table-column>
          <el-table-column prop="goods.saleAmount" align="center" label="退货金额">
            <template slot-scope="scope" v-if="scope.row.retQty && scope.row.price">
              {{ (scope.row.price * 100 * scope.row.retQty) / 100 }}
            </template>
          </el-table-column>
          <el-table-column prop="goods.goodsCode" align="center" label="商品代码"></el-table-column>
          <el-table-column prop="goods.goodsSpecification" align="center" label="规格型号"></el-table-column>
          <el-table-column prop="salesQty" align="center" label="销售数量"></el-table-column>
          <el-table-column prop="price" align="center" label="销售价格"></el-table-column>
          <el-table-column prop="saleAmount" align="center" label="销售金额">
            <template slot-scope="scope" v-if="scope.row.salesQty && scope.row.price">
              {{ (scope.row.price * 100 * (scope.row.salesQty * 100)) / 10000 }}
            </template>
          </el-table-column>
          <el-table-column label="操作" align="right" width="140">
            <template slot-scope="scope" v-if="formType != 2">
              <el-button size="mini" type="primary" v-if="scope.$index != isEdit" @click="isEdit = scope.$index"
                >编辑</el-button
              >
              <el-button size="mini" type="danger" @click="dataList.splice(scope.$index, 1)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-card>
    <div class="page-footer">
      <div class="footer">
        <el-button
          v-if="formType == 0 || (formType == 1 && formData.retState == 'WAIT')"
          size="small"
          type="primary"
          @click="save()"
          >保存</el-button
        >
        <el-button v-if="formData.retState == 'WAIT'" size="small" type="primary" @click="confirm()"
          >确认收货</el-button
        >
        <el-button size="small" type="info" @click="goBack">返回</el-button>
      </div>
    </div>
    <el-dialog
      title="微信支付"
      :visible.sync="isPay"
      width="50%"
      :close-on-click-modal="false"
      :modal-append-to-body="false"
      @close="payCodeUrl = ''"
    >
      <h3>扫二维码支付</h3>
      <el-image :src="$showImgUrl(payCodeUrl)" fit="fit"></el-image>
    </el-dialog>
    <!-- 选择销售订单号 -->
    <el-dialog
      title="选择销售订单"
      :visible.sync="isShowNo"
      width="80%"
      :close-on-click-modal="false"
      :modal-append-to-body="false"
      @close="close"
    >
      <el-form ref="formData1" :model="formData1" label-width="110px" size="small" label-position="left">
        <el-row :gutter="20">
          <el-col :span="6">
            <el-form-item label="网点名称" prop="websit_id">
              <el-select v-model="formData1.websit_id" @change="changeWebsit" placeholder="请选择" style="width: 100%">
                <el-option v-for="item in websitList" :key="item.websitId" :label="item.name" :value="item.websitId">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="师傅姓名" prop="worker_name">
              <el-select
                v-model="formData1.worker_name"
                @focus="
                  () => {
                    if (!this.formData1.websit_id) {
                      return this.$message.warning('请先选择网点名称！')
                    }
                  }
                "
                filterable
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option
                  v-for="item in workerList"
                  :key="item.id"
                  :label="item.nickName + '-' + item.mobile"
                  :value="item.nickName"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="师傅联系电话" prop="worker_mobile">
              <el-input type="text" v-model="formData1.worker_mobile" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="物料名称" prop="goods" align="center">
              <el-select
                v-model="formData1.goods"
                filterable
                @focus="
                  () => {
                    if (!this.formData1.websit_id) {
                      return this.$message.warning('请先选择网点名称！')
                    }
                  }
                "
                value-key="goodsId"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option v-for="item in goodsList" :key="item.goodsId" :label="item.goodsName" :value="item">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="规格型号" prop="goods" align="center">
              <el-select
                v-model="formData1.goods"
                filterable
                @focus="
                  () => {
                    if (!this.formData1.websit_id) {
                      return this.$message.warning('请先选择网点名称！')
                    }
                  }
                "
                value-key="goodsId"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option v-for="item in goodsList" :key="item.goodsId" :label="item.goodsSpecification" :value="item">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="销售订单号" prop="sales_id">
              <el-input type="text" v-model="formData1.sales_id" placeholder="请输入"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-row type="flex" justify="end">
              <el-col :span="5">
                <el-button size="small" @click="resetScreenForm()">清空</el-button>
                <el-button size="small" type="primary" @click="submitScreenForm()">搜索</el-button>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </el-form>
      <div class="clearfix">
        <span>订单信息</span>
      </div>
      <div class="table">
        <el-table
          ref="treeTable"
          :data="orderList"
          element-loading-text="Loading"
          @select="handleSelectionChange"
          @row-click="handleSelectionChange('', $event)"
          border
          fit
          highlight-current-row
          stripe
          style="max-height: 380px; overflow-y: auto"
        >
          <el-table-column type="selection" width="40"></el-table-column>
          <el-table-column prop="salesId" align="center" label="销售单号" width="140"></el-table-column>
          <el-table-column prop="" align="center" label="单据状态" width="120">已支付,已提货</el-table-column>
          <el-table-column prop="websitName" align="center" label="网点名称" width="140"></el-table-column>
          <el-table-column prop="" align="center" label="购买方">
            <template slot-scope="scope">
              {{ scope.row.buyPeople == 'WORKER' ? '内部师傅' : '客户' }}
            </template>
          </el-table-column>
          <el-table-column prop="workerName" align="center" label="师傅姓名"></el-table-column>
          <el-table-column prop="workerMobile" align="center" label="师傅联系电话" width="120"></el-table-column>
          <el-table-column prop="salesType" align="center" label="销售类型"></el-table-column>
          <el-table-column prop="salesTime" align="center" label="销售日期" width="160"></el-table-column>
          <el-table-column prop="totalAmount" align="center" label="订单金额"></el-table-column>
          <el-table-column prop="" align="center" label="订单来源">
            <template slot-scope="scope">
              {{ scope.row.orderSource == 'ONLINE' ? '在线订单' : '自建订单' }}
            </template>
          </el-table-column>
          <el-table-column prop="payType" align="center" label="支付方式">
            <template slot-scope="scope">
              {{ scope.row.payType == 'CASH' ? '现金' : scope.row.payType == 'WECHAT' ? '微信' : '工程支付' }}
            </template>
          </el-table-column>
          <el-table-column prop="payTime" align="center" label="支付时间" width="160"></el-table-column>
          <el-table-column prop="payNo" align="center" label="支付单号" width="160"></el-table-column>
          <el-table-column prop="createBy" align="center" label="创建人" width="160"></el-table-column>
          <el-table-column prop="createTime" align="center" label="创建时间" width="160"></el-table-column>
          <el-table-column prop="updateBy" align="center" label="审核人" width="160"></el-table-column>
          <el-table-column prop="updateTime" align="center" label="审核时间" width="160"></el-table-column>
        </el-table>
        <div class="pagination clearfix">
          <div class="fr">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="pageNum"
              :page-sizes="[10, 20, 30, 50]"
              :page-size="pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="listTotal"
            ></el-pagination>
          </div>
        </div>
        <div slot="footer" class="dialog-footer" style="margin-top: 10px; text-align: right">
          <el-button size="small" @click="isShowNo = false">取 消</el-button>
          <el-button size="small" type="primary" @click="confirmOrder()">确定</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { getWebsit } from '@/api/customerManagement'
import { lbsAmapRegion } from '@/api/common.js'
import geographicalPosi from '@/components/geographicalPosi/index.vue'
import ImageUpload from '@/components/file-upload'
import { listPageV2, getWorker, getCategory, getGoods, getDetail } from '@/api/auxiliaryFittings/auxiliarySalesOrder'
import { add, edit, getReturnDetail, getGoodsList } from '@/api/auxiliaryFittings/auxiliarySalesReturnOrder'
import { storageListPageV2 } from '@/api/storage.js'
export default {
  components: { ImageUpload, geographicalPosi },
  props: ['id', 'title', 'formType'],
  data() {
    return {
      dataList: [],
      websitList: [],
      workerList: [],
      orderList: [],
      goodsList: [],
      mainList: [],
      projectList: [],
      warehouseList: [],
      isPay: false,
      payCodeUrl: '',
      salesDetail: {},
      formData: {
        websit: {},
        websitId: '',
        websitName: '',
        fileUrl: [],
        salesId: '',
        salesRetId: '',
        retState: '',
        createBy: '',
        createTime: '',
        confirmBy: '',
        confirmTime: '',
        worker: {},
        workerName: '',
        workerId: '',
        identity: '',
        workerMobile: '',
        remark: '',
        totalAmount: '',
        salesType: '零售',
        province: '',
        provinceId: '',
        city: '',
        cityId: '',
        area: '',
        areaId: '',
        street: '',
        streetId: '',
        address: '',
        lat: '',
        lng: '',
        orderEnginBaseId: '',
        storage: null,
        storageId: '',
        storageName: ''
      },
      formData1: {
        websit_id: '',
        worker_name: '',
        worker_mobile: '',
        sales_id: '',
        goods: {},
        goodsName: '',
        goodsSpecification: ''
      },
      provinceList: [],
      cityList: [],
      areaList: [],
      streetList: [],
      isEdit: 0,
      companyName: JSON.parse(localStorage.getItem('greemall_user')).companyName,
      rules: {
        websitId: [{ required: true, message: '请选择网点', trigger: 'change' }],
        worker: [{ required: true, message: '请选择师傅', trigger: 'change' }],
        identity: [
          { required: true, message: '请输入师傅身份证', trigger: 'blur' },
          { pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '身份证号格式不正确', trigger: 'blur' }
        ],
        workerMobile: [
          { required: true, message: '请输入师傅联系电话', trigger: 'blur' },
          { pattern: /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/, message: '电话号码格式不正确', trigger: 'blur' }
        ]
      },
      isShowNo: false,
      pageNum: 1,
      pageSize: 10,
      listTotal: 0
    }
  },
  computed: {},
  created() {
    if (this.id) {
      this.getReturnDetail()
    }
    this.getWebsit()
    this.getinitlbslist()
  },
  methods: {
    // 返回
    goBack() {
      this.$emit('back')
    },
    async getDetail(salesId) {
      const that = this
      getDetail({ salesId }).then(async res => {
        Object.assign(this.formData, res.data, {
          websit: { websitId: res.data.websitId, name: res.data.websitName },
          worker: { nickName: res.data.workerName, userId: res.data.workerId },
          fileUrl: res.data?.fileUrl ? res.data?.fileUrl?.split(',').map(item => ({ url: item })) : [],
          storage: {
            storageId: res.data.storageId
          }
        })
        this.getWorker()
        this.getCategory(res.data.websitId)
        this.getWarehouseList(res.data.websitId)
        for (var item of res.data.items) {
          item.parentCategory = {
            categoryId: item.parentCategoryId,
            categoryName: item.parentCategoryName,
            items: [{ categoryId: item.goodsCategoryId, categoryName: item.goodsCategoryName }]
          }
          item.goodsCategory = { categoryId: item.goodsCategoryId, categoryName: item.goodsCategoryName }
          var ress = await that.getGoods(item.goodsCategoryId, item.goodsName, 1)
          item.goods = { ...ress.data, oldPrice: ress.data.price }
          ;(item.goodsList = ress.data ? [{ ...ress.data, oldPrice: ress.data.price }] : []), (item.retQty = 1)
        }
        this.dataList = res.data.items
      })
    },
    async getReturnDetail() {
      const that = this
      getReturnDetail({ id: this.id }).then(async res => {
        Object.assign(this.formData, res.data, {
          websit: { websitId: res.data.websitId, name: res.data.websitName },
          worker: { nickName: res.data.workerName, userId: res.data.workerId },
          fileUrl: res.data?.fileUrl ? res.data?.fileUrl?.split(',').map(item => ({ url: item })) : [],
          storage: {
            storageId: res.data.storageId
          }
        })
        this.getWorker()
        this.getCategory(res.data.websitId)
        this.getWarehouseList(res.data.websitId)
        for (var item of res.data.websitSalesRetItems) {
          item.parentCategory = {
            categoryId: item.parentCategoryId,
            categoryName: item.parentCategoryName,
            items: [{ categoryId: item.goodsCategoryId, categoryName: item.goodsCategoryName }]
          }
          item.goodsCategory = { categoryId: item.goodsCategoryId, categoryName: item.goodsCategoryName }
          var ress = await that.getGoods(item.goodsCategoryId, item.goodsName, 1)
          item.goods = { ...ress.data, oldPrice: ress.data.price }
          item.goodsList = ress.data ? [{ ...ress.data, oldPrice: ress.data.price }] : []
        }
        this.dataList = res.data.websitSalesRetItems
      })
    },
    getWebsit() {
      getWebsit({ type: 'C' }).then(res => {
        this.websitList = res.data
      })
    },
    getWarehouseList(websitId) {
      if (!websitId) {
        return (this.warehouseList = [])
      }
      storageListPageV2({
        pageNum: 1,
        pageSize: -1,
        params: [
          { param: 'a.type', compare: 'like', value: '配件' },
          { param: 'a.status', compare: '=', value: 'true' },
          { param: 'a.websit_id', compare: '=', value: websitId }
        ]
      }).then(res => {
        this.warehouseList = res.data.records
      })
    },
    close() {
      this.$refs.formData1.resetFields()
    },
    confirmOrder() {
      this.isShowNo = false
      this.getDetail(this.selectedRow.salesId)
    },
    getOrderList() {
      listPageV2({
        pageNum: this.pageNum,
        pageSize: this.pageSize,
        params: [
          { param: 'a.sales_id', compare: '=', value: this.formData1.sales_id },
          { param: 'a.flag', compare: '=', value: 'PAY_TAKE' },
          { param: 'a.goods_type', compare: '=', value: 'M' },
          { param: 'a.websit_id', compare: '=', value: this.formData1.websit_id },
          { param: 'a.worker_name', compare: '=', value: this.formData1.worker_name },
          { param: 'a.worker_mobile', compare: '=', value: this.formData1.worker_mobile }
        ],
        goodsName: this.formData1.goods.goodsName,
        goodsSpecification: this.formData1.goods.goodsSpecification,
        isFilter: true
      }).then(res => {
        this.orderList = res.data.records
        this.listTotal = res.data.total
      })
    },
    getGoodsList() {
      getGoodsList({
        type: 'M',
        websitId: this.formData1.websit_id
      }).then(res => {
        this.goodsList = res.data
      })
    },
    handleSelectionChange(selection, row) {
      this.$refs.treeTable.clearSelection() // 这里因为需求做的是必选一个，如有其他需求可做调整
      this.$refs.treeTable.toggleRowSelection(row, true)
      this.selectedRow = row
    },
    // 更改每页数量
    handleSizeChange(val) {
      this.pageSize = val
      this.pageNum = 1
      this.getOrderList()
    },
    // 更改当前页
    handleCurrentChange(val) {
      this.pageNum = val
      this.getOrderList()
    },
    // 提交筛选表单
    submitScreenForm() {
      this.pageNum = 1
      this.getOrderList()
    },

    // 重置筛选表单
    resetScreenForm() {
      this.$refs.formData1.resetFields()
      this.pageNum = 1
      this.getOrderList()
    },
    changeWebsit(e) {
      this.getWorker()
      this.getGoodsList()
      this.formData1.goods = {}
      // this.getCategory(e.websitId)
    },
    getCategory(websitId) {
      getCategory({ websitId }).then(res => {
        this.mainList = res.data
      })
    },
    async getGoods(categoryId, goodsName, type) {
      const that = this
      if (type == 1) {
        return new Promise((resolve, reject) => {
          getGoods({
            websitId: this.formData.websitId,
            categoryId: categoryId,
            type: 'M',
            goodsName: goodsName,
            orderEnginBaseId: this.formData.orderEnginBaseId,
            saleType: this.formData.salesType,
            storageId: this.formData.storageId
          }).then(res => {
            resolve({
              data: res.data[0]
            })
          })
        })
      } else {
        getGoods({
          websitId: this.formData.websitId,
          categoryId: categoryId,
          type: 'M',
          orderEnginBaseId: this.formData.orderEnginBaseId,
          saleType: this.formData.salesType,
          storageId: this.formData.storageId
        }).then(res => {
          that.dataList[that.isEdit].goodsList = res.data
        })
      }
    },
    getWorker() {
      getWorker({
        pageNum: 1,
        pageSize: -1,
        params: [{ param: 'b.websit_id', compare: '=', value: this.formData1.websit_id }]
      }).then(res => {
        this.workerList = res.data.records
      })
    },
    changeWorker(e) {
      this.formData.identity = e.idCard
      this.formData.workerMobile = e.mobile
      this.formData.workerId = e.userId
      this.formData.workerName = e.nickName
    },
    workerBlur(e) {
      this.formData.worker = e.target.value
      this.$forceUpdate()
    },
    changeMain(e) {
      ;(this.dataList[this.isEdit].goodsList = []),
        (this.dataList[this.isEdit].parentCategory = e),
        (this.dataList[this.isEdit].parentCategoryId = e.categoryId),
        (this.dataList[this.isEdit].parentCategoryName = e.categoryName),
        (this.dataList[this.isEdit].goodsCategory = {}),
        (this.dataList[this.isEdit].goodsCategoryName = ''),
        (this.dataList[this.isEdit].goodsCategoryId = ''),
        (this.dataList[this.isEdit].goods = {}),
        (this.dataList[this.isEdit].goodsId = ''),
        (this.dataList[this.isEdit].goodsName = ''),
        (this.dataList[this.isEdit].goodsSalesUnit = ''),
        (this.dataList[this.isEdit].goodsSpecification = ''),
        (this.dataList[this.isEdit].goodsCode = ''),
        (this.dataList[this.isEdit].price = ''),
        (this.dataList[this.isEdit].saleAmount = ''),
        (this.dataList[this.isEdit].retQty = '')
      ;(this.dataList[this.isEdit].qty = ''), (this.dataList[this.isEdit].goodsType = 'M')
    },
    async changeSmall(e) {
      ;(this.dataList[this.isEdit].goods = {}),
        (this.dataList[this.isEdit].goodsId = ''),
        (this.dataList[this.isEdit].goodsName = ''),
        (this.dataList[this.isEdit].goodsSalesUnit = ''),
        (this.dataList[this.isEdit].goodsSpecification = ''),
        (this.dataList[this.isEdit].goodsCode = ''),
        (this.dataList[this.isEdit].price = ''),
        (this.dataList[this.isEdit].saleAmount = ''),
        (this.dataList[this.isEdit].retQty = '')
      ;(this.dataList[this.isEdit].qty = ''), (this.dataList[this.isEdit].goodsCategoryId = e.categoryId)
      this.dataList[this.isEdit].goodsCategoryName = e.categoryName
      getGoods({
        websitId: this.formData.websitId,
        categoryId: e.categoryId,
        type: 'M',
        orderEnginBaseId: this.formData.orderEnginBaseId,
        saleType: this.formData.salesType
      }).then(res => {
        this.dataList[this.isEdit].goodsList = res.data
      })
    },
    changeGoods(e) {
      console.log(e)
      this.dataList[this.isEdit].goodsId = e.goodsId
      this.dataList[this.isEdit].goodsName = e.goodsName
      this.dataList[this.isEdit].goodsSalesUnit = e.goodsSalesUnit
      this.dataList[this.isEdit].goodsSpecification = e.goodsSpecification
      this.dataList[this.isEdit].price = e.price
      this.dataList[this.isEdit].goodsCode = e.goodsCode
      this.dataList[this.isEdit].qty = e.qty
      this.dataList[this.isEdit].itemSourceType = e.itemSourceType
      this.dataList[this.isEdit].itemSourceId = e.itemSourceId
      this.dataList[this.isEdit].normType = e.normType
    },
    add() {
      if (this.dataList.length != 0) {
        this.isEdit += 1
      }
      this.dataList.push({
        goodsList: [],
        parentCategory: {},
        parentCategoryId: '',
        parentCategoryName: '',
        goodsCategory: {},
        goodsCategoryName: '',
        goodsCategoryId: '',
        goods: {},
        goodsId: '',
        goodsName: '',
        goodsSalesUnit: '',
        goodsSpecification: '',
        goodsCode: '',
        price: '',
        saleAmount: '',
        retQty: 1,
        qty: '',
        goodsType: 'M',
        itemSourceType: '',
        itemSourceId: '',
        normType: ''
      })
    },
    confirm() {
      const that = this
      this.$confirm(`请确定是否确认提货, 是否继续?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        edit({
          retState: 'OK',
          salesRetId: this.formData.salesRetId
        }).then(res => {
          if (res.code == 200) {
            this.$message.success('确认提货成功！')
            that.goBack()
          }
        })
      })
    },
    save() {
      const that = this
      this.$refs.formData.validate((valid, invalidFields, errLabels) => {
        if (valid) {
          if (this.formType == 0) {
            add({
              salesId: this.formData.salesId,
              goodsType: 'M',
              remark: this.formData.remark,
              websitId: this.formData.websitId,
              websitName: this.formData.websitName,
              workerName: this.formData.workerName,
              workerId: this.formData.workerId,
              identity: this.formData.identity,
              workerMobile: this.formData.workerMobile,
              websitSalesRetItems: this.dataList,
              fileUrl: this.formData.fileUrl.map(item => item.url).join(','),
              storageId: this.formData.storageId,
              storageName: this.formData.storageName
            }).then(res => {
              if (res.code == 200) {
                this.$message.success('提交成功！')
                that.goBack()
              }
            })
          } else if (this.formType == 1) {
            edit({
              salesId: this.formData.salesId,
              salesRetId: this.formData.salesRetId,
              goodsType: 'M',
              remark: this.formData.remark,
              websitId: this.formData.websitId,
              websitName: this.formData.websitName,
              workerName: this.formData.workerName,
              workerId: this.formData.workerId,
              identity: this.formData.identity,
              workerMobile: this.formData.workerMobile,
              websitSalesRetItems: this.dataList,
              fileUrl: this.formData.fileUrl.map(item => item.url).join(','),
              storageId: this.formData.storageId,
              storageName: this.formData.storageName
            }).then(res => {
              if (res.code == 200) {
                this.dataList = []
                this.$message.success('提交成功！')
                that.goBack()
              }
            })
          }
        }
      })
    },
    getinitlbslist() {
      // 初始化请求省市区街道下拉选项数据
      lbsAmapRegion({ pid: 0 }).then(res => {
        this.provinceList = res.data
        // 创建工单时获取ip地址定位赋值
        if (!this.id && this.$IpAdd.province) {
          var item = this.provinceList.find(item => item.name === this.$IpAdd.province)
          if (item) {
            this.formData.provinceId = item.id
            this.formData.province = item.name
          }
        }
        if (this.formData.provinceId) {
          lbsAmapRegion({ pid: this.formData.provinceId }).then(res => {
            this.cityList = res.data
            // 创建工单时获取ip地址定位赋值
            if (!this.id && this.$IpAdd.city) {
              var item2 = this.cityList.find(item => item.name === this.$IpAdd.city)
              if (item2) {
                this.formData.cityId = item2.id
                this.formData.city = item2.name
              }
            }
            if (this.formData.cityId) {
              lbsAmapRegion({ pid: this.formData.cityId }).then(res => {
                this.areaList = res.data
              })
            }
            if (this.formData.areaId) {
              lbsAmapRegion({ pid: this.formData.areaId }).then(res => {
                this.streetList = res.data
              })
            }
          })
        }
      })
    },
    selectAddress(data) {
      this.formData.lng = data.center[0]
      this.formData.lat = data.center[1]
      // 获取定位的省市区街道
      var { province, city, district, township } = data.data.addressComponent
      // 获取选中省名称id
      var { id, name } = this.provinceList.find(item => item.name === province)
      this.formData.provinceId = id
      this.formData.province = name
      // 请求市选项
      lbsAmapRegion({ pid: this.formData.provinceId }).then(res => {
        // 赋值市选项
        this.cityList = res.data
        // 获取选中市名称id
        var { id, name } = res.data.find(item => item.name === city)
        this.formData.cityId = id
        this.formData.city = name
        // 请求区选项
        lbsAmapRegion({ pid: this.formData.cityId }).then(res => {
          // 赋值区选项
          this.areaList = res.data
          // 获取选中区名称id
          var { id, name } = res.data.find(item => item.name === district)
          this.formData.areaId = id
          this.formData.area = name
          // 请求街道选项
          lbsAmapRegion({ pid: this.formData.areaId }).then(res => {
            // 赋值街道选项
            this.streetList = res.data
            // 获取选中街道名称id
            var { id, name } = res.data.find(item => item.name === township)
            this.formData.streetId = id
            this.formData.street = name
            // 赋值GPS详细地址
            this.formData.address = data.name
          })
        })
      })
    }
  }
}
</script>

<style scoped="scoped" lang="scss">
.s-page {
  padding: 20px;
  background-color: #ffffff;
}
.page-footer {
  height: 70px;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #fff;
  padding: 15px 40px;
  box-sizing: border-box;
  transition: all 0.28s;
  text-align: right;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 50%), 0 2px 5px 0 rgb(0 0 0 / 10%);

  &.hideSidebar {
    margin-left: 54px;
    width: calc(100vw - 54px);
  }

  &.openSidebar {
    margin-left: 210px;
    width: calc(100vw - 210px);
  }

  .tips {
    font-size: 12px;
    color: red;
    margin-top: 10px;
  }
}
::v-deep .el-table__body-wrapper {
  max-height: 300px !important;
  overflow-y: auto !important;
}
</style>
