|
@@ -0,0 +1,154 @@
|
|
|
|
|
+<!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">
|
|
|
|
|
+ <select name="useStatus" class="layui-select">
|
|
|
|
|
+ <option value="">全部</option>
|
|
|
|
|
+ <option value="在库">在库</option>
|
|
|
|
|
+ <option value="正常使用">正常使用</option>
|
|
|
|
|
+ <option value="已转移">已转移</option>
|
|
|
|
|
+ <option value="报废中">报废中</option>
|
|
|
|
|
+ <option value="维修中">维修中</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">使用部门</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <input type="text" name="useDept" 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="useUser" placeholder="请输入使用人" class="layui-input">
|
|
|
|
|
+ </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="useStatusTpl">
|
|
|
|
|
+ {{# if(d.useStatus === '在库') { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-gray">在库</span>
|
|
|
|
|
+ {{# } else if(d.useStatus === '正常使用') { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-green">正常使用</span>
|
|
|
|
|
+ {{# } else if(d.useStatus === '已转移') { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-blue">已转移</span>
|
|
|
|
|
+ {{# } else if(d.useStatus === '报废中') { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-orange">报废中</span>
|
|
|
|
|
+ {{# } else if(d.useStatus === '维修中') { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-yellow">维修中</span>
|
|
|
|
|
+ {{# } else { }}
|
|
|
|
|
+ <span class="layui-badge layui-bg-cyan">{{d.useStatus}}</span>
|
|
|
|
|
+ {{# } }}
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/html" id="currentTpl">
|
|
|
|
|
+ <span>{{d.useCompany}} / {{d.useDept}} / {{d.useUser}}</span>
|
|
|
|
|
+ </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 assetId = Common.getQueryString('assetId') || '';
|
|
|
|
|
+
|
|
|
|
|
+ var tableIns = TableRender.init({
|
|
|
|
|
+ elem: '#tableList',
|
|
|
|
|
+ url: Config.api.assetStatusHistory.page,
|
|
|
|
|
+ where: { assetId: assetId },
|
|
|
|
|
+ cols: [[
|
|
|
|
|
+ { type: 'checkbox', fixed: 'left' },
|
|
|
|
|
+ { field: 'useCompany', title: '使用公司', width: 150 },
|
|
|
|
|
+ { field: 'useDept', title: '使用部门', width: 120 },
|
|
|
|
|
+ { field: 'useUser', title: '使用人', width: 100 },
|
|
|
|
|
+ { field: 'useStatus', title: '使用状态', width: 110, templet: '#useStatusTpl' },
|
|
|
|
|
+ { field: 'curLocation', title: '当前位置', width: 150 },
|
|
|
|
|
+ { field: 'startDate', title: '生效开始日期', width: 130, templet: function(d) { return d.startDate || '-'; } },
|
|
|
|
|
+ { field: 'endDate', title: '生效结束日期', width: 130, templet: function(d) { return d.endDate || '-'; } },
|
|
|
|
|
+ { field: 'operatorName', title: '操作人', width: 100 },
|
|
|
|
|
+ { field: 'operatorDate', title: '操作时间', width: 170, templet: function(d) { return d.operatorDate ? Common.formatDate(d.operatorDate) : '-'; } },
|
|
|
|
|
+ { field: 'remark', title: '备注' },
|
|
|
|
|
+ { fixed: 'right', title: '操作', width: 150, align: 'center', toolbar: '#toolbar' }
|
|
|
|
|
+ ]]
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('#btnSearch').click(function() {
|
|
|
|
|
+ var data = form.val('searchForm');
|
|
|
|
|
+ data.assetId = assetId;
|
|
|
|
|
+ table.reload('tableList', {
|
|
|
|
|
+ where: data,
|
|
|
|
|
+ page: { curr: 1 }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('#btnAdd').click(function() {
|
|
|
|
|
+ Common.open({
|
|
|
|
|
+ title: '添加资产状态历史',
|
|
|
|
|
+ area: ['650px', '550px'],
|
|
|
|
|
+ content: 'asset_status_history_form.html?assetId=' + assetId
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ table.on('tool(tableList)', function(obj) {
|
|
|
|
|
+ var data = obj.data;
|
|
|
|
|
+ var event = obj.event;
|
|
|
|
|
+
|
|
|
|
|
+ if (event === 'edit') {
|
|
|
|
|
+ Common.open({
|
|
|
|
|
+ title: '编辑资产状态历史',
|
|
|
|
|
+ area: ['650px', '550px'],
|
|
|
|
|
+ content: 'asset_status_history_form.html?assetId=' + assetId + '&id=' + data.id
|
|
|
|
|
+ });
|
|
|
|
|
+ } else if (event === 'del') {
|
|
|
|
|
+ Common.confirm('确定要删除该状态历史记录吗?', function() {
|
|
|
|
|
+ Common.del(Config.api.assetStatusHistory.remove + '/' + data.id, function(res) {
|
|
|
|
|
+ Common.success('删除成功', function() {
|
|
|
|
|
+ obj.del();
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ </script>
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|