添加处理方案显示

hdw

2018-11-07 0c291f930b3e375f3baaf8f1e8c767973c87c140

添加处理方案显示

 gx_tieta/WebRoot/batt-fault-manage.jsp

@@ -118,6 +118,7 @@
    <script type="text/html" id="toolBar">

        <a class="layui-btn layui-btn-xs" lay-event="details">故障详情</a>

        <a class="layui-btn layui-btn-xs" lay-event="delError">排除故障方案</a>

        <a class="layui-btn layui-btn-xs" lay-event="viewError">查看故障方案</a>

    </script>

    <script type="text/javascript">

        var permits;

@@ -148,14 +149,15 @@
                ,toolbar: false

                ,cellMinWidth: 80

                ,cols: [[

                 {field:'station_name1', title:'省', align:'center',width:100}

                ,{field:'city', title:'市', align:'center',width:100}

                ,{field:'stationName3', title:'机房名称', align:'center',width:450}

                ,{field:'note', title:'记录时间', align:'center',width:150}

                 {field:'stationName3', title:'机房名称', align:'center',width:450}

                ,{field:'note', title:'故障提出日期', align:'center',width:150}

                ,{field:'originator', title:'故障提出人', align:'center',width:150}

                ,{field:'error_en', title: '故障排除状态', align: 'center',width:150}

                   ,{field:'error_dispose', title: '处理方案', align: 'center'}

                ,{field:'question', title:'故障描述', align:'center'},

                ,{fixed: 'right', title:'操作',toolbar: '#toolBar', width: 200, align:'center'}

                ,{field:'question', title:'故障描述', align:'center'}

                   ,{field:'error_dispose', title: '处理方案描述', align: 'center'}

                   ,{field:'solve_record_time', title: '处理方案提出日期', align: 'center'}

                   ,{field:'solve_user',title:'故障解决人',align: 'center'}

                ,{fixed: 'right', title:'操作',toolbar: '#toolBar', width: 290, align:'center'}

                ]]

                ,data:[]

                ,page: false

@@ -175,6 +177,9 @@
                    case 'delError':

                        addSubPlan(obj.data);

                        break;

                    case 'viewError':

                        viewSolveDetails(obj.data);

                    break;

                    default:

                        layer.msg('功能开发中...');

                        break;

@@ -198,9 +203,26 @@
                });

            }

            

            // 查看处理方案描述

            function viewSolveDetails(data) {

                var imgOpts = setDelDetailsOpts(data);

                $('#detailImgs').data('data', imgOpts);

                layer.open({

                    type: 2,

                    title: '<span style="font-weight:bold">>>处理方案详情</span>',

                    area: ['1200px', '660px'],

                    fixed: false, //不固定

                    resize: true,

                    maxHeight: 660,

                    maxmin: true,

                    content: 'iframe/batt-fault-manage-details.html'

                });

            }

            
            // 构造结果

            function setDetailsOpts(data) {

                var rs={

                    title: '故障描述',

                    num: data.num,

                    des: data.question?data.question:'暂无描述！！！'

                };

@@ -218,6 +240,35 @@
                    break;

                    case 4:

                        imgs = ['picture_one', 'picture_two', 'picture_three', 'picture_four'];

                    break;

                }

            	
                rs.imgs = imgs;

            	
                return rs;

            }

            
            // 构造查看处理方案啊结果

            function setDelDetailsOpts(data) {

                var rs={

                    title: '处理方案描述',

                    num: data.num,

                    des: data.error_dispose?data.error_dispose:'暂无描述！！！'

                };

                var picture_num = data.picture_num;

                var imgs = [];

                switch(picture_num) {

                    case 1:

                        imgs = ['solve_picture_one'];

                    break;

                    case 2:

                        imgs = ['solve_picture_one','solve_picture_two'];

                    break;

                    case 3:

                        imgs = ['solve_picture_one', 'solve_picture_two', 'solve_picture_three'];

                    break;

                    case 4:

                        imgs = ['solve_picture_one', 'solve_picture_two', 'solve_picture_three', 'solve_picture_four'];

                    break;

                }

                

@@ -476,6 +527,7 @@
                                var tmp = {};

                                var _data = data[i];

                                var error_en = _data.error_en?'<a class="layui-btn layui-btn-xs layui-bg-blue">已排除</a>':'<a class="layui-btn layui-btn-xs layui-bg-red">排除中...</a>';

                                var solve_record_time = _data.error_en?_data.solve_record_time:'';

                                tmp.station_name1 = _data.stationName1;

                                tmp.city = _data.stationName2;

                                tmp.stationName3 = _data.stationName; 

@@ -486,6 +538,9 @@
                                tmp.num = _data.num;

                                tmp.county = _data.stationName5;

                                tmp.picture_num = _data.picture_num;

                                tmp.originator = _data.uname;

                                tmp.solve_user = _data.solve_uname;

                                tmp.solve_record_time = solve_record_time;

                                tOptions.data.push(tmp);

                                Page.pageAll = _data.page.pageAll;

                            }


 gx_tieta/WebRoot/iframe/batt-fault-manage-del.html

@@ -10,9 +10,6 @@
    <link rel="stylesheet" type="text/css" href="../src/css/layui.css">

    <link rel="stylesheet" type="text/css" href="../pages/css/mylayui.css">

    <style>

        html, body {

            min-width: 600px;

        }

        .bottom-btn {

            position: absolute;

            bottom: 10px;

@@ -21,17 +18,38 @@
    </style>

</head>

<body>

    <div class="layui-page-container mrl8 mrr8">

        <div class="layui-form layui-form-pane" style="margin-bottom: 60px;">

             <label class="layui-form-label">故障排除方案</label>

               <div class="layui-form-item layui-form-text">

                <div class="layui-input-block">

                    <textarea placeholder="方案描述" class="layui-textarea" name="desc" id="desc" style="height:400px;"></textarea>

                </div>

            </div>

           </div>

           <div class="bottom-btn">

            <button type="button" class="layui-btn layui-btn-normal" id="subPlan">提交方案</button>

    <div class="layui-page-container">

        <!-- 页面主题内容 -->

        <div class="layui-page-content abs">

            <div class="abs-container">

                   <div class="layui-upload">

                       <div class="layui-upload-list">

                           <table class="layui-table">

                               <thead>

                                <tr>

                                    <th>图片预览</th>

                                    <th>文件名</th>

                                    <th>大小</th>

                                    <th>操作</th>

                                  </tr>

                          </thead>

                          <tbody id="imgsInfo"></tbody>

                           </table>

                       </div>

                   </div>

                   <div class="layui-form layui-form-pane" style="margin-bottom: 60px;">

                       <label class="layui-form-label">方案描述</label>

                       <div class="layui-form-item layui-form-text">

                        <div class="layui-input-block">

                            <textarea placeholder="方案描述" class="layui-textarea" name="desc" id="desc"></textarea>

                        </div>

                    </div>

                   </div>

             </div>

        </div>

        <div class="bottom-btn">

            <button type="button" class="layui-btn layui-btn-normal" id="addImgs">添加图片</button>

            <button type="button" class="layui-btn layui-btn-normal" id="addImgsAction">提交方案</button>

        </div>

    </div>

    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>

@@ -40,8 +58,9 @@
    <script type="text/javascript" src="../src/layui.js"></script>

    <script type="text/javascript" src="../pages/js/mylayui.js"></script>

    <script type="text/javascript">

        layui.use(['form', 'layer'], function() {

        layui.use(['form', 'layer', 'upload'], function() {

            var layer = layui.layer;

            var upload = layui.upload;

            var subPlanData = parent.$('#subPlan').data('data');

            var closePage = parent.$('#closeUploadBtn');

            

@@ -54,37 +73,139 @@
                subPlan(subPlanData);

            });

            

            function subPlan(data) {

                if(data.error_dispose.trim()) {

                    var load = layer.load(1);

                    // 添加解决方案

                    $.ajax({

                        type: 'post',

                        async: true,

                        url: 'Deverror_recordAction!update',

                        data: 'json='+JSON.stringify(data),

                        dataType: 'json',

                        success:function() {

                            layer.close(load);

                            layer.closeAll();

                            layer.msg('添加成功！3秒后自动关闭')    ;

                            setTimeout(function() {

                                closePage.click();

                            }, 3000);

                        },

                        error:function() {

                            layer.close(load);

                            layer.msg('添加失败！')    ;

                        }

    					
                    });

                }else {

                    layer.msg('请输入排除的方案！');

                }

            // 图片上传

            var imgsInfo = $('#imgsInfo');

            var date = new Date();

            var addImgsOpts = {

                json:{

                    'solve_record_time': date.format('yyyy-MM-dd hh:mm:ss'),    // 提交日期

                    'error_descript': '',

                    'error_dispose': '',

                    'error_en': 1,

                    'solve_picture_num': 0

                },

                files: {}

                

            };

    		
            var uploadImgs = upload.render({

                elem: '#addImgs'

                ,url: 'Deverror_recordAction!add'

                ,accept: 'file'

                ,multiple: true

                ,number: 4

                ,auto: false

                ,bindAction: '#addImgsActionTmp'

                ,choose: function(obj){

                    addImgsOpts.files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列

                    var files = this.files = obj.pushFile();

                    //读取本地文件

                      obj.preview(function(index, file, result){

                          var tr = $(['<tr id="upload-'+ index +'">'

                            ,'<td><img src="'+result+'">'

                          ,'<td>'+ file.name +'</td>'

                          ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'

                          ,'<td>'

                            ,'<button class="layui-btn layui-btn-xs imgs-reload layui-hide">重传</button>'

                            ,'<button class="layui-btn layui-btn-xs layui-btn-danger imgs-delete">删除</button>'

                          ,'</td>'

                        ,'</tr>'].join(''));

				        
                        //单个重传

                        tr.find('.imgs-reload').on('click', function(){

                          obj.upload(index, file);

                        });

				        
                        //删除

                        tr.find('.imgs-delete').on('click', function(){

                          delete files[index]; //删除对应的文件

                          tr.remove();

                          uploadImgs.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选

                        });

				        
                        imgsInfo.append(tr);

                      });

                }

            });

    		
            // 点击添加生成

            $('#addImgsAction').click(function() {

                subPlan();

            });

    		
            // 上传

            function subPlan() {

                // 更新内容

                createUploadData();

                var formData = new FormData();

    			
                var files = addImgsOpts.files;

                var filesArr = [];

                Object.keys(files).forEach(function(key) {

                    filesArr.push(files[key]);

                });

		    	
                addImgsOpts.json.solve_picture_num = filesArr.length;

                var json = JSON.stringify(addImgsOpts.json);

                formData.append('json', json);

                for(var i=0;i<filesArr.length; i++) {

                    var _files = filesArr[i];

                    formData.append('file', _files);

                    if(i==0) {

                        formData.append('fileType', 'solve_picture_one');

                    }

		    		
                    if(i==1) {

                        formData.append('fileType', 'solve_picture_two');

                    }

		    		
                    if(i==2) {

                        formData.append('fileType', 'solve_picture_three');

                    }

		    		
                    if(i==3) {

                        formData.append('fileType', 'solve_picture_four');

                    }

                }

		    	
                if(addImgsOpts.json.solve_picture_num>4) {

                    layer.msg('最多上传4张图片');

                    return;

                }

		    	
                var load = layer.load(1);

                $.ajax({ 	
                    type: "post", 				
                    url: "Deverror_recordAction!update",				
                    async:true,				
                    dataType:'text',	
                    data:formData,

                    contentType: false,//这里

                     processData: false,//这两个一定设置为false		
                    success: function(data){ 
                        layer.close(load);

                        layer.closeAll();

                        layer.msg('上传成功！3秒后自动关闭')    ;

                        setTimeout(function() {

                            closePage.click();

                        }, 3000);

                    },

                    error:function(e){

                        layer.close(load);

                        layer.msg('上传失败！')    ;

                    }				
                });

            }

            

            console.log(subPlanData);

    		
            // 更新上传后台的信息

            function createUploadData() {

                var json = addImgsOpts.json;

                json.solve_record_time = date.format('yyyy-MM-dd hh:mm:ss');    // 提交日期

                json.error_dispose = $('#desc').val();                    // 方案描述

                json.num = subPlanData.num;                                // 标识

                json.error_en = 1;                                        // 确定

            }

        });

    </script>

</body>


 gx_tieta/WebRoot/iframe/batt-fault-manage-details.html

@@ -22,7 +22,7 @@
<body>

    <div class="layui-page-container mrl8 mrr8">

        <fieldset class="layui-elem-field">

              <legend>问题描述</legend>

              <legend id="infoTitle">信息描述</legend>

              <div class="layui-field-box" id="detailsText">

                

              </div>

@@ -73,6 +73,7 @@
            var detailImgsTpl = $('#detailImgs').html();

            var imgs = parent.$('#detailImgs').data('data');

            $('#detailsText').text(imgs.des);

            $('#infoTitle').text(imgs.title);

            // 添加模板

            laytpl(detailImgsTpl).render(imgs, function(html) {

                $('#imgCarousel').html(html);