|
@@ -0,0 +1,153 @@
|
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
|
+<html lang="zh-CN">
|
|
|
|
|
+<head>
|
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
+ <title>资产管理</title>
|
|
|
|
|
+ <link rel="stylesheet" href="../../lib/layui/css/layui.css">
|
|
|
|
|
+ <style>
|
|
|
|
|
+ body { padding: 15px; }
|
|
|
|
|
+ .search-form { margin-bottom: 15px; padding: 15px; background: #fff; border-radius: 4px; }
|
|
|
|
|
+ .table-toolbar { margin-bottom: 10px; }
|
|
|
|
|
+ </style>
|
|
|
|
|
+</head>
|
|
|
|
|
+<body>
|
|
|
|
|
+ <div class="search-form">
|
|
|
|
|
+ <form class="layui-form layui-form-pane" lay-filter="searchForm">
|
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">资产管理部门</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <input type="text" name="deptName" placeholder="请输入资产管理部门" class="layui-input">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">资产编码</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <input type="text" name="assetCode" placeholder="请输入资产编码" class="layui-input">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">资产类型</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <input type="text" name="assetType" placeholder="请输入资产类型" class="layui-input">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">品牌</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <input type="text" name="brand" placeholder="请输入品牌" class="layui-input">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">盘点状态</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <select name="invstkStatus" class="layui-select">
|
|
|
|
|
+ <option value="">全部</option>
|
|
|
|
|
+ <option value="0">未盘点</option>
|
|
|
|
|
+ <option value="1">已盘点</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <button type="button" class="layui-btn" id="btnSearch"><i class="layui-icon layui-icon-search"></i> 搜索</button>
|
|
|
|
|
+ <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="table-toolbar">
|
|
|
|
|
+ <button class="layui-btn layui-btn-sm" id="btnAdd"><i class="layui-icon layui-icon-add-1"></i> 添加</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <table id="tableList" lay-filter="tableList"></table>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/html" id="toolbar">
|
|
|
|
|
+ <a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i> 编辑</a>
|
|
|
|
|
+ <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i> 删除</a>
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/html" id="invstkStatusTpl">
|
|
|
|
|
+ {{# if(d.invstkStatus === '1') { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-green">已盘点</span>
|
|
|
|
|
+ {{# } else { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-gray">未盘点</span>
|
|
|
|
|
+ {{# } }}
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/html" id="purchaseValueTpl">
|
|
|
|
|
+ {{# if(d.purchaseValue) { }}
|
|
|
|
|
+ ¥{{d.purchaseValue}}
|
|
|
|
|
+ {{# } else { }}
|
|
|
|
|
+ -
|
|
|
|
|
+ {{# } }}
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|
|
|
|
|
+ <script src="../../lib/jquery.min.js"></script>
|
|
|
|
|
+ <script src="../../lib/layui/layui.js"></script>
|
|
|
|
|
+ <script src="../../js/config.js"></script>
|
|
|
|
|
+ <script src="../../js/common.js"></script>
|
|
|
|
|
+ <script>
|
|
|
|
|
+ layui.use(['table', 'layer', 'form'], function() {
|
|
|
|
|
+ var table = layui.table;
|
|
|
|
|
+ var layer = layui.layer;
|
|
|
|
|
+ var form = layui.form;
|
|
|
|
|
+
|
|
|
|
|
+ var tableIns = TableRender.init({
|
|
|
|
|
+ elem: '#tableList',
|
|
|
|
|
+ url: Config.api.assets.page,
|
|
|
|
|
+ cols: [[
|
|
|
|
|
+ { field: 'deptName', title: '资产管理部门', width: 150 },
|
|
|
|
|
+ { field: 'assetCode', title: '资产编码', width: 150 },
|
|
|
|
|
+ { field: 'assetType', title: '资产类型', width: 120 },
|
|
|
|
|
+ { field: 'brand', title: '品牌', width: 100 },
|
|
|
|
|
+ { field: 'model', title: '型号', width: 120 },
|
|
|
|
|
+ { field: 'purchaseDate', title: '购买日期', width: 120 },
|
|
|
|
|
+ { field: 'purchaseValue', title: '采购价值', width: 120, templet: '#purchaseValueTpl' },
|
|
|
|
|
+ { field: 'invstkStatus', title: '盘点状态', width: 100, templet: '#invstkStatusTpl' },
|
|
|
|
|
+ { field: 'lastInvstkTime', title: '最后盘点时间', width: 170, templet: function(d) { return d.lastInvstkTime ? Common.formatDate(d.lastInvstkTime) : '-'; } },
|
|
|
|
|
+ { field: 'createTime', title: '创建时间', width: 170, templet: function(d) { return Common.formatDate(d.createTime); } },
|
|
|
|
|
+ { fixed: 'right', title: '操作', width: 200, align: 'center', toolbar: '#toolbar' }
|
|
|
|
|
+ ]]
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('#btnSearch').click(function() {
|
|
|
|
|
+ table.reload('tableList', {
|
|
|
|
|
+ where: form.val('searchForm'),
|
|
|
|
|
+ page: { curr: 1 }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('#btnAdd').click(function() {
|
|
|
|
|
+ Common.open({
|
|
|
|
|
+ title: '添加资产',
|
|
|
|
|
+ area: ['650px', '550px'],
|
|
|
|
|
+ content: 'assets_form.html'
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ table.on('tool(tableList)', function(obj) {
|
|
|
|
|
+ var data = obj.data;
|
|
|
|
|
+ var event = obj.event;
|
|
|
|
|
+
|
|
|
|
|
+ if (event === 'edit') {
|
|
|
|
|
+ Common.open({
|
|
|
|
|
+ title: '编辑资产',
|
|
|
|
|
+ area: ['650px', '550px'],
|
|
|
|
|
+ content: 'assets_form.html?id=' + data.id
|
|
|
|
|
+ });
|
|
|
|
|
+ } else if (event === 'del') {
|
|
|
|
|
+ Common.confirm('确定要删除资产 【' + data.assetCode + '】 吗?', function() {
|
|
|
|
|
+ Common.del(Config.api.assets.remove + '/' + data.id, function(res) {
|
|
|
|
|
+ Common.success('删除成功', function() {
|
|
|
|
|
+ obj.del();
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ </script>
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|