浏览代码

导入,适配开发

chenyongxing 8 年之前
父节点
当前提交
12e0e98f44

+ 66 - 0
src/main/webapp/WEB-INF/ehr/jsp/standard/integration/importData.jsp

@ -0,0 +1,66 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="utf-8"%>
<%@include file="/WEB-INF/ehr/commons/jsp/commonInclude.jsp" %>
<style type="text/css">
.btn{display:inline-block; vertical-align:middle; border-radius:2px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff;}
.btn.blue{ background: #1eaaff; color: #fff;}
.btn.green{background-color:#37d291;color: #fff; padding: 0}
.btn.gray{ background-color:#ebebeb; border:1px #dcdcdc solid; color:#323232;}
.btn.red{ padding: 0; background-color:red; border:1px #dcdcdc solid; color:#323232;}
a { text-decoration: none; }
.btn.gray{ background-color:#ebebeb; border:1px #dcdcdc solid; color:#323232;padding: 0;}
.btn{display:inline-block; vertical-align:middle; border-radius:2px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff;}
input[type="file"] {
    opacity: 0;
    display: none;
}
/*导入数据*/
#importData >.content{width: 540px;margin: 0 auto;display:block;}
#importData input[type="file"]{ opacity: 0; display: none;}
#importData .m-form-group label{width: 99px;}
#importData .btn.gray{ margin: 0 0 0 10px; padding: 0;}
#importData .btn.blue{ width:242px; margin:50px auto 0;  padding: 0;line-height: 40px; height: 40px; display: block;}
#importData .btn.gray.do i{background: url(../develop/images/nodeloading.gif) no-repeat 0 0;width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
#importData .inherit{ display: none;}
#importData .btn.del{ width: 30px; height:30px; vertical-align: middle; display: inline-block; margin:0 0 0 10px; background: url(../develop/images/button/btn_delete.png) no-repeat; padding: 0; display:none;}
#importData .say{  padding: 5px 0 0 0;font-size: 12px;}
#importData .say.false{ color: #ff0000}
#importData .say.true{ color: #1eaaff;}
</style>
<div id="importData" >
    <div class="content clearfix" style="margin-top: 20px;">
        <div class="step-content body current" id="div_form-p-0" role="tabpanel" aria-labelledby="div_form-h-0" aria-hidden="false">
            <div class="m-form-group">
                <label style="margin-left: -40px;">数据集:</label>
                <div class="m-form-control">
                    <form id="form1" action="${contextRoot}/standardCenter/importFile"  method="post" enctype="multipart/form-data">
                        <input type="text" class="l-textbox" id="dataSet" data-id="" disabled>
                        <a href="javascript:void(0);" class="btn gray up" >浏览</a>
                        <a href="javascript:void(0);" class="btn gray do" data-id="1">上传</a>
                        <a href="javascript:void(0);" class="btn del" ></a>
                        <input type="file" name="file" />
                        <input type="hidden" value="1" name="type">
                        <input type="hidden" id="version" value="${version}" name="version">
                        <input type="hidden" value="${standardId}" name="standardId">
                        <div class="say"></div>
                    </form>
                </div>
            </div>
            <div class="m-form-group">
                <label style="margin-left: -40px;">字典:</label>
                <div class="m-form-control">
                    <form id="form2" action="${contextRoot}/standardCenter/importFile"  method="post" enctype="multipart/form-data">
                        <input type="text" class="l-textbox" id="Dictionaries" data-id="" disabled>
                        <a href="javascript:void(0);" class="btn gray up" >浏览</a>
                        <a href="javascript:void(0);" class="btn gray do" data-id="2">上传</a>
                        <a href="javascript:void(0);" class="btn del" ></a>
                        <input type="file" name="file" />
                        <input type="hidden" value="2" name="type">
                        <input type="hidden" value="${version}" name="version">
                        <input type="hidden" value="${standardId}" name="standardId">
                        <div class="say"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

+ 127 - 0
src/main/webapp/WEB-INF/ehr/jsp/standard/integration/importDataJs.jsp

@ -0,0 +1,127 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="utf-8"%>
<%@include file="/WEB-INF/ehr/commons/jsp/commonInclude.jsp" %>
<script src="${staticRoot}/extra/jqueryform.js"></script>
<script>
  (function($,exports){
    $(function(){
      var page={
        $importData:$("#importData"),//正文容器
        $importDataUp:$("#importData .btn.up"),//要上传的文件
        $importdel:$("#importData .btn.del"),
        $upDo:$("#importData .btn.do"),//上传文件
        $piPeiBtn:$(".pipei"),//开始匹配
        $dataSet:$("#dataSet"),
        $Dictionaries:$("#Dictionaries"),
        pageInit:function(){
          var self=this;
          this.isUp();
          this.windowWH();
        },
        isUp:function(){//进来时候判断数据集跟字典是否已经都上传
          var self=this;
          var version = $("#version").val();
          $.ajax({
            type:"POST",
            dataType: "json",
            url:"${contextRoot}/standardCenter/isUpdateDatasetAndDict",
            data:{version:version},
            success:function(res){
              var datasetUpdate=eval("("+res.data+")").datasetUpdate;//数据集
              var dictUpdate=eval("("+res.data+")").dictUpdate;//字典
              var say1=self.$dataSet.closest("div").find(".say");
              var say2=self.$Dictionaries.closest("div").find(".say");
              if(datasetUpdate=="false"){
                say1.attr("class","say false").html("未上传");
              }else{
                say1.attr("class","say true").html("已上传");
              }
              if(dictUpdate=="false"){
                say2.attr("class","say false").html("未上传");
              }else{
                say2.attr("class","say true").html("已上传");
              }
            }
          })
        },
        windowWH:function(){//窗体框架JS初始化
          var self=this;
          var winHeight=window.innerHeight;//窗体高度
          self.$importData.height(winHeight-180);//容器高度
          $('input[name="jobContentType"]').ligerRadio();//单选框初始化
          $('input[name="jobContentType"]').bind("click",function(){//单选触发事件
            var radioVal=$('input[name="jobContentType"]:checked').val();
            if(radioVal==1){
              self.$inherit.slideDown();
            }else{
              self.$inherit.slideUp();
            }
          })
          self.$importDataUp.bind("click",function(){//要上传的文件
            var inputVal=$(this).closest("div").find("input[type=text]");
            var thisA=$(this);
            var obj=$(this).closest("div").find("input[type=file]")
            obj.change(function(){
              inputVal.val(obj.val());
            })
            obj.click()
          })
          self.$upDo.bind("click",function(){//文件上传
            var Obj=$(this);
            var upObj=Obj.closest("div").find(".btn.up");//浏览的按钮
            var formObj=$('#form'+$(this).data("id"));//要提交的表单
            var formsay=formObj.find(".say");//提示文字
            if(Obj.closest("div").find("input[type=text]").val().length!=0){//判断是否选择了文件
              Obj.css("background","#fff").html("上传中<i></i>");
              formObj.ajaxForm({
                dataType: 'json',
                success:  function processJson(data){
                  if(data.successFlg){
                    formsay.attr("class","say true").html("上传成功");
                    formObj.find("input[type=text]").attr("data-id",eval('('+data.data+')').id)//设置已上传的文件的ID
                    formObj.find(".btn.del").css("display","inline-block")
                    Obj.hide();
                    upObj.hide();
                  }else{
                    $.ligerDialog.error("上传格式有问题");
                    upObj.show();
                    Obj.css("background","#ebebeb").html("上传");
                  }
                  //console.log(eval('('+data.data+')'));
                },
                error: function processJson(data){
                  formsay.attr("class","say false").html("上传失败");
                }
              });
              formObj.submit();
            }else{
              $.ligerDialog.error("请选择要上传的文件");
            }
          })
          self.$importdel.bind("click",function(){//删除
            debugger
            var obj=$(this);
            var textObj=$(this).closest("div").find("input[type='text']");
            var upObj=obj.closest("div").find(".btn.up");//浏览的按钮
            var version=$("#version").val();
            var type=$(this).closest("div").find("input[type='hidden']").val();//要删除的文件
            $.ajax({
              type: "POST",
              url: "${contextRoot}/standardCenter/deleteByType",
              data: {type:type,version:version},
              dataType: "json",
              success: function(data){
                history.go(0)
              }
            });
          })
        }
      }
      page.pageInit();
      exports.jcLsit=function(id,text){
        $("#inheritText").attr("data-id",id).val(text)
      }
    })
  })(jQuery,window)
</script>