<template>
  <div class="app-container">
    <el-splitter>
      <el-splitter-panel size="40%" style="margin-right:24px">
        <el-form :model="queryParams" ref="queryRef" v-show="showSearch" label-width="90">
          <el-row>
            <el-col :span="12">
              <el-form-item label="入库时间" prop="operationTime">
                <el-date-picker v-model="operationTime" type="datetimerange" start-placeholder="开始时间"
                  end-placeholder="结束时间" format="YYYY/MM/DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
                  @keyup.enter="handleQuery" />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="单据号" prop="billNo">
                <el-input v-model="queryParams.billNo" placeholder="请输入单据号" clearable @keyup.enter="handleQuery" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="入库类型" prop="operationType">
                <el-select v-model="queryParams.operationType" placeholder="请选择入库类型" clearable
                  @keyup.enter="handleQuery">
                  <el-option v-for="dict in storeTypeList" :key="dict.id" :label="dict.typeName"
                    :value="dict.typeCode" />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="库存状态" prop="execStatus">
                <el-select v-model="queryParams.execStatus" placeholder="请选择库存状态" clearable @keyup.enter="handleQuery">
                  <el-option v-for="dict in execStatusMenu" :key="dict.value" :label="dict.label" :value="dict.value" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <el-row class="mb8">
          <el-col :span="14">
            <el-button type="primary" plain @click="handleAdd(false)" v-hasPermi="['wisdom:bill:add']">新增入库</el-button>
            <el-button type="warning" plain @click="handleExport" v-hasPermi="['wisdom:bill:export']">导出</el-button>
            <el-button type="primary" plain @click="rkUpload">图片上传</el-button>
          </el-col>

          <el-col :span="9" class="searchBtn">
            <el-form-item>
              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
            </el-form-item>
          </el-col>
        </el-row>
        <el-table v-loading="loading" ref="billTableRef" :data="billList" highlight-current-row @row-click="(row) => tableInfoRowClick(row, billTableRef)" :row-class-name="tableBillRowClassName" @row-dblclick="billClick"
          @current-change="uploadSelectionChange">
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="单据号" align="center" prop="billNo" width="180" />
          <el-table-column label="库存状态" align="center">
            <template #default="scope">
              <span>{{ getExecStatusName(scope.row.execStatus) }}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作类型" align="center">
            <template #default="scope">
              <dict-tag :options="dictTagData()" :value="scope.row.bizType" />
            </template>
          </el-table-column>
          <el-table-column label="理货员" align="center" prop="operatorName" width="100" />
          <el-table-column label="入库类型" align="center" prop="operationTypeName" width="120" />
          <el-table-column label="物资类型" align="center" prop="wlTypeName" width="100" />
          <el-table-column label="入库时间" align="center" prop="operationTime" width="170">
            <template #default="scope">
              <span>{{
                parseTime(scope.row.operationTime, "{y}-{m}-{d} {h}:{i}:{s}")
              }}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作" align="center" fixed="right" width="260">
            <template #default="scope">
              <el-button link type="primary" @click="picDetailFun(scope.row.billNo, 0, 1)">入库图片</el-button>
              <el-button link type="primary" @click="billClick(scope.row, 'bill', 'rk')">入库单</el-button>
              <el-button link type="primary" @click="editData(scope.row)">修改</el-button>
              <el-button link type="primary" @click="delData(scope.row)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
          v-model:limit="queryParams.pageSize" @pagination="getList" />
        <!-- <el-pagination background layout="prev, pager, next" :total="total" v-model:page="queryParams.pageNum" @pagination="getList"/> -->
      </el-splitter-panel>
      <el-splitter-panel :min="200">
        <el-row :gutter="10" class="mb8" v-show="stockList.length > 0">
          <el-col :span="1.5">
            <el-button type="success" plain icon="Printer" @click="handlePrint" v-print="printViewInfo"
              v-hasPermi="['wisdom:bill:print']">打印单据</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" plain icon="Printer" @click="handlePrintTag">打印标签</el-button>
          </el-col>
          <el-col :span="4">
            <el-form-item label="打印机编号" prop="printNum">
              <el-select v-model="printNum" clearable>
                <el-option v-for="dict in printNumList" :key="dict.id" :label="dict.statusName" :value="dict.id" />
              </el-select>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="1.5">
              <el-button
                type="danger"
                plain
                icon="Switch"
                @click="handleMove"
                v-hasPermi="['wisdom:bill:move']"
              >移库</el-button>
            </el-col> -->
          <el-col :span="1.5">
            <el-button type="primary" plain icon="Plus" @click="addOne()">添加单条物料</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" plain icon="Plus" @click="handleDispatch">生成调度任务</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" plain icon="Plus" @click="handleOneClickWarehousing">一键入库</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" plain icon="Plus" @click="handleOneClickStockDelete">一键撤销</el-button>
          </el-col>
          <el-col :span="1.5">
            <el-button type="primary" plain icon="Delete" @click="handleOneClickStockDel">一键删除</el-button>
          </el-col>
        </el-row>
        <el-table v-loading="detailLoading" ref="infoTableRef" highlight-current-row @row-click="(row) => tableInfoRowClick(row, infoTableRef)" show-overflow-tooltip border :data="stockList"
          @selection-change="printSelectionChange">
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="序号" align="center" type="index" width="70" />
          <el-table-column label="库存状态" align="center">
            <template #default="scope">
              <span>{{ getExecStatusName(scope.row.execStatus) }}</span>
            </template>
          </el-table-column>
          <el-table-column label="项目号" align="center" prop="xmNo" width="150" />
          <el-table-column label="项目描述" align="center" prop="xmMs" width="250" />
          <el-table-column label="物料号" align="center" prop="wlNo" width="100" />
          <el-table-column label="物料描述" align="center" prop="wlMs" width="250" />
          <el-table-column label="供应商名称" align="center" prop="gysMc" width="200" />
          <el-table-column label="合同单价" align="center" prop="htDj" />
          <el-table-column label="订单编号" align="center" prop="sapNo" width="150" />
          <el-table-column label="计量单位" align="center" prop="dw" />
          <el-table-column label="实际入库数量" align="center" prop="realQty" width="120" />
          <el-table-column label="是否移库" align="center" prop="isMove">
            <template #default="scope">
              <span>{{ isMoveFun(scope.row.hasMoved) }}</span>
            </template>
          </el-table-column>
          <el-table-column label="库位码" align="center" prop="pcode" width="120" />
          <el-table-column label="托盘码" align="center" prop="trayCode" />
          <el-table-column label="身份码" align="center" prop="entityId" width="200" />
          <el-table-column label="所属大仓" align="center" prop="parentWarehouseName" width="150" />
          <el-table-column label="所属小仓" align="center" prop="warehouseName" width="150" />
          <!-- <el-table-column label="库龄" align="center" prop="stockAge" /> -->
          <el-table-column label="现场图片" align="center" v-if="isExamine == 1">
            <template #default="scope">
              <el-image :src="scope.row.scenePhotoUrl" style="width: 50px; height: 50px" :zoom-rate="1.2" :max-scale="7"
                :min-scale="0.2" :preview-src-list="srcList" show-progress :initial-index="4" :preview-teleported="true"
                @click="preview(scope.row.scenePhotoUrl)" />
            </template>
          </el-table-column>
          <el-table-column label="备注" align="center" prop="remark" width="200" />
          <el-table-column label="一次封样号" align="center" prop="fycde1" width="150" />
          <el-table-column label="二次封样号" align="center" prop="fycde2" width="150" />
          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
            <template #default="scope">
              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
                v-hasPermi="['wisdom:bill:edit']">修改</el-button>
              <el-button link type="primary" icon="Delete" v-show="scope.row.execStatus == 1"
                @click="handleStockDelete(scope.row)" v-hasPermi="['wisdom:bill:delete']">撤销</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-splitter-panel>
    </el-splitter>

    <!-- 打印 -->
    <div id="printMe" class="printMeBox" v-if="showContent">
      <printBill :billAllObj="stockList" />
    </div>
    <!-- 修改主单据，入库时间等字段 -->
    <el-dialog title="修改" v-model="openBill" @close="closeDialog" append-to-body width="40%">
      <el-form :model="billData" :rules="rules" label-width="100px">
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="入库类型" prop="operationType">
              <el-select v-model="billData.operationType" placeholder="请选择入库类型" clearable>
                <el-option v-for="dict in storeTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="物资类型" prop="wlType">
              <el-select v-model="billData.wlType" placeholder="请选择物资类型" clearable>
                <el-option v-for="dict in wzTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="理货员" prop="operator">
              <el-select v-model="billData.operator" placeholder="请选择理货员" clearable>
                <el-option v-for="dict in personList" :key="dict.userId" :label="dict.userName" :value="dict.userId" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="入库时间" prop="operationTime">
              <el-date-picker style="width: 100%" v-model="billData.operationTime" value-format="YYYY-MM-DD HH:mm:ss"
                format="YYYY-MM-DD HH:mm:ss" type="datetime" />
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="库存状态" prop="execStatus">
              <el-select v-model="billData.execStatus" placeholder="请选择库存状态" clearable>
                <el-option v-for="dict in execStatusMenu" :key="dict.value" :label="dict.label" :value="dict.value" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row> -->
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="editForm">确 定</el-button>
        </div>
      </template>
    </el-dialog>
    <!-- 添加或修改库存单据主对话框 -->
    <el-dialog :title="title" v-model="open" @close="closeDialog" width="75%" :draggable="true" :z-index="4"
      :close-on-click-modal="false">
      <el-form ref="stockRef" :model="storeData" :rules="rules">
        <el-row :gutter="20" v-if="idEdit == 0">
          <el-col :span="12">
            <el-form-item label="采购订单号">
              <el-input v-model="orderNum" placeholder="请输入订单号" :disabled="idEdit != 0" @keydown.enter="searchPlan" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-button type="primary" @click="searchPlan" :disabled="idEdit != 0">从供应计划中添加</el-button>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6" v-if="idEdit == 0">
            <el-form-item label="入库类型" prop="operationType">
              <el-select v-model="storeData.operationType" placeholder="请选择入库类型" clearable>
                <el-option v-for="dict in storeTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6" v-if="idEdit == 0">
            <el-form-item label="物资类型" prop="wlType">
              <el-select v-model="storeData.wlType" placeholder="请选择物资类型" clearable>
                <el-option v-for="dict in wzTypeList" :key="dict.id" :label="dict.typeName" :value="dict.typeCode" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="所属仓库" prop="warehouseCode">
              <el-cascader :options="warehouseList" @change="pcodeList" v-model="storeData.warehouseCode" :props="{
                children: 'children',
                label: 'warehouseName',
                value: 'warehouseCode',
              }" />
            </el-form-item>
          </el-col>
          <el-col :span="6" v-if="idEdit == 0">
            <el-form-item label="理货员" prop="operator">
              <el-select v-model="storeData.operator" placeholder="请选择理货员" clearable>
                <el-option v-for="dict in personList" :key="dict.userId" :label="dict.userName" :value="dict.userId" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" v-if="idEdit == 0">
          <el-col :span="6">
            <el-form-item label="入库时间" prop="operationTime">
              <!-- type="date" -->
              <el-date-picker v-model="storeData.operationTime" value-format="YYYY-MM-DD HH:mm:ss"
                format="YYYY-MM-DD HH:mm:ss" type="datetime" placeholder="请选择入库时间" style="width: 100%" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="库存状态" prop="execStatus">
              <el-select v-model="storeData.execStatus" placeholder="请选择" clearable>
                <el-option v-for="dict in execStatusMenu" :key="dict.value" :label="dict.label" :value="dict.value" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="扩展描述">
              <el-input v-model="kzms" placeholder="请输入扩展描述" :disabled="idEdit != 0" />
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-checkbox v-model="autoFill" label="自动填充" size="large" @change="autoFillFun" :disabled="idEdit != 0" />
          </el-col>
          <el-col :span="2">
            <el-button type="primary" @click="addLineFun" :disabled="idEdit != 0">添加</el-button>
          </el-col>
        </el-row>
        <el-table :data="planList" height="400" style="width: 100%" show-overflow-tooltip
          :row-class-name="tableRowClassName" @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="30" align="center" />
          <el-table-column label="序号" align="center" type="index" width="50" />
          <el-table-column label="状态" align="center" prop="status" width="100" v-if="idEdit == 0">
            <template #default="scoped">
              <el-tag :type="scoped.row.status == 1
                ? 'success'
                : scoped.row.status == 0
                  ? 'danger'
                  : 'warning'
                ">{{
                  statusList.filter(
                    (item) => item.value == scoped.row.status
                  )[0].label
                }}</el-tag>
            </template>
          </el-table-column>
          <el-table-column width="40" align="center">
            <template #default="scope">
              <el-icon :size="22" @click="delLineFun(scope.$index)">
                <RemoveFilled />
              </el-icon>
            </template>
          </el-table-column>
          <el-table-column label="物料号" align="center" prop="wlNo" width="150">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.wlNo" placeholder="请输入物料号"
                @change="searchInfo(scope.row.wlNo, scope.$index)"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="物料描述" align="center" prop="wlMs" width="200">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.wlMs" placeholder="请输入物料描述"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="单价" align="center" prop="htDj" width="80">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.htDj"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="单位" align="center" prop="dw" width="80">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.dw"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="库位" align="center" width="150">
            <template #default="scope">
              <el-select v-model="scope.row.pcode" clearable filterable placeholder="请选择库位">
                <el-option v-for="item in kwOptions" :key="item.id" :label="item.pcode" :value="item.pcode" />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column label="入库数量" align="center" width="150">
            <template #default="scope">
              <el-input v-model="scope.row.realQty" placeholder="入库数量">
                <template #append>
                  <el-button :icon="Plus" @click="addNum(scope.row)" />
                </template>
              </el-input>
            </template>
          </el-table-column>
          <el-table-column label="备注" align="center" width="200">
            <template #default="scope">
              <el-input v-model="scope.row.remark" placeholder="请输入备注"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="容器码" align="center" width="150">
            <template #default="scope">
              <el-input v-model="scope.row.trayCode" placeholder="请输入容器码"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="身份码" align="center" width="200">
            <template #default="scope">
              <el-input v-model="scope.row.entityId" placeholder="请输入身份码"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="采购订单号" align="center" prop="sapNo" width="130">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.sapNo" placeholder="请输入订单号"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="项目定义号" align="center" prop="xmNo" width="150">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.xmNo" placeholder="项目定义号"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="项目名称" align="center" prop="xmMs" width="300">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.xmMs" placeholder="项目名称"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="供应商" align="center" prop="gysMc" width="200">
            <template #default="scope">
              <el-input v-if="scope.row.isnew" v-model="scope.row.gysMc" placeholder="供应商"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="一次封样号" align="center" width="200">
            <template #default="scope">
              <el-input v-model="scope.row.fycde1" placeholder="请输入一次封样号"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="二次封样号" align="center" width="200">
            <template #default="scope">
              <el-input v-model="scope.row.fycde2" placeholder="请输入二次封样号"></el-input>
            </template>
          </el-table-column>

          <el-table-column label="上传" align="center" width="150" v-if="isExamine == 1">
            <template #default="scope">
              <el-upload class="upload-demo" :action="actionUrl" :multiple="false" :headers="headers"
                :on-preview="handlePreview" :on-remove="function (response) {
                  return handleRemove(
                    response,
                    scope.row.id,
                    scope.row.pcode
                  );
                }
                  " :on-success="function (response) {
                    return handleAvatarSuccess(
                      response,
                      scope.row.id,
                      scope.row.pcode
                    );
                  }
                    ">
                <el-button type="primary" size="small" v-show="!scope.row.photoUrl && scope.row.pcode">选择图片</el-button>
              </el-upload>
            </template>
          </el-table-column>
        </el-table>
        <!-- 审批模块 暂时注释-->
        <div class="examine" v-show="isExamine == 1">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="审批人">
                <el-select v-model="storeData.approverId" clearable filterable placeholder="请选择审批人">
                  <el-option v-for="dict in personList" :key="dict.userId" :label="dict.userName"
                    :value="dict.userId" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitForm">确 定</el-button>
          <el-button @click="cancel">取 消</el-button>
        </div>
      </template>
    </el-dialog>
    <!-- 移库 -->
    <el-dialog title="移库" v-model="openMove" append-to-body width="60%">
      <el-form :model="checkStockList" :rules="rules">
        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="物料号">
              <el-input v-model="checkStockList[0].wlNo" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="项目号">
              <el-input v-model="checkStockList[0].xmNo" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="订单号">
              <el-input v-model="checkStockList[0].sapNo" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="项目描述">
              <el-input v-model="checkStockList[0].xmMs" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="移库原因">
              <el-input v-model="moveReason" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-table :data="checkStockList" height="400" style="width: 100%">
          <el-table-column label="数量" align="center">
            <template #default="scope">
              <el-input v-model="scope.row.realQty" placeholder="数量">
              </el-input>
            </template>
          </el-table-column>
          <el-table-column label="存放位置" align="center">
            <template #default="scope">
              <el-select v-model="scope.row.toPcode" clearable filterable placeholder="请选择库位">
                <el-option v-for="item in kwOptions" :key="item.id" :label="item.pcode" :value="item.pcode" />
              </el-select>
            </template>
          </el-table-column>
          <el-table-column label="容器码" align="center">
            <template #default="scope">
              <el-input v-model="scope.row.toTrayCode" placeholder="请输入容器码"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="仓库" align="center">
            <template #default="scope">
              <el-cascader :options="warehouseList" v-model="scope.row.toCangku" @change="pcodeList" :props="{
                children: 'children',
                label: 'warehouseName',
                value: 'warehouseCode',
              }" />
            </template>
          </el-table-column>
        </el-table>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitMoveForm">确 定</el-button>
          <el-button @click="cancelMove">取 消</el-button>
        </div>
      </template>
    </el-dialog>
    <!-- 图片预览 -->
    <el-dialog v-model="dialogVisible">
      <img w-full :src="dialogImageUrl" alt="Preview Image" />
    </el-dialog>
    <!-- 上传图片 -->
    <el-dialog title="图片上传" v-model="dialogPicVisible">
      <el-upload v-model:file-list="fileList" :multiple="true" list-type="picture-card" :on-change="handleChange"
        :auto-upload="false" :on-preview="handlePictureCardPreview" :on-remove="handleScRemove">
        <el-icon>
          <Plus />
        </el-icon>
      </el-upload>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitUpload">上 传</el-button>
          <el-button @click="dialogPicVisible = false">取 消</el-button>
        </div>
      </template>
    </el-dialog>
    <el-dialog title="图片详情" v-model="dialogPicDetailVisible">
      <!-- <div v-for="url in picList" :key="url" > -->
      <!-- <span class="demonstration">{{ fit }}</span> -->
      <div class="picBox">
        <div v-for="obj in picList" :key="obj.id" class="everyPicBox">
          <el-icon class="closeBox" :size="23" @click="delPic(obj.id)">
            <CircleCloseFilled />
          </el-icon>
          <el-image style="width: 100px; height: 100px; margin-right: 20px" :src="obj.url"
            :preview-src-list="urlList" />
        </div>
      </div>

      <!-- </div> -->
    </el-dialog>

    <el-dialog title="入库单" v-model="dialogBill" append-to-body width="80%" :close-on-click-modal="false">
      <bill :billAllObj="billAllObj" billStatus="rk" />
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="dialogBill = false">关 闭</el-button>
        </div>
      </template>
    </el-dialog>
    <el-dialog title="调度任务" v-model="dispatchOpen" width="30%" :close-on-click-modal="false">
      <el-form>
        <el-row>
          <el-col>
            <el-form-item label="调度模式">
              <el-radio-group v-model="resource">
                <el-radio value="1">仅立库</el-radio>
                <el-radio value="2">立库+AGV</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitDispatch">确 定</el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>

<script setup name="Bill">
// wisdomDelStock
import {
  listBill,
  addBill,
  updateBill,
  delBill,
  listStock,
  appendBill,
  moveRecord,
  updateRecord,
  backoutRecord,
  recordFinish,
  recordRemove
} from "@/api/wisdom/bill";
import {
  uploadContract,
  getStock,
  delStock,
  addStock,
  updateStock,
  getPlan,
  moveHouse,
  getAudit,
  wisdomDelStock,
  ckDelStock,
  wlSearch,
  picDetail,
  printTag,
  delPicF,
  editBill,
  addOneStock,
  getEditInfo,
} from "@/api/wisdom/stock";
import { generateDispatch } from "@/api/wisdom/outbound";
import { getToken } from "@/utils/auth";
import { warehousingDict } from "@/api/information/warehousingtype"; //入库类型
import { materialtypeDict } from "@/api/information/materialtype"; //物资类型
import { warehouseAll } from "@/api/information/warehouseinfo"; //所属仓库
import { personListDict } from "@/api/system/user"; //理货员
import { getKwAllList } from "@/api/information/pcdedetail"; //库位下拉数据
import { Plus } from "@element-plus/icons-vue";
import bill from "@/components/storageBill/bill.vue";
import printBill from "@/components/printBill/bill.vue";
import { ref } from "vue";

const headers = ref({
  Authorization: "Bearer " + getToken(),
});
const { proxy } = getCurrentInstance();

const open = ref(false);

const showSearch = ref(true);
const idEdit = ref(0);
const title = ref("");
const planLoading = ref(true);
const planList = ref([]); //从供应计划中添加列表

const orderNum = ref(""); //搜索条件：订单号
const kwOptions = ref([]); //库位下拉
const showContent = ref(false); // 控制打印内容是否显示
const dateStr = ref(""); //打印单据生成的日期
const storeStatusList = ref([
  { id: 0, statusName: "已入库" },
  { id: 1, statusName: "已出库" },
]);
const printNumList = ref([
  { id: 1, statusName: "1" },
  { id: 2, statusName: "2" },
  { id: 3, statusName: "3" },
  { id: 4, statusName: "4" },
]);
const printNum = ref(0); //打印机编号
const moveReason = ref(""); //移库原因
const operationTime = ref([]);
const actionUrl =
  import.meta.env.VITE_APP_BASE_API + "/wisdom/signature/upload";
// const actionUrla = import.meta.env.VITE_APP_BASE_API+"/photo/upload/batch"
const dialogImageUrl = ref("");
const dialogVisible = ref(false);
const srcList = ref([]);
const autoFill = ref(false); //是否自动填充备注
const kzms = ref("");

const billObj = ref({
  billNo: "",
  type: null,
});
const uploadParams = ref({
  photoType: null,
  billNo: "",
  typeName: "",
  gysMc: "",
  xmMs: "",
});
const picList = ref([]);
const urlList = ref([]);
// const fileList = ref([])
const dialogPicVisible = ref(false);
const dialogPicDetailVisible = ref(false);
const isSingle = ref(false);
const resource = ref(""); //调度模式 1仅立库；2立库+AGV
const dispatchOpen = ref(false); //调度任务弹窗

const data = reactive({
  fileList: [],
  form: {},
  storeData: {
    operationTime: "",
  }, //入库数据

  queryParams: {
    keyword: "",
    pageNum: 1,
    pageSize: 10,
    startDate: null,
    endDate: null,
    operationType: "",
    wlType: "", //物资类型
  },
  detailQueryParams: {
    pageNum: 1,
    pageSize: 1000,
    billNo: null,
    billNoCk: null,
  },
  rules: {
    operationType: [
      { required: true, message: "入库类型不能为空", trigger: "change" },
    ],
    wlType: [
      { required: true, message: "物资类型不能为空", trigger: "change" },
    ],
    warehouseCode: [
      {
        required: true,
        type: "array",
        message: "所属仓库不能为空",
        trigger: "change",
      },
    ],
    operator: [
      { required: true, message: "理货员不能为空", trigger: "change" },
    ],
    execStatus: [
      { required: true, message: "是否预入库不能为空", trigger: "change" },
    ],
    operationTime: [
      { required: true, message: "入库时间不能为空", trigger: "change" },
    ],
  },
  switchRules: {
    toCangku: [
      { required: true, message: "目标仓库不能为空", trigger: "change" },
    ],
    toPcode: [
      { required: true, message: "目标存放位置不能为空", trigger: "change" },
    ],
  },
  printViewInfo: {
    id: "printMe", //打印区域的唯一的id属性
    popTitle: "入库信息打印", // 页眉文字 （不设置时显示undifined）（页眉页脚可以在打印页面的更多设置的选项中取消勾选）
    beforeOpenCallback() {
      showContent.value = false;
    }, // 开始打印之前的callback
    openCallback() { }, // 调用打印时的callback
    closeCallback() { }, // 关闭打印的callback(无法区分确认or取消)
    clickMounted() { },

    standard: "",
    extarCss: "",
  },
});

const {
  fileList,
  queryParams,
  detailQueryParams,
  storeData,
  rules,
  form,
  printViewInfo,
  switchRules,
} = toRefs(data);

const warehouseList = ref([]); //所属仓库下拉数据

// 新增库存状态
const execStatusMenu = ref([
  { value: "0", label: "预入库" },
  { value: "1", label: "已入库" },
]);

const getExecStatusName = (value) => {
  return execStatusMenu.value.find((item) => item.value === value)?.label;
};

//所属仓库
function warehouseFun() {
  //所属仓库下拉数据
  warehouseAll().then((response) => {
    warehouseList.value = response.data;
  });
}
//所属仓库
warehouseFun();

//库位字典
function pcodeList(value) {
  getKwAllList(value[1]).then((response) => {
    kwOptions.value = response.data;
  });
}

const wzTypeList = ref([]); //物资类型下拉数据
//物资类型
function materialFun() {
  //获取物资类型下拉数据
  materialtypeDict().then((response) => {
    wzTypeList.value = response.data;
  });
}
//物资类型
materialFun();

const storeTypeList = ref([]); //入库类型下拉数据
function rklxList() {
  //获取入库类型下拉数据
  warehousingDict().then((response) => {
    storeTypeList.value = response.data;
  });
}
//入库类型下拉数据
rklxList();

const personList = ref([]); //理货员下拉数据
function lhyList() {
  //理货员下拉数据
  personListDict().then((response) => {
    personList.value = response.data;
  });
}
//理货员下拉数据
lhyList();

const loading = ref(true);
const billList = ref([{ execStatus: 0 }]); //单据列表
const total = ref(0); //单据
/** 查询库存单据主列表 */
function getList() {
  loading.value = true;
  queryParams.value.bizTypeList = [0, 3];
  listBill(queryParams.value).then((response) => {
    billList.value = response.rows;
    total.value = response.total;
    loading.value = false;
  });
}
//数据列表
getList();

/** 新增按钮操作 */
function handleAdd(single) {
  isSingle.value = single;
  reset();
  open.value = true;
  title.value = "添加库存单据";
}

// 新增入库弹窗--删除某一条数据
function delLineFun(index) {
  proxy.$modal
    .confirm("确定删除吗？")
    .then(function () {
      return planList.value.splice(index, 1);
    })
    .then(() => { })
    .catch(() => { });
}
// 新增入库的列表状态
const statusList = ref([
  { value: 0, label: "未到货" },
  { value: 1, label: "已入库" },
  { value: 2, label: "部分入库" },
]);
const checkPlanList = ref([]); //已选中的要入库的数据
//新增入库 多选框选中数据
function handleSelectionChange(selection) {
  checkPlanList.value = selection;
}

//从供应计划中添加 搜索
function searchPlan() {
  if (!orderNum.value) {
    proxy.$modal.msgWarning("采购订单号不能为空");
    return;
  }
  //查供应计划
  getPlan(orderNum.value).then((response) => {
    let planData = response.data;
    if (planData.length > 0) {
      for (let i = 0; i < planData.length; i++) {
        planData[i].realQty = planData[i].waitQty;
        planData[i].gysJhId = planData[i].id;
        if (autoFill.value && kzms.value != "") {
          planData[i].remark = kzms.value;
        }
        planData[i].isnew = false;
      }
      if (planData.some((item) => item.status == "1")) {
        proxy.$modal.msgWarning(response.msg);
      }
    } else {
      proxy.$modal.msgWarning("暂无数据");
      return;
    }
    planList.value = planData;
  });
}

//供应计划中没有，手动添加的数据
function addLineFun() {
  let remarkFill = "";
  if (autoFill.value && kzms.value) {
    remarkFill = kzms.value;
  }
  const info = {
    dw: "",
    entityId: "", //身份码
    gysMc: "",
    gysNo: "",
    wlNo: "",
    wlMs: "",
    htDj: "", //单价
    pcode: "",
    trayCode: "",
    realQty: "",
    sapNo: "",
    xmNo: "",
    xmMs: "",
    gysMc: "",
    remark: remarkFill,
    status: 0,
    fycde1: "",
    fycde2: "",
    gysJhId: null,
    isnew: true,
  };
  planList.value.push(info);
}

//添加数量
function addNum(row) {
  let addRow = {};
  Object.assign(addRow, row);
  addRow.pcode = "";
  addRow.realQty = "";
  addRow.entityId = "";
  addRow.trayCode = "";
  addRow.remark = autoFill.value && kzms.value != "" ? kzms.value : "";
  addRow.photoUrl = "";
  addRow.fycde1 = "";
  addRow.fycde2 = "";
  addRow.isAdd = true;
  planList.value.push(addRow);
}

/** 确定入库按钮 */
function submitForm() {
  proxy.$refs["stockRef"].validate((valid) => {
    if (valid) {
      if (checkPlanList.value.length == 0) {
        proxy.$modal.msgError("请勾选数据");
        return;
      }
      if (checkPlanList.value.filter((x) => !x.realQty).length > 0) {
        proxy.$modal.msgError("入库数量不能为空");
        return;
      }
      if (
        isExamine.value == 1 &&
        checkPlanList.value.filter((x) => !x.photoUrl).length > 0
      ) {
        proxy.$modal.msgError("现场图片不能为空");
        return;
      }
      let iscfwz = false; //库位是否为空
      let bigData = checkPlanList.value;
      for (let i = 0; i < bigData.length; i++) {
        //库位
        if (!bigData[i].pcode) {
          iscfwz = true;
        }
      }
      //发现场入库类型可以不用选库位
      if (storeData.value.operationType != "RK025" && iscfwz) {
        proxy.$modal.msgError("请选择库位");
        return;
      }
      // if(isExamine.value==1 && !storeData.value.approverId){
      //   proxy.$modal.msgError("审批人不能为空");
      //   return
      // }
      checkPlanList.value.forEach((item) => {
        item.bizType = 0;
      });
      if (idEdit.value != 0) {
        //修改
        let arr = JSON.parse(JSON.stringify(checkPlanList.value[0]));
        updateRecord(arr).then((response) => {
          proxy.$modal.msgSuccess("修改成功");
          open.value = false;
          detailList();
        });
      } else {
        //新增
        console.log(storeData.value);
        let submitData = {
          rkBill: {
            cangku:
              storeData.value.warehouseCode[
              storeData.value.warehouseCode.length - 1
              ], //所属仓库
            operator: storeData.value.operator, //理货员
            operationType: storeData.value.operationType, //入库类型
            wlType: storeData.value.wlType, //物资类型
            approverId: storeData.value.approverId, //审批人
            operationTime: storeData.value.operationTime, //入库时间
            execStatus: storeData.value.execStatus, //是否预入库
            id: idEdit.value,
            bizType: 0,
            billNo:
              storeData.value.billNo && isSingle.value
                ? storeData.value.billNo
                : null,
          },
          rkInfoList: checkPlanList.value,
        };
        console.log(submitData);
        if (isSingle.value) {
          //单条添加
          appendBill(submitData).then((response) => {
            proxy.$modal.msgSuccess("新增成功");
            open.value = false;
            detailList();
          });
        } else {
          //多条添加
          addBill(submitData).then((response) => {
            proxy.$modal.msgSuccess("新增成功");
            open.value = false;
            getList();
          });
        }
      }
    }
  });
}

/** 搜索按钮操作 */
function handleQuery() {
  if (operationTime.value && operationTime.value.length > 0) {
    queryParams.value.startDate = operationTime.value[0];
    queryParams.value.endDate = operationTime.value[1];
  } else {
    queryParams.value.startDate = "";
    queryParams.value.endDate = "";
  }
  queryParams.value.pageNum = 1;
  stockList.value = [];
  getList();
}

/** 重置按钮操作 */
function resetQuery() {
  proxy.resetForm("queryRef");
  operationTime.value = [];
  handleQuery();
}

// 显示预出库的状态
const tableBillRowClassName = ({ row, rowIndex }) => {
  if (row.execStatus == 0) {
    return "success-row";
  }
  return "";
};

// 左侧显示库存状态
const bizTypeList = ref([
  { value: 0, label: "已入库", elTagType: "success", elTagClass: null },
  { value: 1, label: "已出库", elTagType: "warning", elTagClass: null },
  { value: 2, label: "借料出库", elTagType: "danger", elTagClass: null },
  { value: 3, label: "还料入库", elTagType: "primary", elTagClass: null },
]);
const dictTagData = () => {
  return bizTypeList.value.map((item) => ({
    ...item,
    value: String(item.value),
  }));
};

//修改主单据
const openBill = ref(false);
const billData = ref({});
function editData(row) {
  let obj = JSON.parse(JSON.stringify(row));
  billData.value.wlType = obj.wlType;
  billData.value.operationType = obj.operationType;
  billData.value.operator = obj.operator;
  billData.value.operationTime = obj.operationTime;
  billData.value.id = obj.id;
  billData.value.billNo = obj.billNo;
  billData.value.execStatus = obj.execStatus;
  openBill.value = true;
}
//修改主单据、保存
function editForm() {
  updateBill(billData.value).then((response) => {
    proxy.$modal.msgSuccess(response.msg);
    openBill.value = false;
    getList();
  });
}

// 删除单据
const delData = (row) => {
  delBill([row.id]).then((response) => {
    proxy.$modal.msgSuccess("删除成功");
    getList();
  });
}

// 单击单据
const billTableRef = ref(null);
// 单击列表的颜色
const infoTableRef = ref(null);
// const tableInfoRowClick = (row, ref) => {
//   ref.setCurrentRow(row)
// }

//双击单据，查询明细
const billDoubleClickObj = ref({});
const detailLoading = ref(false); //加载列表详情
function billClick(row, type, status) {
  if (type != "bill") {
    detailLoading.value = true;
  }
  billDoubleClickObj.value = row;
  detailList(type);
}

const checkStockList = ref([]); //移库、调度 多选框选中数据
//移库  多选框选中数据  生成调度任务多选
function printSelectionChange(selection) {
  checkStockList.value = JSON.parse(JSON.stringify(selection));
}

// 移库弹框
const openMove = ref(false); //移库
//移库弹框
function handleMove() {
  moveReason.value = "";
  if (checkStockList.value.length != 1) {
    proxy.$modal.msgError("请勾选一条数据");
    return;
  }
  checkStockList.value[0].toCangku = [
    checkStockList.value[0].parentWarehouseCode,
    checkStockList.value[0].cangku,
  ];
  checkStockList.value[0].toPcode = checkStockList.value[0].pcode;
  checkStockList.value[0].toTrayCode = checkStockList.value[0].trayCode;
  checkStockList.value[0].num = checkStockList.value[0].realQty;
  openMove.value = true;
  pcodeList([
    checkStockList.value[0].parentWarehouseCode,
    checkStockList.value[0].cangku,
  ]);
}
//移库提交
function submitMoveForm() {
  if (checkStockList.value.filter((item) => item.realQty == 0).length > 0) {
    proxy.$modal.msgError("数量不能为空");
    return;
  }
  if (checkStockList.value.filter((item) => !item.toPcode).length > 0) {
    proxy.$modal.msgError("存放位置不能为空");
    return;
  }
  if (checkStockList.value.filter((item) => !item.toCangku).length > 0) {
    proxy.$modal.msgError("仓库不能为空");
    return;
  }
  if (checkStockList.value[0].pcode == checkStockList.value[0].toPcode) {
    proxy.$modal.msgError(
      "不允许选择原来的库位【" + checkStockList.value[0].pcode + "】"
    );
    return;
  }
  if (checkStockList.value[0].realQty < checkStockList.value[0].num) {
    proxy.$modal.msgError("移库数量不正确");
    return;
  }
  let arr = JSON.parse(JSON.stringify(checkStockList.value));
  arr[0].toCangku = arr[0].toCangku[1];
  let submitData = {
    fromRkId: checkStockList.value[0].id,
    moveReason: moveReason.value,
    targets: arr,
  };
  moveRecord(submitData).then((response) => {
    if (response.code == 200) {
      proxy.$modal.msgSuccess("操作成功");
      //数据列表
      detailList();
      openMove.value = false;
    } else {
      proxy.$modal.msgError("操作失败");
    }
  });
}
function cancelMove() {
  openMove.value = false;
}

function isMoveFun(isMove) {
  if (isMove == 0) {
    return "否";
  } else if (isMove == 1) {
    return "是";
  }
}

// 查看入库单
const dialogBill = ref(false);
const billAllObj = ref([]);
const stockList = ref([]); //明细列表
//查询明细列表数据方法
function detailList(type) {
  listStock(billDoubleClickObj.value.billNo).then((response) => {
    if (response.data.length == 0) {
      proxy.$modal.msgError("该条入库单暂无明细");
      return;
    }
    if (type == "bill") {
      billAllObj.value = response.data;
      dialogBill.value = true;
      return;
    }
    stockList.value = response.data;
    detailLoading.value = false;
  });
}

// 单条添加物料
function addOne() {
  handleAdd(true);
  if (stockList.value.length > 0) {
    storeData.value.operationType = stockList.value[0].operationType;
    storeData.value.wlType = billDoubleClickObj.value.wlType;
    storeData.value.operator = stockList.value[0].operator;
    storeData.value.warehouseCode = [
      stockList.value[0].parentWarehouseCode,
      stockList.value[0].cangku,
    ];
    pcodeList(storeData.value.warehouseCode);
    storeData.value.operationTime = stockList.value[0].operationTime;
    storeData.value.billNo = stockList.value[0].billNo;
  }
}

//根据物料号查询物料信息
function searchInfo(wlNo, index) {
  wlSearch(wlNo).then((res) => {
    if (res.rows.length > 0) {
      let info = res.rows[0];
      planList.value[index].wlMs = info.desMat;
      planList.value[index].dw = info.unt;
      planList.value[index].htDj = info.uprc;
    } else {
      proxy.$modal.msgWarning("暂无物料信息");
      return;
    }
  });
}

/** 修改按钮操作 */
function handleUpdate(row) {
  reset();
  idEdit.value = row.id;
  row.isnew = true;
  planList.value = [JSON.parse(JSON.stringify(row))];
  storeData.value.warehouseCode = [
    row.parentWarehouseCode,
    row.cangku,
  ];
  pcodeList(storeData.value.warehouseCode);
  open.value = true;
  title.value = "修改库存单据";
}
// 取消按钮
function cancel() {
  open.value = false;
  reset();
}
// 右侧修改的表单重置
function reset() {
  planList.value = [];
  storeData.value = {};
  proxy.resetForm("stockRef");
}
function closeDialog() {
  idEdit.value = 0;
}

// 撤销入库
const handleStockDelete = (row) => {
  proxy.$modal
    .confirm("确定撤销吗？")
    .then(function () {
      return backoutRecord({ ids: [row.id] });
    })
    .then(() => {
      detailList();
      proxy.$modal.msgSuccess("操作成功");
    })
    .catch(() => { });
};

// 一键撤销
const handleOneClickStockDelete = (row) => {
  if (checkStockList.value.length == 0) {
    proxy.$modal.msgError("请勾选数据");
    return;
  }
  const ids = []
  for (let i = 0; i < checkStockList.value.length; i++) {
    if (checkStockList.value[i].execStatus == 1) {
      ids.push(checkStockList.value[i].id)
    }
  }
  if (ids.length == 0) {
    proxy.$modal.msgSuccess("勾选数据撤销完成");
    return;
  }
  backoutRecord({ ids: ids }).then((response) => {
    if (response.code == 200) {
      proxy.$modal.msgSuccess("操作成功");
      detailList();
    } else {
      proxy.$modal.msgError("操作失败");
    }
  });
};

// 一键删除
const handleOneClickStockDel = () => {
  if (checkStockList.value.length == 0) {
    proxy.$modal.msgError("请勾选数据");
    return;
  }
  if (checkStockList.value.some(item => item.execStatus == 1)) {
    proxy.$modal.msgError("已入库数据不能删除");
    return;
  }
  const ids = checkStockList.value.map(item => item.id)
  recordRemove(ids).then((response) => {
    if (response.code == 200) {
      proxy.$modal.msgSuccess("操作成功");
      detailList();
    } else {
      proxy.$modal.msgError("操作失败");
    }
  });
};



//  一键入库
function handleOneClickWarehousing() {
  if (checkStockList.value.length == 0) {
    proxy.$modal.msgError("请勾选数据");
    return;
  }
  const ids = []
  for (let i = 0; i < checkStockList.value.length; i++) {
    if (checkStockList.value[i].execStatus == 0) {
      ids.push(checkStockList.value[i].id)
    }
  }
  if (ids.length == 0) {
    proxy.$modal.msgSuccess("勾选数据入库完成");
    return;
  }
  recordFinish({ ids: ids }).then((response) => {
    if (response.code == 200) {
      proxy.$modal.msgSuccess("操作成功");
      detailList();
    } else {
      proxy.$modal.msgError("操作失败");
    }
  });
}

// **************************************************************************



































function handleDispatch() {
  if (checkStockList.value.length == 0) {
    proxy.$modal.msgError("请勾选数据");
    return;
  }
  dispatchOpen.value = true;
}
// 提交调度任务
function submitDispatch() {
  // console.log(resource.value)
  if (!resource.value) {
    proxy.$modal.msgWarning("请选择调度模式");
    return;
  }
  let data;
  if (billStatus.value == "rk") {
    data = checkStockList.value.map((item) => ({
      sourceName: "V01-010101",
      targetName: item.pcode,
      taskTypeName: "上架",
      taskType: 0,
      mid: item.wlNo,
      num: 1,
      dispatchMode: resource.value,
    }));
  } else if (billStatus.value == "ck") {
    data = checkStockList.value.map((item) => ({
      sourceName: item.pcode,
      targetName: "V01-010101",
      taskTypeName: "下架",
      taskType: 1,
      mid: item.wlNo,
      num: 1,
      dispatchMode: resource.value,
    }));
  }
  //调用生成调度任务接口
  generateDispatch(data).then((response) => {
    // console.log(11111)
    // console.log(response)
    if (response.code == 200) {
      proxy.$modal.msgSuccess("生成调度任务成功");
      dispatchOpen.value = false;
    } else {
      proxy.$modal.msgError(response.msg);
    }
  });
}
const handleChange = (file, fileLists) => {
  fileList.value = fileLists.map((f) => f.raw); // 提取原始文件对象
};
function submitUpload() {
  const formData = new FormData();
  fileList.value.forEach((file) => {
    formData.append("files", file.raw); // 后端需支持多文件字段
  });

  formData.append("photoType", uploadParams.value.photoType);
  formData.append("billNo", uploadParams.value.billNo);
  formData.append("documentType", uploadParams.value.typeName);
  if (uploadParams.value.photoType == 1) {
    formData.append("xmMs", uploadParams.value.xmMs);
  } else {
    formData.append("gysMc", uploadParams.value.gysMc);
  }
  uploadContract(formData).then((response) => {
    if (response.code == 200) {
      uploadParams.value = {};
      fileList.value = [];
      dialogPicVisible.value = false;
    }
  });
}
//查看图片详情
function picDetailFun(billId, type, isOpen) {
  if (isOpen == 1) {
    billObj.value.billNo = billId;
    billObj.value.type = type;
  }
  picDetail({ billNo: billId, photoType: type }).then((response) => {
    if (response.data.length > 0) {
      if (isOpen == 1) {
        dialogPicDetailVisible.value = true;
      }
      picList.value = response.data;
      urlList.value = response.data.map((item) => {
        return item.url;
      });
    } else {
      picList.value = [];
      urlList.value = [];
      proxy.$modal.msgWarning("暂无图片");
    }
    this.$forceUpdate();
  });
}

function preview(url) {
  srcList.value = [url];
}
//勾选自动填充备注
function autoFillFun() {
  if (autoFill.value && !kzms.value) {
    autoFill.value = false;
    proxy.$modal.msgWarning("扩展描述不能为空");
    return;
  }
  if (autoFill.value && kzms.value && planList.value.length > 0) {
    for (let i = 0; i < planList.value.length; i++) {
      planList.value[i].remark = kzms.value;
    }
  } else if (!autoFill.value) {
    for (let i = 0; i < planList.value.length; i++) {
      planList.value[i].remark = "";
    }
  }
  // console.log(autoFill.value)
}
// 上传成功回调
function handleAvatarSuccess(res, id, pcode) {
  for (let i = 0; i < planList.value.length; i++) {
    if (planList.value[i].id == id && planList.value[i].pcode == pcode) {
      planList.value[i].photoUrl = res.url;
    }
  }

}
//删除图片
function handleRemove(res, id, pcode) {
  for (let i = 0; i < planList.value.length; i++) {
    if (planList.value[i].id == id && planList.value[i].pcode == pcode) {
      planList.value[i].photoUrl = "";
    }
  }
}
function delPic(picId) {
  proxy.$modal
    .confirm("确定删除吗？")
    .then(function () {
      return delPicF(picId);
    })
    .then(() => {
      picDetailFun(billObj.value.billNo, billObj.value.type, 2);
      // getList();
      proxy.$modal.msgSuccess("操作成功");
    })
    .catch(() => { });
}
//预览图片
function handlePreview(uploadFile) {
  // console.log(222222)
  // console.log(res)
  dialogImageUrl.value = uploadFile.response.url;
  dialogVisible.value = true;
}
function tableRowClassName({ row, rowIndex }) {
  // console.log(row)
  // 根据每行的数据，判断isError来增加class属性
  if (row.isAdd) {
    return "warning-row";
  }
  // else {
  //   return 'success-row'
  // }
  return "";
}

//上传、修改 单选 选中数据
function uploadSelectionChange(selection) {
  if (selection) {
    uploadParams.value.photoType = selection.isChuku;
    uploadParams.value.billNo = selection.billNo;
    uploadParams.value.typeName = selection.rkTypeName;

    if (selection.isChuku == "3" || selection.isChuku == "1") {
      uploadParams.value.photoType = 1;
      uploadParams.value.billNo = selection.billNoCk;
      uploadParams.value.typeName = selection.ckTypeName;
    }

    uploadParams.value.gysMc = selection.gysMc;
    uploadParams.value.xmMs = selection.xmMs;
  }
}

//入库上传图片按钮
function rkUpload() {
  if (!uploadParams.value.billNo) {
    proxy.$modal.msgWarning("请选择单据");
    return;
  }
  dialogPicVisible.value = true;
}
function handlePictureCardPreview(info) {
  dialogVisible.value = true;
  dialogImageUrl.value = info.url;
  // console.log(info)
}

const dialogDelStock = ref(false);
const delStockFormRef = ref(null);
const delStockForm = ref({
  billNo: "",
});
const delStockRules = ref({
  billNo: [{ required: true, message: "请输入单据号", trigger: ["blur"] }],
});
const submitDelStock = () => {
  proxy.$refs["delStockFormRef"].validate((valid) => {
    if (valid) {
      wisdomDelStock(delStockForm.value.billNo).then((response) => {
        if (response.code == 200) {
          proxy.$modal.msgSuccess("操作成功");
          //数据列表
          getList();
          dialogDelStock.value = false;
        } else {
          proxy.$modal.msgError("操作失败");
        }
      });
    }
  });
};
/** 导出按钮操作 */
function handleExport() {
  proxy.download(
    "wisdom/stock/export",
    {
      ...queryParams.value,
    },
    `stock_${new Date().getTime()}.xlsx`
  );
}
//打印单据
function handlePrint() {
  const date = new Date();
  const year = date.getFullYear();
  const month = date.getMonth() + 1; // 月份从0开始，需要加1
  const day = date.getDate();
  const hour = date.getHours();
  const minute = date.getMinutes();
  const second = date.getSeconds();
  dateStr.value =
    year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
  showContent.value = true;
}
//打印标签
function handlePrintTag() {
  if (checkStockList.value.length == 0) {
    proxy.$modal.msgError("请勾选数据");
    return;
  }
  if (!printNum.value) {
    proxy.$modal.msgError("请选择打印机编号");
    return;
  }
  // let newArr = new Array();
  for (let i = 0; i < checkStockList.value.length; i++) {
    checkStockList.value[i].printer = printNum.value;
  }

  printTag(checkStockList.value).then((response) => {
    if (response.code == 200) {
      proxy.$modal.msgSuccess("打印指令已发送");
    } else {
      proxy.$modal.msgError("操作失败");
    }
  });
}

const isExamine = ref(0); //是否需要开启审核 1开启；0不开启
//判断是否需要开启审核功能
function isAudit() {
  // {configKey:"stock.audit.enabled"}
  getAudit().then((response) => {
    // console.log(2222222)
    // console.log(response.msg)
    isExamine.value = response.msg;
  });
}
//是否开启审核
isAudit();
</script>
<style scoped lang="scss">

.printMeBox {
  div {
    line-height: 30px;
  }
}

.topBox {
  /* margin-bottom: 10px; */
  display: flex;
  flex-wrap: wrap;
}

.bottomBox {
  margin-top: 20px;
}

.oneLineBox {
  display: flex;
}

.everyBox {
  /* width: 30%; */
  width: 50%;
}

.examine {
  margin-top: 20px;
  height: 100px;
  background-color: #ededed;
  padding: 20px 0 0 20px;
  border-radius: 10px;
}

/* .dialog_class{
  pointer-events: none;
}
.el-dialog{
  pointer-events: auto;
} */
/* /deep/  .el-overlay .el-modal-dialog {
    z-index: 4;
	} */
::v-deep .el-modal-dialog {
  z-index: 1;
}

.picBox {
  display: flex;
}

.everyPicBox {
  position: relative;
}

.closeBox {
  position: absolute;
  right: 5px;
  z-index: 1;
  top: -15px;
}

.searchBtn {
  display: flex;
  justify-content: flex-end;
}
</style>
