From 870e6c8da473abd4f2d59b50e8ce8a57af852bdc Mon Sep 17 00:00:00 2001
From: A0010407 <KHD@202305>
Date: Thu, 4 Jul 2024 17:45:47 +0800
Subject: [PATCH] =?UTF-8?q?2024-07-04=20=E8=AE=BE=E5=A4=87-=E5=A4=87?=
 =?UTF-8?q?=E5=93=81=E5=A4=87=E4=BB=B6=E5=87=BA=E5=85=A5=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/sparepartsInOutStorage/index.vue   | 931 ++++++++++--------
 .../selectSparePartsLedger.vue                | 332 +++++++
 2 files changed, 832 insertions(+), 431 deletions(-)
 create mode 100644 src/views/device/sparepartsInOutStorage/selectSparePartsLedger.vue

diff --git a/src/views/device/sparepartsInOutStorage/index.vue b/src/views/device/sparepartsInOutStorage/index.vue
index 0e9e1aa2..708d7a46 100644
--- a/src/views/device/sparepartsInOutStorage/index.vue
+++ b/src/views/device/sparepartsInOutStorage/index.vue
@@ -1,446 +1,515 @@
 <template>
-	<div class="app-container">
-		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
-			<el-form-item label="仓库编码" prop="whCode">
-				<el-input
-					v-model="queryParams.whCode"
-					placeholder="请输入仓库编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="库区编码" prop="waCode">
-				<el-input
-					v-model="queryParams.waCode"
-					placeholder="请输入库区编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="库位编码" prop="wlCode">
-				<el-input
-					v-model="queryParams.wlCode"
-					placeholder="请输入库位编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="入库单号" prop="orderNo">
-				<el-input
-					v-model="queryParams.orderNo"
-					placeholder="请输入入库单号"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="备品备件号" prop="materialCode">
-				<el-input
-					v-model="queryParams.materialCode"
-					placeholder="请输入备品备件号"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="备品备件描述" prop="materialDesc">
-				<el-input
-					v-model="queryParams.materialDesc"
-					placeholder="请输入备品备件描述"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</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>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="98px"
+    >
+      <el-form-item label="出入库类型" prop="inOutType">
+        <el-select
+          v-model="queryParams.inOutType"
+          placeholder="请选择出入库类型"
+          @change="$forceUpdate()"
+          clearable
+          style="width: 200px"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="dict in dict.type.in_out_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="出入库单号" prop="orderNo">
+        <el-input
+          v-model="queryParams.orderNo"
+          placeholder="请输入出入库单号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="备品备件号" prop="spareCode">
+        <el-input
+          v-model="queryParams.spareCode"
+          placeholder="请输入备品备件号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="备品备件名称" prop="spareName">
+        <el-input
+          v-model="queryParams.spareName"
+          placeholder="请输入备品备件名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </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="primary"
-					plain
-					icon="el-icon-plus"
-					size="mini"
-					@click="handleAdd"
-					v-hasPermi="['device:sparepartsInOutStorage:add']"
-				>新增</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="success"
-					plain
-					icon="el-icon-edit"
-					size="mini"
-					:disabled="single"
-					@click="handleUpdate"
-					v-hasPermi="['device:sparepartsInOutStorage:edit']"
-				>修改</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="danger"
-					plain
-					icon="el-icon-delete"
-					size="mini"
-					:disabled="multiple"
-					@click="handleDelete"
-					v-hasPermi="['device:sparepartsInOutStorage:remove']"
-				>删除</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="warning"
-					plain
-					icon="el-icon-download"
-					size="mini"
-					@click="handleExport"
-					v-hasPermi="['device:sparepartsInOutStorage:export']"
-				>导出</el-button>
-			</el-col>
-			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-		</el-row>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['device:sparepartsInOutStorage:add']"
+          >新增</el-button
+        >
+      </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['device:sparepartsInOutStorage:edit']"
+          >修改</el-button
+        >
+      </el-col> -->
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['device:sparepartsInOutStorage:remove']"
+          >删除</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['device:sparepartsInOutStorage:export']"
+          >导出</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
 
-		<el-table v-loading="loading" :data="sparepartsInOutStorageList" @selection-change="handleSelectionChange">
-			<el-table-column type="selection" width="55" align="center" />
-			<!-- 序号 -->
-      <el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"/>
-			<el-table-column label="仓库编码" align="center" prop="whCode" />
-			<el-table-column label="库区编码" align="center" prop="waCode" />
-			<el-table-column label="库位编码" align="center" prop="wlCode" width="100"/>
-			<el-table-column label="入库单号" align="center" prop="orderNo" width="100"/>
-			<el-table-column label="采购订单号" align="center" prop="poNo" width="100"/>
-			<el-table-column label="采购订单行项目" align="center" prop="poLine" width="120"/>
-			<el-table-column label="备品备件号" align="center" prop="materialCode" width="120"/>
-			<el-table-column label="备品备件描述" align="center" prop="materialDesc" width="180"/>
-			<el-table-column label="数量" align="center" prop="amount" />
-			<el-table-column label="创建时间" align="center" prop="gmtCreate" width="180">
-				<template slot-scope="scope">
-					<span>{{ parseTime(scope.row.gmtCreate, '{y}-{m}-{d}') }}</span>
-				</template>
-			</el-table-column>
-			<el-table-column label="最后更新人" align="center" prop="lastModifiedBy" width="180"/>
-			<el-table-column label="最后更新时间" align="center" prop="gmtModified" width="180">
-				<template slot-scope="scope">
-					<span>{{ parseTime(scope.row.gmtModified, '{y}-{m}-{d}') }}</span>
-				</template>
-			</el-table-column>
-			<el-table-column label="有效标记" align="center" prop="activeFlag" />
-			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-edit"
-						@click="handleUpdate(scope.row)"
-						v-hasPermi="['device:sparepartsInOutStorage:edit']"
-					>修改</el-button>
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-delete"
-						@click="handleDelete(scope.row)"
-						v-hasPermi="['device:sparepartsInOutStorage:remove']"
-					>删除</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
+    <el-table
+      v-loading="loading"
+      :data="sparepartsInOutStorageList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <!-- 序号 -->
+      <el-table-column
+        type="index"
+        width="90"
+        align="center"
+        :index="indexMethod"
+        label="序号"
+      />
+      <el-table-column
+        label="出入库类型"
+        align="center"
+        prop="inOutType"
+        width="100"
+      >
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.in_out_type"
+            :value="scope.row.inOutType"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="出入库单号"
+        align="center"
+        prop="orderNo"
+        width="200"
+      />
+      <el-table-column
+        label="备品备件号"
+        align="center"
+        prop="spareCode"
+        width="180"
+      />
+      <el-table-column
+        label="备品备件描述"
+        align="center"
+        prop="spareName"
+        width="180"
+      />
+      <el-table-column label="数量" align="center" prop="amount" />
+      <el-table-column
+        label="出入库时间"
+        align="center"
+        prop="createTime"
+        width="180"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="出入库人员"
+        align="center"
+        prop="createBy"
+        width="180"
+      />
+      <el-table-column
+        label="最后更新人"
+        align="center"
+        prop="updateBy"
+        width="180"
+      />
+      <el-table-column
+        label="最后更新时间"
+        align="center"
+        prop="updateTime"
+        width="180"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updateTime, "{y}-{m}-{d}") }}</span>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['device:sparepartsInOutStorage:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['device:sparepartsInOutStorage:remove']"
+            >删除</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"
-		/>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
-		<!-- 添加或修改备品备件出入库对话框 -->
-		<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-			<el-form ref="form" :model="form" :rules="rules" label-width="80px">
-				<el-form-item label="仓库编码" prop="whCode">
-					<el-input v-model="form.whCode" placeholder="请输入仓库编码" />
-				</el-form-item>
-				<el-form-item label="库区编码" prop="waCode">
-					<el-input v-model="form.waCode" placeholder="请输入库区编码" />
-				</el-form-item>
-				<el-form-item label="库位编码" prop="wlCode">
-					<el-input v-model="form.wlCode" placeholder="请输入库位编码" />
-				</el-form-item>
-				<el-form-item label="入库单号" prop="orderNo">
-					<el-input v-model="form.orderNo" placeholder="请输入入库单号" />
-				</el-form-item>
-				<el-form-item label="采购订单号" prop="poNo">
-					<el-input v-model="form.poNo" placeholder="请输入采购订单号" />
-				</el-form-item>
-				<el-form-item label="采购订单行项目" prop="poLine">
-					<el-input v-model="form.poLine" placeholder="请输入采购订单行项目" />
-				</el-form-item>
-				<el-form-item label="物料号" prop="materialCode">
-					<el-input v-model="form.materialCode" placeholder="请输入物料号" />
-				</el-form-item>
-				<el-form-item label="物料描述" prop="materialDesc">
-					<el-input v-model="form.materialDesc" placeholder="请输入物料描述" />
-				</el-form-item>
-				<el-form-item label="sn/LPN" prop="sn">
-					<el-input v-model="form.sn" placeholder="请输入sn/LPN" />
-				</el-form-item>
-				<el-form-item label="数量" prop="amount">
-					<el-input v-model="form.amount" placeholder="请输入数量" />
-				</el-form-item>
-				<el-form-item label="备用1" prop="userDefined1">
-					<el-input v-model="form.userDefined1" placeholder="请输入备用1" />
-				</el-form-item>
-				<el-form-item label="备用2" prop="userDefined2">
-					<el-input v-model="form.userDefined2" placeholder="请输入备用2" />
-				</el-form-item>
-				<el-form-item label="备用3" prop="userDefined3">
-					<el-input v-model="form.userDefined3" placeholder="请输入备用3" />
-				</el-form-item>
-				<el-form-item label="备用4" prop="userDefined4">
-					<el-input v-model="form.userDefined4" placeholder="请输入备用4" />
-				</el-form-item>
-				<el-form-item label="备用5" prop="userDefined5">
-					<el-input v-model="form.userDefined5" placeholder="请输入备用5" />
-				</el-form-item>
-				<el-form-item label="备用6" prop="userDefined6">
-					<el-input v-model="form.userDefined6" placeholder="请输入备用6" />
-				</el-form-item>
-				<el-form-item label="备用7" prop="userDefined7">
-					<el-input v-model="form.userDefined7" placeholder="请输入备用7" />
-				</el-form-item>
-				<el-form-item label="备用8" prop="userDefined8">
-					<el-input v-model="form.userDefined8" placeholder="请输入备用8" />
-				</el-form-item>
-				<el-form-item label="备用9" prop="userDefined9">
-					<el-input v-model="form.userDefined9" placeholder="请输入备用9" />
-				</el-form-item>
-				<el-form-item label="备用10" prop="userDefined10">
-					<el-input v-model="form.userDefined10" placeholder="请输入备用10" />
-				</el-form-item>
-				<el-form-item label="创建时间" prop="gmtCreate">
-					<el-date-picker clearable
-						v-model="form.gmtCreate"
-						type="date"
-						value-format="yyyy-MM-dd"
-						placeholder="请选择创建时间">
-					</el-date-picker>
-				</el-form-item>
-				<el-form-item label="最后更新人" prop="lastModifiedBy">
-					<el-input v-model="form.lastModifiedBy" placeholder="请输入最后更新人" />
-				</el-form-item>
-				<el-form-item label="最后更新时间" prop="gmtModified">
-					<el-date-picker clearable
-						v-model="form.gmtModified"
-						type="date"
-						value-format="yyyy-MM-dd"
-						placeholder="请选择最后更新时间">
-					</el-date-picker>
-				</el-form-item>
-				<el-form-item label="有效标记" prop="activeFlag">
-					<el-input v-model="form.activeFlag" placeholder="请输入有效标记" />
-				</el-form-item>
-				<el-form-item label="${comment}" prop="factoryCode">
-					<el-input v-model="form.factoryCode" placeholder="请输入${comment}" />
-				</el-form-item>
-				<el-form-item label="${comment}" prop="sapFactoryCode">
-					<el-input v-model="form.sapFactoryCode" placeholder="请输入${comment}" />
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="submitForm">确 定</el-button>
-				<el-button @click="cancel">取 消</el-button>
-			</div>
-		</el-dialog>
-	</div>
+    <!-- 添加或修改备品备件出入库对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+        <!-- <el-form-item label="出入库类型" prop="inOutType">
+          <el-input v-model="form.inOutType" placeholder="请输入出入库类型" style="width: 280px"/>
+        </el-form-item> -->
+        <el-form-item label="出入库类型" prop="inOutType">
+          <el-select
+            v-model="form.inOutType"
+            placeholder="请输入出入库类型"
+            @change="$forceUpdate()"
+            clearable
+            style="width: 280px"
+            @keyup.enter.native="handleQuery"
+          >
+            <el-option
+              v-for="dict in dict.type.in_out_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="出入库单号" prop="orderNo" v-if="form.id != null">
+          <el-input
+            v-model="form.orderNo"
+            placeholder="请输入入库单号"
+            style="width: 280px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="备品备件编码" prop="spareCode">
+          <el-input
+            v-model="form.spareCode"
+            placeholder="请选择备品备件编码"
+            style="width: 280px"
+          >
+            <el-button
+              slot="append"
+              @click="handleSelectSparePartsLedger"
+              icon="el-icon-search"
+            ></el-button>
+          </el-input>
+          <ItemSelectSparePartsLedger
+            ref="itemSelectSparePartsLedger"
+            @onSelected="onItemSelectedSparePartsLedger"
+          >
+          </ItemSelectSparePartsLedger>
+        </el-form-item>
+        <el-form-item label="备品备件名称" prop="spareName">
+          <el-input v-model="form.spareName" style="width: 280px" disabled />
+        </el-form-item>
+        <!-- <el-form-item label="备品备件号" prop="spareCode">
+          <el-input v-model="form.spareCode" placeholder="请输入备品备件号" />
+        </el-form-item>
+        <el-form-item label="备品备件描述" prop="spareName">
+          <el-input v-model="form.spareName" placeholder="请输入备品备件描述" />
+        </el-form-item> -->
+        <!-- <el-form-item label="数量" prop="amount">
+          <el-input v-model="form.amount" placeholder="请输入数量" style="width: 280px"/>
+        </el-form-item> -->
+        <el-col :span="12">
+          <el-form-item label="数量" prop="amount">
+            <el-input-number
+              :min="0"
+              :step="1"
+              v-model="form.amount"
+              placeholder="请输入数量"
+              style="width: 280px"
+            />
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { listSparepartsInOutStorage, getSparepartsInOutStorage, delSparepartsInOutStorage, addSparepartsInOutStorage, updateSparepartsInOutStorage } from "@/api/device/sparepartsInOutStorage";
+import {
+  listSparepartsInOutStorage,
+  getSparepartsInOutStorage,
+  delSparepartsInOutStorage,
+  addSparepartsInOutStorage,
+  updateSparepartsInOutStorage,
+} from "@/api/device/sparepartsInOutStorage";
+import ItemSelectSparePartsLedger from "./selectSparePartsLedger.vue";
 
 export default {
-	name: "SparepartsInOutStorage",
-	data() {
-		return {
-			// 遮罩层
-			loading: true,
-			// 选中数组
-			ids: [],
-			// 非单个禁用
-			single: true,
-			// 非多个禁用
-			multiple: true,
-			// 显示搜索条件
-			showSearch: true,
-			// 总条数
-			total: 0,
-			// 备品备件出入库表格数据
-			sparepartsInOutStorageList: [],
-			// 弹出层标题
-			title: "",
-			// 是否显示弹出层
-			open: false,
-			// 查询参数
-			queryParams: {
-				pageNum: 1,
-				pageSize: 10,
-				whCode: null,
-				waCode: null,
-				wlCode: null,
-				orderNo: null,
-				poNo: null,
-				poLine: null,
-				materialCode: null,
-				materialDesc: null,
-				sn: null,
-				amount: null,
-				userDefined1: null,
-				userDefined2: null,
-				userDefined3: null,
-				userDefined4: null,
-				userDefined5: null,
-				userDefined6: null,
-				userDefined7: null,
-				userDefined8: null,
-				userDefined9: null,
-				userDefined10: null,
-				gmtCreate: null,
-				lastModifiedBy: null,
-				gmtModified: null,
-				activeFlag: null,
-				factoryCode: null,
-				sapFactoryCode: null
-			},
-			// 表单参数
-			form: {},
-			// 表单校验
-			rules: {
-			}
-		};
-	},
-	created() {
-		this.getList();
-	},
-	methods: {
-		// 生成表头序号
+  name: "SparepartsInOutStorage",
+  components: { ItemSelectSparePartsLedger },
+  dicts: ["in_out_type"],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 备品备件出入库表格数据
+      sparepartsInOutStorageList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        id: null,
+        inOutType: null,
+        orderNo: null,
+        spareCode: null,
+        spareName: null,
+        amount: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        delFlag: null,
+        factoryCode: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        inOutType: [
+          { required: true, message: "出入库类型不能为空", trigger: "blur" },
+        ],
+        spareCode: [
+          { required: true, message: "备件名不能为空", trigger: "blur" },
+        ],
+        spareName: [
+          { required: true, message: "备件名称不能为空", trigger: "blur" },
+        ],
+        amount: [{ required: true, message: "数量不能为空", trigger: "blur" }],
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 生成表头序号
     indexMethod(index) {
       return index + 1;
     },
-		/** 查询备品备件出入库列表 */
-		getList() {
-			this.loading = true;
-			listSparepartsInOutStorage(this.queryParams).then(response => {
-				this.sparepartsInOutStorageList = response.rows;
-				this.total = response.total;
-				this.loading = false;
-			});
-		},
-		// 取消按钮
-		cancel() {
-			this.open = false;
-			this.reset();
-		},
-		// 表单重置
-		reset() {
-			this.form = {
-				rawOrderInSnId: null,
-				whCode: null,
-				waCode: null,
-				wlCode: null,
-				orderNo: null,
-				poNo: null,
-				poLine: null,
-				materialCode: null,
-				materialDesc: null,
-				sn: null,
-				amount: null,
-				userDefined1: null,
-				userDefined2: null,
-				userDefined3: null,
-				userDefined4: null,
-				userDefined5: null,
-				userDefined6: null,
-				userDefined7: null,
-				userDefined8: null,
-				userDefined9: null,
-				userDefined10: null,
-				createBy: null,
-				gmtCreate: null,
-				lastModifiedBy: null,
-				gmtModified: null,
-				activeFlag: null,
-				factoryCode: null,
-				sapFactoryCode: null
-			};
-			this.resetForm("form");
-		},
-		/** 搜索按钮操作 */
-		handleQuery() {
-			this.queryParams.pageNum = 1;
-			this.getList();
-		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm("queryForm");
-			this.handleQuery();
-		},
-		// 多选框选中数据
-		handleSelectionChange(selection) {
-			this.ids = selection.map(item => item.rawOrderInSnId)
-			this.single = selection.length!==1
-			this.multiple = !selection.length
-		},
-		/** 新增按钮操作 */
-		handleAdd() {
-			this.reset();
-			this.open = true;
-			this.title = "添加备品备件出入库";
-		},
-		/** 修改按钮操作 */
-		handleUpdate(row) {
-			this.reset();
-			const rawOrderInSnId = row.rawOrderInSnId || this.ids
-			getSparepartsInOutStorage(rawOrderInSnId).then(response => {
-				this.form = response.data;
-				this.open = true;
-				this.title = "修改备品备件出入库";
-			});
-		},
-		/** 提交按钮 */
-		submitForm() {
-			this.$refs["form"].validate(valid => {
-				if (valid) {
-					if (this.form.rawOrderInSnId != null) {
-						updateSparepartsInOutStorage(this.form).then(response => {
-							this.$modal.msgSuccess("修改成功");
-							this.open = false;
-							this.getList();
-						});
-					} else {
-						addSparepartsInOutStorage(this.form).then(response => {
-							this.$modal.msgSuccess("新增成功");
-							this.open = false;
-							this.getList();
-						});
-					}
-				}
-			});
-		},
-		/** 删除按钮操作 */
-		handleDelete(row) {
-			const rawOrderInSnIds = row.rawOrderInSnId || this.ids;
-			this.$modal.confirm('是否确认删除备品备件出入库编号为"' + rawOrderInSnIds + '"的数据项？').then(function() {
-				return delSparepartsInOutStorage(rawOrderInSnIds);
-			}).then(() => {
-				this.getList();
-				this.$modal.msgSuccess("删除成功");
-			}).catch(() => {});
-		},
-		/** 导出按钮操作 */
-		handleExport() {
-			this.download('device/sparepartsInOutStorage/export', {
-				...this.queryParams
-			}, `sparepartsInOutStorage_${new Date().getTime()}.xlsx`)
-		}
-	}
+    //备品备件选择弹出框
+    handleSelectSparePartsLedger() {
+      this.$refs.itemSelectSparePartsLedger.showFlag = true;
+    },
+    //备品备件回显
+    onItemSelectedSparePartsLedger(obj) {
+      this.form.storageId = obj[0].storageId;
+      this.form.spareCode = obj[0].materialCode;
+      this.form.spareName = obj[0].materialDesc;
+    },
+    /** 查询备品备件出入库列表 */
+    getList() {
+      this.loading = true;
+      listSparepartsInOutStorage(this.queryParams).then((response) => {
+        this.sparepartsInOutStorageList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        inOutType: null,
+        orderNo: null,
+        spareCode: null,
+        spareName: null,
+        amount: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        delFlag: null,
+        factoryCode: null,
+        storageId: null, //备品备件台账ID
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加备品备件出入库";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getSparepartsInOutStorage(id).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改备品备件出入库";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateSparepartsInOutStorage(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addSparepartsInOutStorage(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal
+        .confirm('是否确认删除备品备件出入库编号为"' + ids + '"的数据项？')
+        .then(function () {
+          return delSparepartsInOutStorage(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "device/sparepartsInOutStorage/export",
+        {
+          ...this.queryParams,
+        },
+        `sparepartsInOutStorage_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>
diff --git a/src/views/device/sparepartsInOutStorage/selectSparePartsLedger.vue b/src/views/device/sparepartsInOutStorage/selectSparePartsLedger.vue
new file mode 100644
index 00000000..310e8391
--- /dev/null
+++ b/src/views/device/sparepartsInOutStorage/selectSparePartsLedger.vue
@@ -0,0 +1,332 @@
+<template>
+  <el-dialog
+    title="备品备件选择"
+    v-if="showFlag"
+    :visible.sync="showFlag"
+    :modal="false"
+    width="1100px"
+    center
+    :before-close="cancel"
+  >
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="98px"
+    >
+      <el-form-item label="备品备件号" prop="materialCode">
+        <el-input
+          v-model="queryParams.materialCode"
+          placeholder="请输入备品备件号"
+          clearable
+          @keyup.enter.native="handleQuery"
+          style="width: 150px"
+        />
+      </el-form-item>
+      <el-form-item label="备件类型" prop="spareType">
+        <el-select
+          v-model="queryParams.spareType"
+          placeholder="请选择备件类型"
+          @keyup.enter.native="handleQuery"
+          @change="$forceUpdate()"
+          clearable
+          style="width: 150px"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.spareType"
+            :label="item.label"
+            :value="item.spareType"
+          ></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-table
+        v-loading="loading"
+        :data="sparePartsLedgerList"
+        @selection-change="handleSelectionChange"
+        ref="multipleTable"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <!-- 序号 -->
+        <el-table-column
+          type="index"
+          width="90"
+          align="center"
+          :index="indexMethod"
+          label="序号"
+        />
+        <el-table-column
+          label="备品备件号"
+          align="center"
+          prop="materialCode"
+          width="120"
+        />
+        <el-table-column
+          label="备品备件描述"
+          align="center"
+          prop="materialDesc"
+          width="120"
+        />
+        <el-table-column
+          label="备品备件类型"
+          align="center"
+          prop="spareType"
+          width="120"
+        />
+        <el-table-column label="规格型号" align="center" prop="spareMode" />
+        <el-table-column label="库存总数量" align="center" prop="amount" />
+        <el-table-column
+          label="库存可用数量"
+          align="center"
+          prop="availableQuantity"
+        >
+          <template slot-scope="scope">
+            <span>{{ scope.row.amount - scope.row.storageAmount }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="submitForm" :disabled="multiple">确 定</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+  <script>
+import {
+  listSparePartsLedger,
+  getSparePartsLedger,
+  delSparePartsLedger,
+  addSparePartsLedger,
+  updateSparePartsLedger,
+} from "@/api/device/sparePartsLedger";
+
+export default {
+  name: "SparePartsLedger",
+  data() {
+    return {
+      //展示
+      showFlag: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 备品备件台账管理表格数据
+      sparePartsLedgerList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        storageId: null,
+        whCode: null,
+        regionCode: null,
+        waCode: null,
+        storageType: null,
+        wlCode: null,
+        materialCode: null,
+        materialDesc: null,
+        amount: null,
+        storageAmount: null,
+        occupyAmount: null,
+        lpn: null,
+        productBatch: null,
+        receiveDate: null,
+        productDate: null,
+        userDefined1: null,
+        userDefined2: null,
+        userDefined3: null,
+        userDefined4: null,
+        userDefined5: null,
+        userDefined6: null,
+        userDefined7: null,
+        userDefined8: null,
+        userDefined9: null,
+        userDefined10: null,
+        gmtCreate: null,
+        lastModifiedBy: null,
+        gmtModified: null,
+        activeFlag: null,
+        factoryCode: null,
+        sapFactoryCode: null,
+        wlName: null,
+        spareUseLife: null,
+        spareName: null,
+        spareMode: null,
+        spareManufacturer: null,
+        spareSupplier: null,
+        spareReplacementCycle: null,
+        spareMeasurementUnit: null,
+        spareConversionUnit: null,
+        spareConversionRatio: null,
+        spareInventoryFloor: null,
+        spareInventoryUpper: null,
+      },
+      options: [
+        {
+          spareType: "专用",
+          label: "专用",
+        },
+        {
+          spareType: "通用",
+          label: "通用",
+        },
+      ],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        storageId: [
+          { required: true, message: "唯一序列不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    handleEdit(index, row) {
+      console.log("row:", index, row);
+      console.log("storageId:", row.storageId); //获取到变化行的name值
+    },
+    // 生成表头序号
+    indexMethod(index) {
+      return index + 1;
+    },
+    /** 查询备品备件台账管理列表 */
+    getList() {
+      this.loading = true;
+      listSparePartsLedger(this.queryParams).then((response) => {
+        this.sparePartsLedgerList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.showFlag = false;
+      this.reset();
+      this.resetQuery();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        storageId: null,
+        whCode: null,
+        regionCode: null,
+        waCode: null,
+        storageType: null,
+        wlCode: null,
+        materialCode: null,
+        materialDesc: null,
+        amount: null,
+        storageAmount: null,
+        occupyAmount: null,
+        lpn: null,
+        productBatch: null,
+        receiveDate: null,
+        productDate: null,
+        userDefined1: null,
+        userDefined2: null,
+        userDefined3: null,
+        userDefined4: null,
+        userDefined5: null,
+        userDefined6: null,
+        userDefined7: null,
+        userDefined8: null,
+        userDefined9: null,
+        userDefined10: null,
+        createBy: null,
+        gmtCreate: null,
+        lastModifiedBy: null,
+        gmtModified: null,
+        activeFlag: null,
+        factoryCode: null,
+        sapFactoryCode: null,
+        wlName: null,
+        delFlag: null,
+        spareUseLife: null,
+        spareName: null,
+        spareMode: null,
+        spareManufacturer: null,
+        spareSupplier: null,
+        spareReplacementCycle: null,
+        spareMeasurementUnit: null,
+        spareConversionUnit: null,
+        spareConversionRatio: null,
+        spareInventoryFloor: null,
+        spareInventoryUpper: null,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.storageId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 提交按钮 */
+    submitForm() {
+      console.log("data:", this.sparePartsLedgerList);
+      console.log("选择的数据", this.$refs.multipleTable.selection);
+      if (this.$refs.multipleTable.selection.length > 1) {
+        this.$message({
+          message: "请勿选择多种备件！",
+          type: "warning",
+        });
+      } else {
+        this.$emit("onSelected", this.$refs.multipleTable.selection);
+        this.showFlag = false;
+        //提交后刷新页面
+        this.resetQuery();
+      }
+    },
+  },
+};
+</script>