From 3dff11627b6f7fad39960be47e2b76fcf89e5a22 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 10 Mar 2025 17:34:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E5=BA=93=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../picking/apply/component/AddPicking1.vue   |    1 +
 .../claimAndreturn/picking/outbound/index.vue | 1578 +++++++++--------
 2 files changed, 797 insertions(+), 782 deletions(-)

diff --git a/src/views/claimAndreturn/picking/apply/component/AddPicking1.vue b/src/views/claimAndreturn/picking/apply/component/AddPicking1.vue
index c488560..a8bde99 100644
--- a/src/views/claimAndreturn/picking/apply/component/AddPicking1.vue
+++ b/src/views/claimAndreturn/picking/apply/component/AddPicking1.vue
@@ -705,6 +705,7 @@ export default {
       this.queryParams.agreementCode = data.agreementCode
       this.queryParams.agreementId = data.agreementId
       this.queryParams.estimateLeaseTime = data.estimateLeaseTime
+      this.queryParams.wholeTypeName = data.wholeTypeName
 
       // this.queryParams.leaseType = data.leaseType
       this.$set(this.queryParams, 'leaseType', data.leaseType)
diff --git a/src/views/claimAndreturn/picking/outbound/index.vue b/src/views/claimAndreturn/picking/outbound/index.vue
index 3ecaffd..4a2d2ca 100644
--- a/src/views/claimAndreturn/picking/outbound/index.vue
+++ b/src/views/claimAndreturn/picking/outbound/index.vue
@@ -1,302 +1,298 @@
 <template>
-    <!-- 领料出库 -->
-    <div class="app-container">
-        <el-form
-            :model="queryParams"
-            ref="queryForm"
-            size="small"
-            :inline="true"
-            v-show="showSearch"
-            label-width="80px"
-        >
-            <el-form-item label="领料单号" prop="code">
-                <el-input
-                    v-model="queryParams.code"
-                    placeholder="请输入领料单号"
-                    clearable
-                    style="width: 240px"
-                    @keyup.enter.native="handleQuery"
-                />
-            </el-form-item>
-            <el-form-item label="单位名称" prop="unitId">
-                <el-select v-model="queryParams.unitId" placeholder="请选择单位名称" clearable>
-                    <el-option
-                        v-for="item in unitList"
-                        filterable
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id"
-                    ></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="工程名称" prop="proId">
-                <el-select v-model="queryParams.proId" filterable clearable placeholder="请选择工程名称">
-                    <el-option v-for="item in proList" :key="item.id" :label="item.name" :value="item.id"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="出库状态" prop="taskStatus">
-                <el-select v-model="queryParams.taskStatus" placeholder="请选择出库状态" clearable>
-                    <el-option
-                        v-for="item in statusList"
-                        filterable
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id"
-                    ></el-option>
-                </el-select>
-            </el-form-item>
+  <!-- 领料出库 -->
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="领料单号" prop="code">
+        <el-input
+          v-model="queryParams.code"
+          placeholder="请输入领料单号"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="单位名称" prop="unitId">
+        <el-select v-model="queryParams.unitId" placeholder="请选择单位名称" clearable>
+          <el-option v-for="item in unitList" filterable :key="item.id" :label="item.name" :value="item.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="工程名称" prop="proId">
+        <el-select v-model="queryParams.proId" filterable clearable placeholder="请选择工程名称">
+          <el-option v-for="item in proList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="出库状态" prop="taskStatus">
+        <el-select v-model="queryParams.taskStatus" placeholder="请选择出库状态" clearable>
+          <el-option
+            v-for="item in statusList"
+            filterable
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          ></el-option>
+        </el-select>
+      </el-form-item>
 
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-            </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['picking:outbound:export']"
+          >导出</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="leaseList" border>
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
+      <el-table-column
+        align="center"
+        label="序号"
+        type="index"
+        :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
+      />
+      <el-table-column label="领料单号" align="center" prop="code" :show-overflow-tooltip="true" />
+      <el-table-column label="领料申请单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
+      <el-table-column label="领料申请工程" align="center" prop="proName" :show-overflow-tooltip="true" />
+      <el-table-column
+        label="申请数量"
+        align="center"
+        prop="preCountNum"
+        :show-overflow-tooltip="true"
+      ></el-table-column>
+      <el-table-column
+        label="申请时间"
+        align="center"
+        prop="createTimes"
+        :show-overflow-tooltip="true"
+      ></el-table-column>
+      <el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true"></el-table-column>
+      <el-table-column label="出库状态" align="center" prop="taskName" :show-overflow-tooltip="true"></el-table-column>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" @click="handleView(scope.row)" v-hasPermi="['picking:outbound:view']">查看</el-button>
+          <el-button
+            size="mini"
+            type="primary"
+            v-if="scope.row.taskStatus != 35"
+            @click="handleOut(scope.row)"
+            v-hasPermi="['picking:outbound:out']"
+          >
+            出库
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 出库弹窗 -->
+    <el-dialog :title="title" :visible.sync="openLeaseDevices" width="80%" append-to-body>
+      <el-form :model="dialogQuery" ref="dialogQuery" size="small" :inline="true" label-width="100px">
+        <el-form-item label="设备负责人" prop="userName">
+          <el-input v-model="dialogQuery.userName" maxlength="20" />
+        </el-form-item>
+        <el-form-item label="机具类型" prop="typeId">
+          <treeselect
+            v-model="dialogQuery.typeId"
+            default-expand-all
+            :options="equipmentTypeList"
+            placeholder="请选择规格型号"
+            :disable-branch-nodes="true"
+            style="width: 240px"
+            noChildrenText="没有数据了"
+            noOptionsText="没有数据"
+            noResultsText="没有搜索结果"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDialogQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetDialogQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table v-loading="loading" :data="dialogList">
+        <el-table-column
+          align="center"
+          label="序号"
+          type="index"
+          :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
+        />
+        <el-table-column label="机具名称" align="center" prop="typeName" :show-overflow-tooltip="true" />
+        <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
+        <el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
+        <el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
+        <el-table-column label="设备负责人" align="center" prop="userName" :show-overflow-tooltip="true" />
+        <el-table-column prop="deviceType" align="center" label="是否管理库存">
+          <template slot-scope="{ row }">
+            <el-tag size="mini" type="primary" v-if="row.isStorage == 1">是</el-tag>
+            <el-tag size="mini" type="warning" v-if="row.isStorage == 0">否</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="deviceType" align="center" label="是否成套管理">
+          <template slot-scope="{ row }">
+            <el-tag size="mini" type="primary" v-if="row.isCt == 0">是</el-tag>
+            <el-tag size="mini" type="warning" v-if="row.isCt == 1">否</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" v-if="isView">
+          <template slot-scope="{ row }" v-if="row.alNum > 0">
+            <el-button type="text" @click="onPreviewRecord(row)">出库记录</el-button>
+            <el-button type="text" @click="openLld(row)">出库单</el-button>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="!isView">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="codeOut(scope.row)"
+              v-if="scope.row.manageType == 0 && scope.row.status != 2 && scope.row.isStorage == 1"
+            >
+              编码出库
+            </el-button>
+            <el-button
+              size="mini"
+              type="primary"
+              v-if="scope.row.manageType == 1 && scope.row.status != 2 && scope.row.isStorage == 1"
+              @click="numOut(scope.row)"
+            >
+              数量出库
+            </el-button>
+            <el-button size="mini" type="primary" v-if="scope.row.isCt == 0" @click="onViewFile(scope.row)">
+              查看附件
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="dialogTotal > 0"
+        :total="dialogTotal"
+        :page.sync="dialogQuery.pageNum"
+        :limit.sync="dialogQuery.pageSize"
+        @pagination="getDialogList"
+      />
+
+      <el-dialog title="出库记录" :visible.sync="outRecordVisible" width="70%" append-to-body>
+        <el-form inline>
+          <!-- 搜索表单 -->
+          <el-form-item label="时间">
+            <el-date-picker
+              clearable
+              type="daterange"
+              v-model="outTime"
+              style="width: 240px"
+              range-separator="至"
+              value-format="yyyy-MM-dd"
+              end-placeholder="结束日期"
+              start-placeholder="开始日期"
+              placeholder="请选择出库日期"
+              @change="onOutTimeChange"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button size="small" type="primary" @click="onHandleQuery">查询</el-button>
+            <el-button size="small" type="primary" @click="onHandleReset">重置</el-button>
+            <el-button size="small" type="primary" @click="onHandleExport">导出</el-button>
+          </el-form-item>
         </el-form>
 
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                    type="warning"
-                    plain
-                    icon="el-icon-download"
-                    size="mini"
-                    @click="handleExport"
-                    v-hasPermi="['picking:outbound:export']"
-                    >导出</el-button
-                >
-            </el-col>
-            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-        </el-row>
-
-        <el-table v-loading="loading" :data="leaseList" border>
-            <!-- <el-table-column type="selection" width="55" align="center" /> -->
-            <el-table-column
-                align="center"
-                label="序号"
-                type="index"
-                :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
-            />
-            <el-table-column label="领料单号" align="center" prop="code" :show-overflow-tooltip="true" />
-            <el-table-column label="领料申请单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
-            <el-table-column label="领料申请工程" align="center" prop="proName" :show-overflow-tooltip="true" />
-            <el-table-column
-                label="申请数量"
-                align="center"
-                prop="preCountNum"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
-            <el-table-column
-                label="申请时间"
-                align="center"
-                prop="createTimes"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
-            <el-table-column
-                label="已出库数量"
-                align="center"
-                prop="alNum"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
-            <el-table-column
-                label="出库状态"
-                align="center"
-                prop="taskName"
-                :show-overflow-tooltip="true"
-            ></el-table-column>
-
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot-scope="scope">
-                    <el-button size="mini" @click="handleView(scope.row)" v-hasPermi="['picking:outbound:view']"
-                        >查看</el-button
-                    >
-                    <el-button
-                        size="mini"
-                        type="primary"
-                        v-if="scope.row.taskStatus != 35"
-                        @click="handleOut(scope.row)"
-                        v-hasPermi="['picking:outbound:out']"
-                    >
-                        出库
-                    </el-button>
-                </template>
-            </el-table-column>
+        <!-- 出库记录列表 -->
+        <el-table border :data="leaseOutDetailsList">
+          <el-table-column align="center" label="序号" show-overflow-tooltip type="index" />
+          <el-table-column align="center" label="机具名称" prop="typeName" show-overflow-tooltip />
+          <el-table-column align="center" label="规格型号" prop="typeModelName" show-overflow-tooltip />
+          <el-table-column align="center" label="出库时间" prop="createTime" show-overflow-tooltip />
+          <el-table-column align="center" label="本次出库数量" prop="outNum" show-overflow-tooltip />
+          <el-table-column align="center" label="出库人" prop="userName" show-overflow-tooltip />
         </el-table>
+      </el-dialog>
 
-        <pagination
-            v-show="total > 0"
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
-        />
+      <el-dialog title="附件详情" :visible.sync="openFileVisible" width="50%" append-to-body>
+        <el-table :data="fileList">
+          <!-- <el-table-column align="center" prop="typeName" label="设备名称" /> -->
+          <el-table-column align="center" label="规格型号" prop="deviceType" />
+          <el-table-column align="center" label="是否管理库存">
+            <template slot-scope="{ row }">
+              <el-tag size="mini" type="primary" v-if="row.isStorage == 1">是</el-tag>
+              <el-tag size="mini" type="warning" v-if="row.isStorage == 0">否</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="预领数量" prop="deviceNum" align="center" />
+          <el-table-column align="center" label="库存数量" prop="num" />
+        </el-table>
+      </el-dialog>
+    </el-dialog>
 
-        <!-- 出库弹窗 -->
-        <el-dialog :title="title" :visible.sync="openLeaseDevices" width="80%" append-to-body>
-            <el-form :model="dialogQuery" ref="dialogQuery" size="small" :inline="true" label-width="100px">
-                <el-form-item label="设备负责人" prop="userName">
-                    <el-input v-model="dialogQuery.userName" maxlength="20" />
-                </el-form-item>
-                <el-form-item label="机具类型" prop="typeId">
-                    <treeselect
-                        v-model="dialogQuery.typeId"
-                        default-expand-all
-                        :options="equipmentTypeList"
-                        placeholder="请选择规格型号"
-                        :disable-branch-nodes="true"
-                        style="width: 240px"
-                        noChildrenText="没有数据了"
-                        noOptionsText="没有数据"
-                        noResultsText="没有搜索结果"
-                    />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDialogQuery"
-                        >查询</el-button
-                    >
-                    <el-button icon="el-icon-refresh" size="mini" @click="resetDialogQuery">重置</el-button>
-                </el-form-item>
-            </el-form>
+    <!-- 编码出库 -->
+    <el-dialog :title="title" :visible.sync="openCode" width="1200px" append-to-body>
+      <el-form :model="codeOutForm" ref="codeOutForm" size="small" :inline="true" label-width="100px">
+        <span style="margin-right: 50px">待出库数量：{{ outNum }}</span>
+        <br />
+        <br />
+        <el-form-item label="请输入车牌号" prop="carCode">
+          <el-input v-model="codeOutForm.carCode" maxlength="20" />
+        </el-form-item>
+        <span style="margin-right: 50px; color: red">部分设备出库时，需进行装车,需记录车牌号码</span>
+        <br />
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="codeOutForm.remark" maxlength="50" />
+        </el-form-item>
+      </el-form>
 
-            <el-table v-loading="loading" :data="dialogList">
-                <el-table-column
-                    align="center"
-                    label="序号"
-                    type="index"
-                    :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
-                />
-                <el-table-column label="机具名称" align="center" prop="typeName" :show-overflow-tooltip="true" />
-                <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
-                <el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
-                <el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
-                <el-table-column label="设备负责人" align="center" prop="userName" :show-overflow-tooltip="true" />
-                <el-table-column prop="deviceType" align="center" label="是否管理库存">
-                    <template slot-scope="{ row }">
-                        <el-tag size="mini" type="primary" v-if="row.isStorage == 1">是</el-tag>
-                        <el-tag size="mini" type="warning" v-if="row.isStorage == 0">否</el-tag>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center" v-if="isView">
-                    <template slot-scope="{ row }" v-if="row.alNum > 0">
-                        <el-button type="text" @click="onPreviewRecord(row)">出库记录</el-button>
-                        <el-button type="text" @click="openLld(row)">出库单</el-button>
-                    </template>
-                </el-table-column>
-
-                <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="!isView">
-                    <template slot-scope="scope">
-                        <el-button
-                            size="mini"
-                            @click="codeOut(scope.row)"
-                            v-if="scope.row.manageType == 0 && scope.row.status != 2 && scope.row.isStorage == 1"
-                        >
-                            编码出库
-                        </el-button>
-                        <el-button
-                            size="mini"
-                            type="primary"
-                            v-if="scope.row.manageType == 1 && scope.row.status != 2 && scope.row.isStorage == 1"
-                            @click="numOut(scope.row)"
-                        >
-                            数量出库
-                        </el-button>
-                        <el-button size="mini" type="primary" v-if="scope.row.isStorage == 0"> 查看附件 </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-            <pagination
-                v-show="dialogTotal > 0"
-                :total="dialogTotal"
-                :page.sync="dialogQuery.pageNum"
-                :limit.sync="dialogQuery.pageSize"
-                @pagination="getDialogList"
-            />
-
-            <el-dialog title="出库记录" :visible.sync="outRecordVisible" width="70%" append-to-body>
-                <el-form inline>
-                    <!-- 搜索表单 -->
-                    <el-form-item label="时间">
-                        <el-date-picker
-                            clearable
-                            type="daterange"
-                            v-model="outTime"
-                            style="width: 240px"
-                            range-separator="至"
-                            value-format="yyyy-MM-dd"
-                            end-placeholder="结束日期"
-                            start-placeholder="开始日期"
-                            placeholder="请选择出库日期"
-                            @change="onOutTimeChange"
-                        />
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button size="small" type="primary" @click="onHandleQuery">查询</el-button>
-                        <el-button size="small" type="primary" @click="onHandleReset">重置</el-button>
-                        <el-button size="small" type="primary" @click="onHandleExport">导出</el-button>
-                    </el-form-item>
-                </el-form>
-
-                <!-- 出库记录列表 -->
-                <el-table border :data="leaseOutDetailsList">
-                    <el-table-column align="center" label="序号" show-overflow-tooltip type="index" />
-                    <el-table-column align="center" label="机具名称" prop="typeName" show-overflow-tooltip />
-                    <el-table-column align="center" label="规格型号" prop="typeModelName" show-overflow-tooltip />
-                    <el-table-column align="center" label="出库时间" prop="createTime" show-overflow-tooltip />
-                    <el-table-column align="center" label="本次出库数量" prop="outNum" show-overflow-tooltip />
-                    <el-table-column align="center" label="出库人" prop="userName" show-overflow-tooltip />
-                </el-table>
-            </el-dialog>
-        </el-dialog>
-
-        <!-- 编码出库 -->
-        <el-dialog :title="title" :visible.sync="openCode" width="1200px" append-to-body>
-            <el-form :model="codeOutForm" ref="codeOutForm" size="small" :inline="true" label-width="100px">
-                <span style="margin-right: 50px">待出库数量：{{ outNum }}</span>
-                <br />
-                <br />
-                <el-form-item label="请输入车牌号" prop="carCode">
-                    <el-input v-model="codeOutForm.carCode" maxlength="20" />
-                </el-form-item>
-                <span style="margin-right: 50px; color: red">部分设备出库时，需进行装车,需记录车牌号码</span>
-                <br />
-                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="codeOutForm.remark" maxlength="50" />
-                </el-form-item>
-            </el-form>
-
-            <el-form :model="outQuery" ref="outQuery" size="small" :inline="true" label-width="100px">
-                <el-form-item label="设备编码" prop="maCode">
-                    <el-input v-model="outQuery.maCode" maxlength="20" />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" icon="el-icon-search" size="mini" @click="handleOutQuery">查询</el-button>
-                    <el-button icon="el-icon-refresh" size="mini" @click="resetOutQuery">重置</el-button>
-                </el-form-item>
-            </el-form>
-            <el-row :gutter="10" class="mb8">
-                <el-col :span="1.5">
-                    <el-button type="primary" size="mini" @click="saveCodeOut">出库</el-button>
-                </el-col>
-            </el-row>
-            <el-table v-loading="loading" :data="outCodeList" height="500" @selection-change="handleSelectionChange">
-                <el-table-column type="selection" width="55" align="center" :selectable="selectable" />
-                <el-table-column
-                    label="序号"
-                    align="center"
-                    width="80"
-                    type="index"
-                    :index="indexContinuation(outQuery.pageNum, outQuery.pageSize)"
-                >
-                    <!-- <template slot-scope="scope">
+      <el-form :model="outQuery" ref="outQuery" size="small" :inline="true" label-width="100px">
+        <el-form-item label="设备编码" prop="maCode">
+          <el-input v-model="outQuery.maCode" maxlength="20" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleOutQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetOutQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="saveCodeOut">出库</el-button>
+        </el-col>
+      </el-row>
+      <el-table v-loading="loading" :data="outCodeList" height="500" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" :selectable="selectable" />
+        <el-table-column
+          label="序号"
+          align="center"
+          width="80"
+          type="index"
+          :index="indexContinuation(outQuery.pageNum, outQuery.pageSize)"
+        >
+          <!-- <template slot-scope="scope">
                         <span>{{
                             (outQuery.pageNum - 1) * 10 + scope.$index + 1
                         }}</span>
                     </template> -->
-                </el-table-column>
-                <el-table-column label="类型名称" align="center" prop="typeName" :show-overflow-tooltip="true" />
-                <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
-                <el-table-column label="设备编码" align="center" prop="maCode" :show-overflow-tooltip="true" />
-                <el-table-column label="设备状态" align="center" prop="maStatus" :show-overflow-tooltip="true" />
-                <!-- <el-table-column label="备注" align="center" prop="remark">
+        </el-table-column>
+        <el-table-column label="类型名称" align="center" prop="typeName" :show-overflow-tooltip="true" />
+        <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
+        <el-table-column label="设备编码" align="center" prop="maCode" :show-overflow-tooltip="true" />
+        <el-table-column label="设备状态" align="center" prop="maStatus" :show-overflow-tooltip="true" />
+        <!-- <el-table-column label="备注" align="center" prop="remark">
                     <template slot-scope="scope">
                         <el-input
                             v-model="scope.row.remark"
@@ -307,57 +303,57 @@
                         />
                     </template>
                 </el-table-column> -->
-            </el-table>
+      </el-table>
 
-            <pagination
-                v-show="outTotal > 0"
-                :total="outTotal"
-                :page.sync="outQuery.pageNum"
-                :limit.sync="outQuery.pageSize"
-                @pagination="getCodeList"
-            />
-        </el-dialog>
+      <pagination
+        v-show="outTotal > 0"
+        :total="outTotal"
+        :page.sync="outQuery.pageNum"
+        :limit.sync="outQuery.pageSize"
+        @pagination="getCodeList"
+      />
+    </el-dialog>
 
-        <!-- 数量出库 -->
-        <el-dialog :title="title" :visible.sync="openNum" width="1200px" append-to-body>
-            <el-form :model="numOutForm" ref="numOutForm" size="small" :inline="true" label-width="100px">
-                <!-- <span style="margin-right: 50px;">
+    <!-- 数量出库 -->
+    <el-dialog :title="title" :visible.sync="openNum" width="1200px" append-to-body>
+      <el-form :model="numOutForm" ref="numOutForm" size="small" :inline="true" label-width="100px">
+        <!-- <span style="margin-right: 50px;">
             待出库数量：{{outNum}}
         </span>-->
-                <el-form-item label="请输入车牌号" prop="carCode">
-                    <el-input v-model="numOutForm.carCode" maxlength="20" />
-                </el-form-item>
-                <span style="margin-right: 50px; color: red">部分设备出库时，需进行装车,需记录车牌号码</span>
-                <br />
-                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="numOutForm.remark" maxlength="50" />
-                </el-form-item>
-            </el-form>
-            <el-row :gutter="10" class="mb8">
-                <el-col :span="1.5">
-                    <el-button type="primary" size="mini" @click="saveNumOut">出库</el-button>
-                </el-col>
-            </el-row>
-            <el-table v-loading="loading" :data="outNumList" height="500">
-                <el-table-column label="序号" align="center" type="index" />
-                <el-table-column label="设备类型" align="center" prop="typeName" :show-overflow-tooltip="true" />
-                <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
-                <el-table-column label="库存数量" align="center" prop="num" :show-overflow-tooltip="true" />
-                <el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
-                <el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
-                <el-table-column label="出库数量" align="center">
-                    <template slot-scope="scope">
-                        <el-input
-                            v-model.number="scope.row.inputNum"
-                            placeholder="请输入出库数量"
-                            type="number"
-                            @input="checkNum(scope.row)"
-                            clearable
-                            style="width: 100%"
-                        />
-                    </template>
-                </el-table-column>
-                <!-- <el-table-column label="备注" align="center" prop="remark">
+        <el-form-item label="请输入车牌号" prop="carCode">
+          <el-input v-model="numOutForm.carCode" maxlength="20" />
+        </el-form-item>
+        <span style="margin-right: 50px; color: red">部分设备出库时，需进行装车,需记录车牌号码</span>
+        <br />
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="numOutForm.remark" maxlength="50" />
+        </el-form-item>
+      </el-form>
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="saveNumOut">出库</el-button>
+        </el-col>
+      </el-row>
+      <el-table v-loading="loading" :data="outNumList" height="500">
+        <el-table-column label="序号" align="center" type="index" />
+        <el-table-column label="设备类型" align="center" prop="typeName" :show-overflow-tooltip="true" />
+        <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
+        <el-table-column label="库存数量" align="center" prop="num" :show-overflow-tooltip="true" />
+        <el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
+        <el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
+        <el-table-column label="出库数量" align="center">
+          <template slot-scope="scope">
+            <el-input
+              v-model.number="scope.row.inputNum"
+              placeholder="请输入出库数量"
+              type="number"
+              @input="checkNum(scope.row)"
+              clearable
+              style="width: 100%"
+            />
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="备注" align="center" prop="remark">
                     <template slot-scope="scope">
                         <el-input
                             v-model="scope.row.remark"
@@ -368,479 +364,497 @@
                         />
                     </template>
                 </el-table-column> -->
-            </el-table>
-        </el-dialog>
+      </el-table>
+    </el-dialog>
 
-        <!-- 领料单弹窗 -->
-        <el-dialog :visible.sync="open" width="800px" append-to-body>
-            <div style="height: 500px; overflow-y: scroll; padding: 0 20px">
-                <vue-easy-print tableShow ref="remarksPrintRef" class="print">
-                    <div class="title" style="text-align: center; font-weight: 600; font-size: 16px"> 出库单 </div>
-                    <div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
-                        <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
-                            <span>领料单位：</span>{{ leaseOutData.unitName }}
-                        </div>
-                        <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
-                            <span>工程名称：</span>{{ leaseOutData.proName }}
-                        </div>
-                        <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
-                            <span>时间：</span>{{ leaseOutData.updateTime }}
-                        </div>
-                        <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
-                            <span>编号：</span>{{ leaseOutData.code }}
-                        </div>
-                    </div>
-                    <el-table :data="leaseOutDetailRecord" class="table" border style="margin-top: 20px; padding: 1px">
-                        <!--          <el-table-column type="selection" width="55" align="center" />-->
-                        <el-table-column label="序号" align="center" type="index" />
-                        <el-table-column label="类型名称" align="center" prop="typeName" />
-                        <el-table-column label="规格型号" align="center" prop="typeModelName" />
-                        <el-table-column label="计量单位" align="center" prop="unitName" />
-                        <el-table-column label="出库数量" align="center" prop="outNum" />
-                        <el-table-column label="设备编码" align="center" prop="maCode" />
-                        <el-table-column label="备注" align="center" prop="remark" />
-                        <el-table-column label="出库方式" align="center" prop="manageTypeName" />
-                    </el-table>
+    <!-- 领料单弹窗 -->
+    <el-dialog :visible.sync="open" width="800px" append-to-body>
+      <div style="height: 500px; overflow-y: scroll; padding: 0 20px">
+        <vue-easy-print tableShow ref="remarksPrintRef" class="print">
+          <div class="title" style="text-align: center; font-weight: 600; font-size: 16px"> 出库单 </div>
+          <div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
+            <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
+              <span>领料单位：</span>{{ leaseOutData.unitName }}
+            </div>
+            <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
+              <span>工程名称：</span>{{ leaseOutData.proName }}
+            </div>
+            <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
+              <span>时间：</span>{{ leaseOutData.updateTime }}
+            </div>
+            <div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
+              <span>编号：</span>{{ leaseOutData.code }}
+            </div>
+          </div>
+          <el-table :data="leaseOutDetailRecord" class="table" border style="margin-top: 20px; padding: 1px">
+            <!--          <el-table-column type="selection" width="55" align="center" />-->
+            <el-table-column label="序号" align="center" type="index" />
+            <el-table-column label="类型名称" align="center" prop="typeName" />
+            <el-table-column label="规格型号" align="center" prop="typeModelName" />
+            <el-table-column label="计量单位" align="center" prop="unitName" />
+            <el-table-column label="出库数量" align="center" prop="outNum" />
+            <el-table-column label="设备编码" align="center" prop="maCode" />
+            <el-table-column label="备注" align="center" prop="remark" />
+            <el-table-column label="出库方式" align="center" prop="manageTypeName" />
+          </el-table>
 
-                    <div class="fillIn" style="margin-top: 30px; display: flex; justify-content: space-between">
-                        <div class="item" style="width: 25%">
-                            <span>审核：</span>
-                        </div>
-                        <div class="item" style="width: 25%">
-                            <span>领料：</span>
-                        </div>
-                        <div class="item" style="width: 25%">
-                            <span>仓库：</span>
-                        </div>
-                        <div class="item" style="width: 25%">
-                            <span>操作人：</span>
-                        </div>
-                    </div>
-                </vue-easy-print>
+          <div class="fillIn" style="margin-top: 30px; display: flex; justify-content: space-between">
+            <div class="item" style="width: 25%">
+              <span>审核：</span>
             </div>
-            <div slot="footer" class="dialog-footer" style="text-align: center">
-                <el-button type="primary" @click="print">打 印</el-button>
-                <el-button @click="open = false">关 闭</el-button>
+            <div class="item" style="width: 25%">
+              <span>领料：</span>
             </div>
-        </el-dialog>
-    </div>
+            <div class="item" style="width: 25%">
+              <span>仓库：</span>
+            </div>
+            <div class="item" style="width: 25%">
+              <span>操作人：</span>
+            </div>
+          </div>
+        </vue-easy-print>
+      </div>
+      <div slot="footer" class="dialog-footer" style="text-align: center">
+        <el-button type="primary" @click="print">打 印</el-button>
+        <el-button @click="open = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import {
-    getUnitData,
-    getProData,
-    getLeaseAuditList,
-    getLeaseAuditListDetail,
-    getDetailsByTypeId,
-    submitOut,
-    submitNumOut,
-    getLeaseOutDetailRecordApi,
-    getLeaseListAll,
-    getLeaseOutOrder,
+  getUnitData,
+  getProData,
+  getLeaseAuditList,
+  getLeaseAuditListDetail,
+  getDetailsByTypeId,
+  submitOut,
+  submitNumOut,
+  getLeaseOutDetailRecordApi,
+  getLeaseListAll,
+  getLeaseOutOrder,
 } from '@/api/claimAndRefund/receive.js'
+import { queryCompleteSetToolsApi } from '@/api/store/completeTools.js'
 import { getTypeList } from '@/api/store/warehousing'
 import { equipmentTypeTree } from '@/api/store/tools'
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import vueEasyPrint from 'vue-easy-print'
 export default {
-    name: 'receiveOut',
-    components: { Treeselect, vueEasyPrint },
-    data() {
-        return {
-            // 遮罩层
-            loading: false,
-            // 选中数组
-            maCodeList: [],
-            // 非单个禁用
-            single: true,
-            // 非多个禁用
-            multiple: true,
-            // 显示搜索条件
-            showSearch: true,
-            // 总条数
-            total: 0,
-            // 是否显示弹出层
-            open: false,
-            // 表格数据
-            leaseList: [],
-            // 弹出层标题
-            title: '设备出库',
-            // 单位数据
-            unitList: [],
-            proList: [], //工程集合
-            statusList: [
-                { id: '33', name: '待出库' },
-                { id: '34', name: '出库进行中' },
-                { id: '35', name: '完成' },
-            ], //工程集合
-            //搜索下拉数据
-            typeList: [],
-            equipmentTypeList: [],
-            // 查询参数
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10,
-                flag: 1,
-                code: undefined,
-                unitId: undefined,
-                proId: undefined,
-                taskStatus: undefined,
-            },
-            // 表单参数 出库
-            form: {},
-            //弹窗
-            openLeaseDevices: false,
-            isView: false,
-            dialogQuery: {
-                pageNum: 1,
-                pageSize: 10,
-                director: undefined,
-                typeId: undefined,
-            },
-            dialogList: [],
-            dialogTotal: 0,
-            outObj: {},
-            openCode: false, //编码弹窗开关
-            openNum: false, //数量弹窗开关
-            outNum: 0, //待出库数量
-            codeOutForm: {
-                //编码表单-车牌号
-                carCode: undefined,
-                remark: undefined,
-            },
-            numOutForm: {
-                //数量表单-车牌号
-                carCode: '',
-                remark: '',
-            },
-            outQuery: {
-                //编码出库-搜索条件
-                pageNum: 1,
-                pageSize: 10,
-                maCode: undefined,
-            },
-            outTotal: 0, //编码弹窗分页-总数
-            outCodeList: [], //编码弹窗表格数据
-            outNumList: [], //数量弹窗表格数据
-            leaseType: '', // 领用类型 0 为工程租赁 1 为长期领用
+  name: 'receiveOut',
+  components: { Treeselect, vueEasyPrint },
+  data() {
+    return {
+      // 遮罩层
+      loading: false,
+      // 选中数组
+      maCodeList: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表格数据
+      leaseList: [],
+      // 弹出层标题
+      title: '设备出库',
+      // 单位数据
+      unitList: [],
+      proList: [], //工程集合
+      statusList: [
+        { id: '33', name: '待出库' },
+        { id: '34', name: '出库进行中' },
+        { id: '35', name: '完成' },
+      ], //工程集合
+      //搜索下拉数据
+      typeList: [],
+      equipmentTypeList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        flag: 1,
+        code: undefined,
+        unitId: undefined,
+        proId: undefined,
+        taskStatus: undefined,
+      },
+      // 表单参数 出库
+      form: {},
+      //弹窗
+      openLeaseDevices: false,
+      isView: false,
+      dialogQuery: {
+        pageNum: 1,
+        pageSize: 10,
+        director: undefined,
+        typeId: undefined,
+      },
+      dialogList: [],
+      dialogTotal: 0,
+      outObj: {},
+      openCode: false, //编码弹窗开关
+      openNum: false, //数量弹窗开关
+      outNum: 0, //待出库数量
+      codeOutForm: {
+        //编码表单-车牌号
+        carCode: undefined,
+        remark: undefined,
+      },
+      numOutForm: {
+        //数量表单-车牌号
+        carCode: '',
+        remark: '',
+      },
+      outQuery: {
+        //编码出库-搜索条件
+        pageNum: 1,
+        pageSize: 10,
+        maCode: undefined,
+      },
+      outTotal: 0, //编码弹窗分页-总数
+      outCodeList: [], //编码弹窗表格数据
+      outNumList: [], //数量弹窗表格数据
+      leaseType: '', // 领用类型 0 为工程租赁 1 为长期领用
 
-            outRecordVisible: false,
-            leaseOutDetailParams: {
-                id: '',
-                typeId: '',
-                startTime: '',
-                endTime: '',
-            },
-            leaseOutDetailsList: [],
-            outTime: [],
-            // 领料任务详情数据
-            leaseOutDetailRecord: [],
-            leaseOutData: {},
+      outRecordVisible: false,
+      leaseOutDetailParams: {
+        id: '',
+        typeId: '',
+        startTime: '',
+        endTime: '',
+      },
+      leaseOutDetailsList: [],
+      outTime: [],
+      // 领料任务详情数据
+      leaseOutDetailRecord: [],
+      leaseOutData: {},
+      openFileVisible: false,
+      fileList: [],
+    }
+  },
+  created() {
+    this.getTypeList()
+    this.getUnitList()
+    this.getProList()
+    this.equipmentType()
+
+    this.getList()
+  },
+  methods: {
+    //获取单位
+    getUnitList() {
+      getUnitData().then((response) => {
+        this.unitList = response.data
+      })
+    },
+    //获取单位
+    getProList() {
+      getProData().then((response) => {
+        this.proList = response.data
+      })
+    },
+    getTypeList() {
+      getTypeList({ level: '3' }).then((response) => {
+        this.typeList = response.data
+      })
+    },
+    //规格型号
+    equipmentType() {
+      equipmentTypeTree().then((response) => {
+        this.equipmentTypeList = response.data
+        this.equipmentTypeList.forEach((item, index) => {
+          if (item.children && item.children.length > 0) {
+            item.children.forEach((item2, index2) => {
+              if (item2.children && item2.children.length > 0) {
+                item2.children.forEach((item3) => {
+                  if (item3.children && item3.children.length > 0) {
+                    item3.children.forEach((item4) => {
+                      item4.machineTypeName = item3.typeName
+                      item4.specificationType = item4.typeName
+                      // this.$set(item4, 'purchasePrice', 0);
+                      // this.$set(item4, 'purchaseNum', 1);
+                    })
+                  }
+                })
+              }
+            })
+          }
+        })
+      })
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    /** 查询列表 */
+    getList() {
+      this.loading = true
+      getLeaseAuditList(this.queryParams).then((response) => {
+        this.leaseList = response.data.rows
+        this.total = response.data.total
+        this.loading = false
+      })
+    },
+    //查看按钮
+    handleView(row) {
+      this.openLeaseDevices = true
+      this.isView = true
+      this.dialogQuery.id = row.id
+      this.leaseOutDetailParams.id = row.id
+      this.resetDialogQuery()
+      // this.getDialogList();
+    },
+    /** 查询列表 */
+    getDialogList() {
+      // console.log(this.dialogQuery)
+      getLeaseAuditListDetail(this.dialogQuery).then((response) => {
+        this.dialogList = response.data.rows
+        this.dialogTotal = response.data.total
+      })
+    },
+    handleDialogQuery() {
+      this.dialogQuery.pageNum = 1
+      this.getDialogList()
+    },
+    resetDialogQuery() {
+      this.resetForm('dialogQuery')
+      this.handleDialogQuery()
+    },
+    /** 出库按钮操作 */
+    handleOut(row) {
+      this.openLeaseDevices = true
+      this.isView = false
+      this.dialogQuery.id = row.id
+      this.leaseType = row.leaseType
+      this.resetDialogQuery()
+      // this.getDialogList()
+    },
+
+    //编码出库
+    codeOut(row) {
+      // this.title = '编码出库'
+      this.openCode = true
+      this.resetForm('codeOutForm')
+      this.resetForm('outQuery')
+      this.outNum = row.outNum
+      this.outQuery.typeId = row.typeId
+      this.outObj = row
+      this.handleOutQuery()
+    },
+    //数量出库
+    numOut(row) {
+      console.log(row, '数量出库当前行数据--')
+      // this.title = '数量出库'
+      this.openNum = true
+      this.resetForm('codeOutForm')
+      this.resetForm('numOutForm')
+      // console.log(row)
+      let obj = {}
+      this.$set(obj, 'taskId', row.taskId)
+      this.$set(obj, 'id', row.id)
+      this.$set(obj, 'manageType', 1)
+      this.$set(obj, 'parentId', row.parentId)
+      this.$set(obj, 'typeName', row.typeName)
+      this.$set(obj, 'typeModelName', row.typeModelName)
+      this.$set(obj, 'typeId', row.typeId)
+      this.$set(obj, 'alNum', row.alNum) //已出库数量
+      this.$set(obj, 'outNum', row.outNum) //待出库数量
+      this.$set(obj, 'inputNum', 1) //出库数量
+      this.$set(obj, 'num', row.num) //库存
+      this.$set(obj, 'maModel', row.maModel) // 以大代小 规格
+      this.$set(obj, 'maName', row.maName) // 以大代小 类型
+      this.outNumList = [obj]
+    },
+    handleOutQuery() {
+      this.outQuery.pageNum = 1
+      this.getCodeList()
+    },
+    resetOutQuery() {
+      this.resetForm('outQuery')
+      this.handleOutQuery()
+    },
+    getCodeList() {
+      getDetailsByTypeId(this.outQuery).then((response) => {
+        this.outCodeList = response.data.rows
+        if (response.data.total) {
+          this.outTotal = response.data.total
         }
+      })
     },
-    created() {
-        this.getTypeList()
-        this.getUnitList()
-        this.getProList()
-        this.equipmentType()
-
-        this.getList()
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.maCodeList = selection.map((item) => item.maId)
     },
-    methods: {
-        //获取单位
-        getUnitList() {
-            getUnitData().then((response) => {
-                this.unitList = response.data
-            })
-        },
-        //获取单位
-        getProList() {
-            getProData().then((response) => {
-                this.proList = response.data
-            })
-        },
-        getTypeList() {
-            getTypeList({ level: '3' }).then((response) => {
-                this.typeList = response.data
-            })
-        },
-        //规格型号
-        equipmentType() {
-            equipmentTypeTree().then((response) => {
-                this.equipmentTypeList = response.data
-                this.equipmentTypeList.forEach((item, index) => {
-                    if (item.children && item.children.length > 0) {
-                        item.children.forEach((item2, index2) => {
-                            if (item2.children && item2.children.length > 0) {
-                                item2.children.forEach((item3) => {
-                                    if (item3.children && item3.children.length > 0) {
-                                        item3.children.forEach((item4) => {
-                                            item4.machineTypeName = item3.typeName
-                                            item4.specificationType = item4.typeName
-                                            // this.$set(item4, 'purchasePrice', 0);
-                                            // this.$set(item4, 'purchaseNum', 1);
-                                        })
-                                    }
-                                })
-                            }
-                        })
-                    }
-                })
-            })
-        },
-        /** 搜索按钮操作 */
-        handleQuery() {
-            this.queryParams.pageNum = 1
-            this.getList()
-        },
-        /** 重置按钮操作 */
-        resetQuery() {
-            this.resetForm('queryForm')
-            this.handleQuery()
-        },
-        /** 查询列表 */
-        getList() {
-            this.loading = true
-            getLeaseAuditList(this.queryParams).then((response) => {
-                this.leaseList = response.data.rows
-                this.total = response.data.total
-                this.loading = false
-            })
-        },
-        //查看按钮
-        handleView(row) {
-            this.openLeaseDevices = true
-            this.isView = true
-            this.dialogQuery.id = row.id
-            this.leaseOutDetailParams.id = row.id
-            this.resetDialogQuery()
-            // this.getDialogList();
-        },
-        /** 查询列表 */
-        getDialogList() {
-            // console.log(this.dialogQuery)
-            getLeaseAuditListDetail(this.dialogQuery).then((response) => {
-                this.dialogList = response.data.rows
-                this.dialogTotal = response.data.total
-            })
-        },
-        handleDialogQuery() {
-            this.dialogQuery.pageNum = 1
-            this.getDialogList()
-        },
-        resetDialogQuery() {
-            this.resetForm('dialogQuery')
-            this.handleDialogQuery()
-        },
-        /** 出库按钮操作 */
-        handleOut(row) {
-            this.openLeaseDevices = true
-            this.isView = false
-            this.dialogQuery.id = row.id
-            this.leaseType = row.leaseType
-            this.resetDialogQuery()
-            // this.getDialogList()
-        },
-
-        //编码出库
-        codeOut(row) {
-            // this.title = '编码出库'
-            this.openCode = true
-            this.resetForm('codeOutForm')
-            this.resetForm('outQuery')
-            this.outNum = row.outNum
-            this.outQuery.typeId = row.typeId
-            this.outObj = row
-            this.handleOutQuery()
-        },
-        //数量出库
-        numOut(row) {
-            console.log(row, '数量出库当前行数据--')
-            // this.title = '数量出库'
-            this.openNum = true
-            this.resetForm('codeOutForm')
-            this.resetForm('numOutForm')
-            // console.log(row)
-            let obj = {}
-            this.$set(obj, 'taskId', row.taskId)
-            this.$set(obj, 'id', row.id)
-            this.$set(obj, 'manageType', 1)
-            this.$set(obj, 'parentId', row.parentId)
-            this.$set(obj, 'typeName', row.typeName)
-            this.$set(obj, 'typeModelName', row.typeModelName)
-            this.$set(obj, 'typeId', row.typeId)
-            this.$set(obj, 'alNum', row.alNum) //已出库数量
-            this.$set(obj, 'outNum', row.outNum) //待出库数量
-            this.$set(obj, 'inputNum', 1) //出库数量
-            this.$set(obj, 'num', row.num) //库存
-            this.$set(obj, 'maModel', row.maModel) // 以大代小 规格
-            this.$set(obj, 'maName', row.maName) // 以大代小 类型
-            this.outNumList = [obj]
-        },
-        handleOutQuery() {
-            this.outQuery.pageNum = 1
-            this.getCodeList()
-        },
-        resetOutQuery() {
-            this.resetForm('outQuery')
-            this.handleOutQuery()
-        },
-        getCodeList() {
-            getDetailsByTypeId(this.outQuery).then((response) => {
-                this.outCodeList = response.data.rows
-                if (response.data.total) {
-                    this.outTotal = response.data.total
-                }
-            })
-        },
-        // 多选框选中数据
-        handleSelectionChange(selection) {
-            this.maCodeList = selection.map((item) => item.maId)
-        },
-        selectable(row) {
-            console.log(row)
-            if (row.maStatus == '在库') {
-                return true
-            } else {
-                return false
-            }
-        },
-        //编码出库保存
-        saveCodeOut() {
-            if (this.maCodeList.length <= this.outObj.outNum) {
-                let params = this.maCodeList.map((item) => {
-                    let obj = {
-                        id: this.outObj.id,
-                        maId: item,
-                        manageType: 0,
-                        carCode: this.codeOutForm.carCode,
-                        remark: this.codeOutForm.remark,
-                        typeId: this.outObj.typeId,
-                        parentId: this.outObj.parentId,
-                        outNum: 1,
-                        taskId: this.outObj.taskId,
-                        leaseType: this.leaseType,
-                        maModel: this.outObj.maModel,
-                        maName: this.outObj.maName,
-                        // remark: this.outCodeList.find((v) => v.maId == item).remark,
-                    }
-                    return obj
-                })
-
-                console.log(params, '编码出库时参数')
-                // console.log(params)
-                submitOut(params).then((response) => {
-                    this.$modal.msgSuccess('出库成功')
-                    this.openCode = false
-                    this.handleDialogQuery()
-                    this.handleQuery()
-                })
-            } else {
-                this.$modal.msgError('所选机具编码已超出出库数量！')
-            }
-        },
-        //数量出库保存
-        saveNumOut() {
-            this.outNumList[0].carCode = this.numOutForm.carCode
-            this.outNumList[0].remark = this.numOutForm.remark
-            this.outNumList[0].leaseType = this.leaseType
-            let param = this.outNumList
-            // console.log(param, '数量出库时参数')
-            submitNumOut(param).then((response) => {
-                this.$modal.msgSuccess('出库成功')
-                this.openNum = false
-                this.handleDialogQuery()
-                this.handleQuery()
-            })
-        },
-
-        //输入出库数量
-        checkNum(row) {
-            let maxNum = row.outNum
-            if (row.inputNum <= 1) {
-                row.inputNum = 1
-            }
-            if (row.inputNum > row.outNum && row.num >= maxNum) {
-                row.inputNum = maxNum
-            }
-            if (row.inputNum > row.outNum && row.num < maxNum) {
-                row.inputNum = row.num
-            }
-        },
-
-        /** 导出按钮操作 */
-        handleExport() {
-            this.downloadJson(
-                'material/base/tm_task/export',
-                JSON.stringify(this.queryParams),
-                `领料出库_${new Date().getTime()}.xlsx`,
-            )
-        },
-
-        /* 查看出库记录 */
-        onPreviewRecord(row) {
-            this.leaseOutDetailParams.typeId = row.typeId
-            this.onHandleQuery().then(() => {
-                this.outRecordVisible = true
-            })
-        },
-        /* 打开出库单 */
-        async openLld(row) {
-            this.open = true
-
-            const res = await getLeaseOutOrder({ parentId: row.parentId, typeId: row.typeId })
-
-            this.leaseOutDetailRecord = res.data.leaseOutDetailRecord
-            this.leaseOutData = res.data
-
-            console.log('this.leaseApplyData ============', this.leaseApplyData)
-        },
-        // 领料单 打印
-        print() {
-            this.$refs.remarksPrintRef.print()
-        },
-
-        async onHandleQuery() {
-            const res = await getLeaseOutDetailRecordApi(this.leaseOutDetailParams)
-            this.leaseOutDetailsList = res.data
-        },
-        onHandleReset() {
-            this.outTime = []
-            this.leaseOutDetailParams.startTime = ''
-            this.leaseOutDetailParams.endTime = ''
-            this.onHandleQuery()
-        },
-        onHandleExport() {
-            this.download(
-                'material/base/tm_task/exportLeaseOutDetailRecord',
-                {
-                    ...this.leaseOutDetailParams,
-                },
-                `机具出库列表.xlsx`,
-            )
-        },
-        onOutTimeChange(val) {
-            if (val.length > 0) {
-                const [_1, _2] = val
-                this.leaseOutDetailParams.startTime = _1
-                this.leaseOutDetailParams.endTime = _2
-            } else {
-                this.leaseOutDetailParams.startTime = ''
-                this.leaseOutDetailParams.endTime = ''
-            }
-        },
+    selectable(row) {
+      console.log(row)
+      if (row.maStatus == '在库') {
+        return true
+      } else {
+        return false
+      }
     },
+    //编码出库保存
+    saveCodeOut() {
+      if (this.maCodeList.length <= this.outObj.outNum) {
+        let params = this.maCodeList.map((item) => {
+          let obj = {
+            id: this.outObj.id,
+            maId: item,
+            manageType: 0,
+            carCode: this.codeOutForm.carCode,
+            remark: this.codeOutForm.remark,
+            typeId: this.outObj.typeId,
+            parentId: this.outObj.parentId,
+            outNum: 1,
+            taskId: this.outObj.taskId,
+            leaseType: this.leaseType,
+            maModel: this.outObj.maModel,
+            maName: this.outObj.maName,
+            // remark: this.outCodeList.find((v) => v.maId == item).remark,
+          }
+          return obj
+        })
+
+        console.log(params, '编码出库时参数')
+        // console.log(params)
+        submitOut(params).then((response) => {
+          this.$modal.msgSuccess('出库成功')
+          this.openCode = false
+          this.handleDialogQuery()
+          this.handleQuery()
+        })
+      } else {
+        this.$modal.msgError('所选机具编码已超出出库数量！')
+      }
+    },
+    //数量出库保存
+    saveNumOut() {
+      this.outNumList[0].carCode = this.numOutForm.carCode
+      this.outNumList[0].remark = this.numOutForm.remark
+      this.outNumList[0].leaseType = this.leaseType
+      let param = this.outNumList
+      // console.log(param, '数量出库时参数')
+      submitNumOut(param).then((response) => {
+        this.$modal.msgSuccess('出库成功')
+        this.openNum = false
+        this.handleDialogQuery()
+        this.handleQuery()
+      })
+    },
+
+    //输入出库数量
+    checkNum(row) {
+      let maxNum = row.outNum
+      if (row.inputNum <= 1) {
+        row.inputNum = 1
+      }
+      if (row.inputNum > row.outNum && row.num >= maxNum) {
+        row.inputNum = maxNum
+      }
+      if (row.inputNum > row.outNum && row.num < maxNum) {
+        row.inputNum = row.num
+      }
+    },
+
+    /** 导出按钮操作 */
+    handleExport() {
+      this.downloadJson(
+        'material/base/tm_task/export',
+        JSON.stringify(this.queryParams),
+        `领料出库_${new Date().getTime()}.xlsx`,
+      )
+    },
+
+    /* 查看出库记录 */
+    onPreviewRecord(row) {
+      this.leaseOutDetailParams.typeId = row.typeId
+      this.onHandleQuery().then(() => {
+        this.outRecordVisible = true
+      })
+    },
+    /* 打开出库单 */
+    async openLld(row) {
+      this.open = true
+
+      const res = await getLeaseOutOrder({ parentId: row.parentId, typeId: row.typeId })
+
+      this.leaseOutDetailRecord = res.data.leaseOutDetailRecord
+      this.leaseOutData = res.data
+
+      console.log('this.leaseApplyData ============', this.leaseApplyData)
+    },
+    // 领料单 打印
+    print() {
+      this.$refs.remarksPrintRef.print()
+    },
+
+    async onHandleQuery() {
+      const res = await getLeaseOutDetailRecordApi(this.leaseOutDetailParams)
+      this.leaseOutDetailsList = res.data
+    },
+    onHandleReset() {
+      this.outTime = []
+      this.leaseOutDetailParams.startTime = ''
+      this.leaseOutDetailParams.endTime = ''
+      this.onHandleQuery()
+    },
+    onHandleExport() {
+      this.download(
+        'material/base/tm_task/exportLeaseOutDetailRecord',
+        {
+          ...this.leaseOutDetailParams,
+        },
+        `机具出库列表.xlsx`,
+      )
+    },
+    onOutTimeChange(val) {
+      if (val.length > 0) {
+        const [_1, _2] = val
+        this.leaseOutDetailParams.startTime = _1
+        this.leaseOutDetailParams.endTime = _2
+      } else {
+        this.leaseOutDetailParams.startTime = ''
+        this.leaseOutDetailParams.endTime = ''
+      }
+    },
+
+    // 查看附件
+    async onViewFile(row) {
+      console.log(row)
+
+      const res = await queryCompleteSetToolsApi({
+        id: row.ctParentId,
+        wholeTypeName: row.typeName,
+        wholeTypeNum: 1,
+      })
+
+      this.fileList = res.data
+
+      this.openFileVisible = true
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
 ::v-deep.el-table .fixed-width .el-button--mini {
-    width: 60px !important;
-    margin-bottom: 10px;
+  width: 60px !important;
+  margin-bottom: 10px;
 }
 .clickText {
-    color: #02a7f0;
-    cursor: pointer;
+  color: #02a7f0;
+  cursor: pointer;
 }
 </style>