|
|
@@ -1,177 +1,330 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title>物品信息</title>
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
- <link rel="stylesheet" href="css/mui.min.css">
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <header id="header" class="mui-bar mui-bar-nav">
|
|
|
- <a id="go-back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="display: none;"></a>
|
|
|
- <h1 id="title" class="mui-title">物品信息</h1>
|
|
|
- </header>
|
|
|
- <div class="mui-content">
|
|
|
- <div class="mui-card">
|
|
|
- <ul id="kfList" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>所属库房：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="kfName"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>库房管理员：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="kfAdmin"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>物品名称：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="goodsName"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>型号/规格：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="goodsType"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>单位：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="goodsUnit"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>装备数量：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="goodsNum"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>入库年限：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="upTime"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>存储年限（年）：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="saveYear"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>报废数量：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="scrapNum"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>剩余数量：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="leaveNum"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>盘库时间：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="makeTime"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell">
|
|
|
- <div class="mui-table">
|
|
|
- <div class="mui-table-cell mui-col-xs-5">
|
|
|
- <div>备注：</div>
|
|
|
- </div>
|
|
|
- <div class="mui-table-cell mui-col-xs-7">
|
|
|
- <div id="remark"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>物品信息</title>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <link rel="stylesheet" href="css/mui.min.css">
|
|
|
+ <link rel="stylesheet" href="js/layui-v2.9.3/layui/css/layui.css">
|
|
|
+ <!-- 引入Layui的JS文件 -->
|
|
|
+ <script src="js/layui-v2.9.3/layui/layui.js"></script>
|
|
|
+</head>
|
|
|
+<style>
|
|
|
+ .mui-card {
|
|
|
+ background-color: transparent;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toptitle {
|
|
|
+ background-image: url(images/bg.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ height: 100px;
|
|
|
+ padding-top: 15px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mui-col-xs-4 {
|
|
|
+ color: #999;
|
|
|
+ line-height: 15px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toptitle .mui-col-xs-4 {
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 30px;
|
|
|
+ opacity: 0.6;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toptitle .mui-col-xs-8 {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mui-table-view-cell:after {
|
|
|
+ content: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mui-col-xs-8 img {
|
|
|
+ width: 110px;
|
|
|
+ height: 60px;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <header id="header" class="mui-bar mui-bar-nav">
|
|
|
+ <a id="go-back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="display: none;"></a>
|
|
|
+ <h1 id="title" class="mui-title">物品信息</h1>
|
|
|
+ </header>
|
|
|
+ <div class="mui-content">
|
|
|
+ <div class="mui-card">
|
|
|
+ <div class="toptitle">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>所属库房：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="kfName"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>库房管理员：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="kfAdmin"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <ul id="kfList" class="mui-table-view mui-table-view-striped mui-table-view-condensed"
|
|
|
+ style="margin-top: -10px;">
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>资产编号：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodsNode"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>资产名称：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodsName"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>资产类型：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodType"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>资产状态：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodStadus"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>型号/规格：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodsType"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>单位：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodsUnit"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>装备数量：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="goodsNum"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>入库时间：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="upTime"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>存储年限（年）：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="saveYear"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>报废数量：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="scrapNum"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>剩余数量：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="leaveNum"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>盘库时间：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="makeTime"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>备注：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="remark"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <div class="mui-table" style="display: flex;">
|
|
|
+ <div class="mui-table-cell mui-col-xs-4">
|
|
|
+ <div>图片：</div>
|
|
|
+ </div>
|
|
|
+ <div class="mui-table-cell mui-col-xs-8">
|
|
|
+ <div id="imgList"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <script src="js/jquery.min.js"></script>
|
|
|
- <script src="js/mui.min.js"></script>
|
|
|
- <script>
|
|
|
- mui.init({
|
|
|
- statusBarBackground: '#f7f7f7'
|
|
|
- });
|
|
|
- mui.ready(() => {
|
|
|
- const params = new URLSearchParams(window.location.search);
|
|
|
- if (params.get('type') == 1) {
|
|
|
- $('#go-back').css({'display': 'block'})
|
|
|
+ </div>
|
|
|
+ <script src="js/jquery.min.js"></script>
|
|
|
+ <script src="js/mui.min.js"></script>
|
|
|
+ <script>
|
|
|
+ layui.use('layer', function () {
|
|
|
+ var layer = layui.layer;
|
|
|
+ var node = document.getElementById('imgList');
|
|
|
+ var images = node.querySelectorAll('img');
|
|
|
+ console.log(images)
|
|
|
+ for (var i = 0; i < images.length; i++) {
|
|
|
+ // 获取图片元素
|
|
|
+ var img = document.getElementById(images[i].id);
|
|
|
+ // 绑定点击事件
|
|
|
+ img.onclick = function () {
|
|
|
+ // 调用图片查看器
|
|
|
+ layer.photos({
|
|
|
+ photos: {
|
|
|
+ "title": "",
|
|
|
+ "id": 1,
|
|
|
+ "start": 0, // 开始图片的位置
|
|
|
+ "data": [ // 图片数组
|
|
|
+ {
|
|
|
+ "src": this.src // 点击的图片的路径
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ closeBtn: false, // 显示关闭按钮
|
|
|
+ anim: 5 // 图片切换动画
|
|
|
+ });
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ mui.init({
|
|
|
+ statusBarBackground: '#f7f7f7'
|
|
|
+ });
|
|
|
+ mui.ready(() => {
|
|
|
+ const params = new URLSearchParams(window.location.search);
|
|
|
+ if (params.get('type') == 1) {
|
|
|
+ $('#go-back').css({ 'display': 'block' })
|
|
|
+ }
|
|
|
+ var result = JSON.parse(sessionStorage.getItem("detailData"));
|
|
|
+ console.log(result)
|
|
|
+ if (result) {
|
|
|
+ $('#goodsNode').text(result.zcbm)
|
|
|
+ $('#kfName').text(result.kfm)
|
|
|
+ $('#kfAdmin').text(result.kfgly)
|
|
|
+ $('#goodsName').text(result.name)
|
|
|
+ $('#goodType').text(result.zclx)
|
|
|
+ $('#goodsType').text(result.xhgg?result.xhgg:"无")
|
|
|
+ $('#goodsUnit').text(result.dw)
|
|
|
+ $('#goodsNum').text(result.zbsl + " " + result.dws)
|
|
|
+ $('#upTime').text(result.rknx)
|
|
|
+ $('#saveYear').text(result.ccnx)
|
|
|
+ $('#scrapNum').text(result.bfsl)
|
|
|
+ $('#leaveNum').text(result.sysl)
|
|
|
+ $('#makeTime').text(result.grsj)
|
|
|
+ $('#remark').text(result.bz)
|
|
|
+ $('#goodStadus').text(result.zt)
|
|
|
+ // var imgList=result.tp.split(",");
|
|
|
+ var imgList = ['upload/2024-05-28/20240528023654.jpg']
|
|
|
+ let html = '';
|
|
|
+ for (let i = 0; i < imgList.length; i++) {
|
|
|
+ html += '<img src="http://58.144.199.81:8011/' + imgList[i] + '" id="zoom-img"' + (i + 1) + '></img>'
|
|
|
}
|
|
|
- mui.ajax({
|
|
|
- url: window.location.origin +'/wzglxtht/system/goods/getKuFangGoodsById?id=' + params.get('id'),
|
|
|
- type: 'get',
|
|
|
- success: function(json) {
|
|
|
- if (json.data) {
|
|
|
- $('#kfName').text(json.data.kufang.kfName)
|
|
|
- $('#kfAdmin').text(json.data.adminName)
|
|
|
- $('#goodsName').text(json.data.goods.goodsName)
|
|
|
- $('#goodsType').text(json.data.goods.goodsType)
|
|
|
- $('#goodsUnit').text(json.data.goods.goodsUnit)
|
|
|
- $('#goodsNum').text(json.data.goods.goodsNum)
|
|
|
- $('#upTime').text(json.data.goods.upTime)
|
|
|
- $('#saveYear').text(json.data.goods.saveYear)
|
|
|
- $('#scrapNum').text(json.data.goods.scrapNum)
|
|
|
- $('#leaveNum').text(json.data.goods.leaveNum)
|
|
|
- $('#makeTime').text(json.data.goods.makeTime)
|
|
|
- $('#remark').text(json.data.goods.remark)
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- })
|
|
|
- </script>
|
|
|
- </body>
|
|
|
+ $('#imgList').append(html)
|
|
|
+ }
|
|
|
+
|
|
|
+ // mui.ajax({
|
|
|
+ // // url: window.location.origin +'/wzglxtht/system/goods/getKuFangGoodsById?id=' + params.get('id'),
|
|
|
+ // url: 'http://8.137.99.54/wzglxtht/system/goods/getKuFangGoodsById?id=' + params.get('id'),
|
|
|
+ // type: 'get',
|
|
|
+ // success: function (json) {
|
|
|
+ // if (json.data) {
|
|
|
+ // console.log(json.data)
|
|
|
+ // $('#kfName').text(json.data.kufang.kfName)
|
|
|
+ // $('#kfAdmin').text(json.data.adminName)
|
|
|
+ // $('#goodsName').text(json.data.goods.goodsName)
|
|
|
+ // $('#goodsType').text(json.data.goods.goodsType)
|
|
|
+ // $('#goodsUnit').text(json.data.goods.goodsUnit)
|
|
|
+ // $('#goodsNum').text(json.data.goods.goodsNum)
|
|
|
+ // $('#upTime').text(json.data.goods.upTime)
|
|
|
+ // $('#saveYear').text(json.data.goods.saveYear)
|
|
|
+ // $('#scrapNum').text(json.data.goods.scrapNum)
|
|
|
+ // $('#leaveNum').text(json.data.goods.leaveNum)
|
|
|
+ // $('#makeTime').text(json.data.goods.makeTime)
|
|
|
+ // $('#remark').text(json.data.goods.remark)
|
|
|
+ // // let html='<div id="imgList">';
|
|
|
+ // // for (let i = 0; i <json.data.images.length; i++) {
|
|
|
+ // // html += '<img src='+json.data.images[i]+' id="zoom-img"'+(i+1s)+'></img>'
|
|
|
+ // // }
|
|
|
+ // // html+="</div>"
|
|
|
+ // // $('#imagesList').append(html)
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
</html>
|
MS-FUUVYHVOEAYJ\Administrator