| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>记录详情</title>
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
- <link rel="stylesheet" href="../css/init.css" />
- <link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
- <link rel="stylesheet" href="../SystemManager/css/yongHuManger.css" />
- <link href="../css/WorkOrder/seeProjectDetail.css" rel="stylesheet" />
- <style type="text/css">
- .model {
- display: block;
- background: none;
- }
- input{
- border: none;
- background-color: #fff;
- }
- #ygbirth{
- border: none;
- background-color: #fff;
- }
- .add_remark{
- border: none;
- background-color: #fff;
- }
- .boxCon{
- height: auto;
- }
- </style>
- </head>
- <body >
- <div class="model addModel">
- <div class="box">
- <div class="boxCon">
- <table>
- <tbody>
- <tr>
- <th>承办单位:</th>
- <td>
- <input type="" name="department" id="department" value="" disabled/>
- </td>
- </tr>
- <tr>
- <th>时限:</th>
- <td><input type="text" class="add_birth " id="ygbirth" disabled/></td>
- </tr>
- <tr>
- <th>添加时间:</th>
- <td><input type="text" class="add_birth " id="submitusertime" disabled/></td>
- </tr>
- <tr>
- <th>添加人:</th>
- <td><input type="text" class="add_birth " id="createusername" disabled /></td>
- </tr>
- <tr>
- <th>提交人:</th>
- <td><input type="text" class="add_birth " id="submitusername" disabled/></td>
- </tr>
- <tr>
- <th>紧急程度:</th>
- <td>
- <input type="" name="leavel" id="leavel" value="" disabled/>
- </td>
- </tr>
- <tr>
- <th style="padding-top: 0;">文本描述:</th>
- <td colspan="3">
- <textarea class="add_remark" disabled></textarea>
- </td>
- </tr>
- <tr>
- <th>附件:</th>
- <td>
- <div class="FJ file_imgs">
-
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- $(function(){
- var wid = helper.request.queryString("wid");
- load(wid);
- })
- function load(wid) {
- $.get(huayi.config.callcenter_url + "Repository/GetModel_Demands", {
- token: $.cookie("token"),
- demandsid:wid,
- }, function (data) {
- data = JSON.parse(data);
- if (data.state.toLowerCase() == "success") {
- $('#department').val(data.data.deptname);
- $('#ygbirth').val(data.data.model.F_LimitTime);
- $('#submitusername').val(data.data.submitusername);
- $('#submitusertime').val(data.data.model.F_CreateTime);
- $('#createusername').val(data.data.createusername);
- $('.add_remark').val(data.data.model.F_Descript);
- $('#leavel').val(States(data.data.model.F_Level));
- }
- if(data.data.file){
- var HTML;
- $(data.data.file).each(function(i, v) {
- // HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n.F_FileName.substring(19)+ '">' + n.F_FileName.substring(19) + '</a>'
- // $(HTML).appendTo($('.FJ'));
- var $list = $(".FJ");
- // console.log(v.F_FileType.split(".")[1]);
- // return false;
- console.log(v.F_FileType.split(".")[1])
- if(v.F_FileType.split(".")[1]==='jpg'||v.F_FileType.split(".")[1]==='png') {
- //原来的图片
- var $li = $(
- '<li><span class="img_mask" ><a href="' + v.F_FileUrl + '" download="filename" title="点击下载"><i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i></a></span>' +
- '<img layer-src="' + v.F_FileUrl + '" alt="'+ v.F_FileName.split(')')[1] +'" src="' + v.F_FileUrl + '" title="图片"/>' +
- // '<span class="file_name">' + v.F_FileName + '</span>' +
- '</li>'
- );
- $list.append($li);
- } else {
- var $liFile = $(
- '<li><span class="img_mask"><a href="' + v.F_FileUrl + '" download="filename" title="点击下载"><i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i></a></span>' +
- '<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
- // '<span class="file_name">' + v.F_FileName + '</span>' +
- '</li>'
- );
- $list.append($liFile);
- }
- })
- layer.photos({
- photos: '.FJ',
- anim: 5, //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
- title: '查看图片',
- move: '.layui-layer-title',
- shadeClose: false,
- closeBtn: 1,
- area: ['80%', '90%'],
- tab: function(pic, layero) {
- $('.layui-layer-content').on("mousewheel", function(e, d) {
-
- helper.methods.zoomImg($('#layui-layer-photos').find('img[alt="' + pic.alt + '"]'), d);
- $('#layui-layer-photos').find('img[alt="' + pic.alt + '"]').dragging({
- move: "both", //拖动方向,x y both
- randomPosition: false //初始位置是否随机
- });
- return false;
-
- });
- helper.methods.initLayerPhotos('#layui-layer-photos', pic, layero);
- },
- });
- }
- });
- }
- //状态
- function States(val) {
- var html = '';
- switch (val + '') {
- case '0':
- html = '普通';
- break;
- case '1':
- html = '紧急';
- break;
- }
- return html;
- }
- </script>
- <script src="../js/jquery.md5.js"></script>
- <script src="../css/laydate/laydate.js"></script>
- <script src="../css/layer/layer.js"></script>
- <script src="../js/zTree/jquery.ztree.core.js"></script>
- <script src="../js/comboSelect/jquery.combo.select.js"></script>
- </body>
- </html>
|