123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="Cache" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache, must-revalidate">
- <meta http-equiv="expires" content="0">
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <title>备件出入库记录</title>
- <link rel="stylesheet" href="../css/index.css">
- <link rel="stylesheet" href="../css/style.css">
- <link rel="stylesheet" href="../css/iconfont.css">
- <script src="../js/vue.min.js"></script>
- <script src="../js/index.js"></script>
- <script src="../js/jquery.min.js"></script>
- <script src="../js/echarts.min.js"></script>
- <script type="text/javascript">
- document.write('<script src="../assets/init.js?id=' + (new Date().getTime()) +
- '" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../assets/ajax.js?id=' + (new Date().getTime()) +
- '" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- <script>
- checkLogin();
- </script>
- <style type="text/css">
- .el-form-item__label {
- color: #fff;
- }
- .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
- color: #409EFF;
- background-color: transparent;
- }
- ::--webkit-scrollbar{
- display: block !important;
- }
- .mainTable .el-table tr,
- .mainTable .el-table td {
- font-size: 14px;
- background-color: transparent !important;
- }
- .mainTable .el-table,.mainTable .el-table__expanded-cell {
- color: #ddd;
- background-color: transparent !important;
- }
- .mainTable .el-table td.el-table__cell,.mainTable .el-table th.el-table__cell.is-leaf{
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
- }
- .el-input__inner{
- color: #ececec;
- height: 34px;
- line-height: 34px;
- border-color: transparent;
- background-color: rgba(255, 255, 255, 0.2);
- }
- </style>
- </head>
- <body>
- <div id="app" v-cloak class="padding-xs">
- <el-row :gutter="10">
- <el-col :span="12" :xs="24">
- <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="120px">
- <el-form-item label="出入库类型:" prop="sparePartAccessType" class="cerName">
- <el-select clearable
- v-model="queryParams.sparePartAccessType"
- placeholder="请选择出入库类型"
- @change="handleQuery"
- style="width:100%;display:block">
- <el-option v-for="dict in sparePartAccessTypeList" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" size="small" icon="el-icon-search" @click="handleQuery">搜索</el-button>
- <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
- </el-form-item>
- </el-form>
- </el-col>
- </el-row>
- <div class="mainTable">
- <el-table :data="storageList"
- :header-cell-style="{ color: 'var(--white)',background: '#082041' }">
- <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
- <el-table-column label="出入库说明" align="center" prop="sparePartAccessExplain" show-overflow-tooltip></el-table-column>
- <el-table-column label="出入库类型" align="center" prop="sparePartAccessType">
- <template slot-scope="scope">
- <my-dicttag :options="sparePartAccessTypeList" :value="scope.row.sparePartAccessType"></my-dicttag>
- </template>
- </el-table-column>
- <el-table-column label="申请人" align="center" prop="createBy"></el-table-column>
- <el-table-column label="申请时间" align="center" prop="createTime"></el-table-column>
- <el-table-column label="操作" align="center" width="150">
- <template slot-scope="scope">
- <el-button link type="text" class="text-green" icon="el-icon-view" @click="handleSee(scope.row)">详情</el-button>
- <el-button link type="text" class="text-red" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <div class="margin-tb-sm" v-if="storageList.length">
- <el-pagination @current-change="handleCurrentChange" :current-page="queryParams.pageNum" background
- :page-size="10" layout="total, prev, pager, next, jumper" :total="allTotal">
- </el-pagination>
- </div>
- <el-drawer
- title="备件列表"
- size="50vw"
- :visible.sync="drawerDolag"
- direction="rtl">
- <div class="padding-xs">
- <el-table :data="sparePartAccessDetailsList"
- stripe
- :cell-style="{ color: 'var(--black)' }"
- :header-cell-style="{ color: 'var(--white)',background: '#5e5e5e' }">
- <el-table-column label="备件编号" align="center" prop="sparePartAccessId"></el-table-column>
- <el-table-column label="备件名称" align="center" prop="sparePartName"></el-table-column>
- <el-table-column label="备件规格" align="center" prop="sparePartSpecifications"></el-table-column>
- <el-table-column label="备件品牌" align="center" prop="sparePartBrand"></el-table-column>
- <el-table-column label="数量" align="center" prop="sparePartRetrievalQuantity"></el-table-column>
- </el-table>
-
- </div>
- </el-drawer>
- </div>
- <script type="text/javascript">
- document.write('<script src="../assets/fileApi.js?id=' + (new Date().getTime()) + '" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../components/DictTag.js?id=' + (new Date().getTime()) + '" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../assets/InOutStorage.js?id=' + (new Date().getTime()) + '" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- </body>
- </html>
|