| | |
| | | <div class="home-container"> |
| | | <div style="height: 100%"> |
| | | <el-row class="homeCard"> |
| | | <!-- <div class="basic-line">--> |
| | | <!-- <span>设备区域名称:</span>--> |
| | | <!-- <el-input class="input-box" v-model="tableData.listQuery.regionName" placeholder="设备区域名称" clearable> </el-input>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="basic-line">--> |
| | | <!-- <span>设备区域类型:</span>--> |
| | | <!-- <el-select class="input-box" v-model="tableData.listQuery.regionTypeId" placeholder="设备区域类型" filterable>--> |
| | | <!-- </el-select>--> |
| | | <!-- </div>--> |
| | | <div class="basic-line"> |
| | | <span>分类名称:</span> |
| | | <el-select class="input-box" v-model="tableData.listQuery.searchParams.bigClassifyId" placeholder="分类名称" filterable> |
| | | <el-option |
| | | v-for="item in tableData.goodsBigClassifyList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.materialClassifyName" |
| | | ></el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="basic-line"> |
| | | <span>物资名称:</span> |
| | | <el-input class="input-box" v-model="tableData.listQuery.searchParams.materialName" placeholder="物资名称" clearable> </el-input> |
| | | </div> |
| | | <div style="padding-bottom: 10px"> |
| | | <el-button size="large" type="primary" class="ml10" v-throttle @click="refreshGoodsAndEquipmentData"> |
| | | <el-icon> |
| | |
| | | </el-icon> |
| | | 新增 |
| | | </el-button> |
| | | <el-button size="large" class="ml10" @click="openAddGoods()"> |
| | | 管理分类 |
| | | </el-button> |
| | | <!-- <el-button size="large" class="ml10" @click="openAddGoods()">--> |
| | | <!-- 管理分类--> |
| | | <!-- </el-button>--> |
| | | </div> |
| | | </el-row> |
| | | <div class="homeCard"> |
| | |
| | | <el-table-column prop="serialNum" label="序列号" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="depName" label="部门名称" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="consumableName" label="是否是耗材" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="validStockCount" label="库存" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="stockCount" label="库存" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="操作" width="250" align="center"> |
| | | <template #default="scope"> |
| | | <el-button size="small" text type="success" :icon="Edit" @click="openBatchInStorage('批量入库', scope.row)">批量入库</el-button> |
| | |
| | | <safety-goods-and-equipment-dialog ref="safetyGoodsAndEquipmentDialogRef" @refreshData="refreshGoodsAndEquipmentData"></safety-goods-and-equipment-dialog> |
| | | <batch-out-storage ref="batchOutStorageRef" @refreshData="refreshGoodsAndEquipmentData"></batch-out-storage> |
| | | <batch-in-storage ref="batchInStorageRef" @refreshData="refreshGoodsAndEquipmentData"></batch-in-storage> |
| | | <add-goods-dialog ref="addGoodsDialogRef"></add-goods-dialog> |
| | | <add-goods-dialog ref="addGoodsDialogRef" @refreshClassify="getAllSafetyEquipmentList"></add-goods-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | batchOutStorageRef.value.openBatchOutStorageDialog(value) |
| | | } |
| | | |
| | | const openAddGoods = () => { |
| | | addGoodsDialogRef.value.openAddGoodsDialog(tableData.goodsBigClassifyList) |
| | | } |
| | | // const openAddGoods = () => { |
| | | // addGoodsDialogRef.value.openAddGoodsDialog(tableData.goodsBigClassifyList) |
| | | // } |
| | | |
| | | const linkToGoodsDetail = (title: string, value: DataType) => { |
| | | router.push({ path: '/goodsDetailManage', query:{ id: value.id } }); |
| | |
| | | const getAllSafetyEquipmentList = async () => { |
| | | let res = await goodsAndEquipmentApi().getAllSafetyEquipment(); |
| | | if(res.data.code === '200'){ |
| | | tableData.goodsBigClassifyList = res.data.data |
| | | tableData.goodsBigClassifyList = JSON.parse(JSON.stringify(res.data.data)) |
| | | }else{ |
| | | ElMessage({ |
| | | message:res.data.msg, |
| | |
| | | color: #0098f5; |
| | | } |
| | | } |
| | | |
| | | :deep(.el-textarea.is-disabled .el-textarea__inner) { |
| | | background-color: var(--el-card-bg-color); |
| | | color: var(--el-input-text-color, var(--el-text-color-regular)); |
| | | } |
| | | :deep(.el-input.is-disabled .el-input__inner) { |
| | | color: var(--el-input-text-color, var(--el-text-color-regular)); |
| | | } |
| | | :deep(.el-input.is-disabled .el-input__wrapper) { |
| | | background-color: var(--el-card-bg-color); |
| | | } |
| | | </style> |