添加复制json到剪切板

src/main/resources/application.yml

@@ -1,4 +1,3 @@
-
 spring.profiles.active: dev
 spring:
   mvc:

src/main/resources/static/js/add_paper.js

@@ -34,6 +34,22 @@ getSpanHtml = function(data){
     return res;
 }
 
+
+copy2board = function(){
+    var content = generateJson(2);
+    var clipboard = new Clipboard('#copyButton', {
+        text: function() {
+            return content;
+        }
+    });
+    clipboard.on('success', function(e) {
+        alert("复制成功");
+    });
+    clipboard.on('error', function(e) {
+        console.log(e);
+    });
+}
+
 getRealData = function(str){
     var arr = str.split("~");
     var start = new Number(arr[0]);
@@ -533,8 +549,7 @@ showExampleText = function (element) {
         '                  </div>\n' +
         '                </div>')
 }
-showExampleRatio = function (element) { // xuanxiang  shuju
-    // 显示单选框
+showExampleRatio = function (element) { // xuanxiang  shuju// 显示单选框
     var dataRatio = $(element).parents("td").prev("td").prev("td"); // 获取展示的元素
     var data  =  $(element).val();
     var label = $(element).parents("td").prev("td").children("input").val();
@@ -778,7 +793,10 @@ generateJson = function( type ){
     data.item_group_list = item_group_list
     data.report_list = getReportInfo()
     // data.group_list = getDeliverInfo()
-    console.log(JSON.stringify(data));
+    if(type == 2){
+        return JSON.stringify(data);
+    }
+    // console.log(JSON.stringify(data));
     // 提交
 
     //check

src/main/resources/templates/add_paper.html

@@ -26,6 +26,8 @@
     <!-- AdminLTE Skins. Choose a skin from the css/skins
          folder instead of downloading all of them to reduce the load. -->
     <link rel="stylesheet" href="/static/AdminLTE/dist/css/skins/_all-skins.min.css"/>
+
+
     <style>
         body {
             padding-right: 0px !important;
@@ -144,11 +146,12 @@
             <div class="box box-primary" >
                 <div class="box-header with-border">
                     <h3 class="box-title">基本信息</h3>
-
-
                     <button class="btn btn-success pull-right" onclick="generateJson(0)">
                         生成
                     </button>
+                    <button class="btn btn-success pull-right" id="copyButton" onclick="copy2board()">
+                        复制到剪切板
+                    </button>
                     <button class="btn btn-default pull-right" onclick="changeJob()">
                         加载任务
                     </button>
@@ -351,6 +354,8 @@
 <!-- add Task js for this file only -->
 <script src="/static/js/add_paper.js"></script>
 <script src="/static/AdminLTE/bower_components/bootstrap-notify/dist/bootstrap-notify.min.js"></script>
+<script type="text/javascript" src="http://www.jq22.com/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>
+
 <script  type="text/javascript" xmlns:th="http://www.thymeleaf.org" th:inline="javascript">
     var ruleId ;
     var ratioIndex;
@@ -359,22 +364,14 @@
     /*]]>*/
     $(document).ready(function(){
         $('[data-toggle="tooltip"]').tooltip();
-
         //Initialize Select2 Elements
         $('.select2').select2()
-
         ruleId = 0;
         ratioIndex =0 ;
-
-
-
         var taskListTable = $('#task-list').DataTable({
             searching: true,
             pageLength: 25
         });
     });
 
-
-
-
 </script>