diff --git a/com.awspaas.user.apps.integrates/src/com/awspaas/user/apps/integration/index_web.html b/com.awspaas.user.apps.integrates/src/com/awspaas/user/apps/integration/index_web.html
new file mode 100644
index 00000000..a9082541
--- /dev/null
+++ b/com.awspaas.user.apps.integrates/src/com/awspaas/user/apps/integration/index_web.html
@@ -0,0 +1,129 @@
+﻿<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport"
+          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+    <title></title>
+    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
+    <script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/jquery.js"></script>
+    <link rel="stylesheet" href="../apps/com.awspaas.user.apps.yili.integration/css/comon0.css">
+    <link rel="stylesheet" href="../commons/css/font/iconfont.css"/>
+    <link rel="stylesheet" href="../commons/css/awsui.css"/>
+    <script src="../commons/js/jquery/scripts/jquery.js"></script>
+    <script src="../commons/js/awsui.js"></script>
+	<style>
+	#edithtml span{font-size: 17px !important}
+	</style>
+</head>
+<body>
+<div class="main">
+<!--<div class="headertitle">文档详情</div>-->
+    <div class="bgc">
+        <div class="h1title" style="font-size: 25px;font-weight: bold"><#ProcessTile></div>
+        <div class="edit" >
+           <div id="edithtml"></div>
+
+            <div class="poster-btn" >展开更多</div>
+        </div>
+    </div>
+    <div class="up" >
+        <div class="h2title"></div>
+        <ul  class="nav">
+        </ul>
+    </div>
+</div>
+<input type="hidden" id="processInstId" name="processInstId" value="<#processInstId>">
+<input type="hidden" id="jsonlist" name="jsonlist" value='<#jsonlist>'>
+<input type="hidden" id="subString" name="subString" value='<#subString>'>
+<input type="hidden" id="ProcessTile" name="ProcessTile" value="<#ProcessTile>">
+<input type="hidden" id="sid" name="sid"
+       value="<#sid>">
+<script>
+    $(function (){
+        // alert($("#ProcessTile").val());
+        //  alert(JSON.parse($("#jsonlist").val()));
+
+        var code = $("#subString").val();
+        $('#edithtml').html(code)
+        if(code.length ==0){
+            $('#edithtml').css('height',0)
+        }else{
+            $('#edithtml').css('height','8rem')
+        }
+        $(".poster-btn").click(function(){
+            if ($(this).text() == "展开更多") {
+                $(this).text("收起");
+                $("#edithtml").css("height","auto");
+            }else{
+                $(this).text("展开更多");
+                $("#edithtml").css("height","8rem");
+            }
+        });
+
+
+        var json=JSON.parse($("#jsonlist").val());
+        var str=''
+        for(var i=0;i<json.length;i++){
+            //str+='<li id="'+json[i].id+'"><label><a target="_blank"; font-size:16px href="'+json[i].link+'">'+json[i].title+'</a></label><span><a href="'+json[i].url+'"><img src="../apps/com.awspaas.user.apps.yili.integration/img/down.png"></a></span> </li>'
+			str+='<li id="'+json[i].id+'"><label><a target="_blank"; font-size:16px href="'+json[i].link+'">'+json[i].title+'</a></label><span><a target="_blank"; onclick = createFile("'+json[i].taskId+'","'+json[i].title+'")><img src="../apps/com.awspaas.user.apps.yili.integration/img/down.png"></a></span> </li>'
+        }
+        $('.nav').html(str);
+
+
+    })
+
+
+function createFile(taskId,title){
+        debugger;
+
+    awsui.ajax.request({
+        type: "POST",
+        url: "./jd",
+        dataType:"json",
+        async: false,
+        data: {
+            sid: $("#sid").val(),
+            cmd: "com.awspaas.user.apps.integrates.createFileController",
+            taskId:taskId,
+            title:title
+        },
+        success: function (r) {
+            console.log(r);
+            if (r.result=="ok"){
+                var down_url = r.url;
+                down_url = down_url.substring(2,down_url.length-1)
+                console.log(down_url);
+                window.open("https://bpm.yili.com:8088/portal/r/"+down_url);
+            }
+        }
+    });
+
+}
+
+
+
+
+function  downloadZipFile(uuid,taskId,fileName,methodId) {
+debugger;
+   $.ajax({
+      type : "POST",
+      url : "./jd?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_outputreport_output_downloadZipfile",
+      data : {
+         splitId : uuid,
+         toolbarname:fileName,
+         taskIdParams:taskId,
+         methodId:methodId
+      },
+      success : function(msg) {
+	  debugger;
+         if (msg.result == "ok") {
+		    
+            window.location.href = msg.data.url;
+         }
+      }
+   });
+}
+</script>
+</body>
+</html>
