拖拽生成完成

skyeye-web/src/main/webapp/assets/lib/layui/layui.js

@@ -105,7 +105,8 @@ function isNull(str){
 	    mobile: 'modules/mobile', // 移动大模块 | 若当前为开发目录，则为移动模块入口，否则为移动模块集合
 	    'layui.all': '../layui.all', // PC模块合并版
 	    cookie: 'modules/cookie',//cookie
-	    fileUpload: 'modules/jQuery.upload.min'//上传
+	    fileUpload: 'modules/jQuery.upload.min',//上传
+	    dragula: 'modules/dragula',//拖拽
 	};
 
 	// 记录基础数据

skyeye-web/src/main/webapp/assets/lib/winui/css/winui.css

@@ -2480,11 +2480,11 @@ body .layer-ext-winconfirm {
 }
 
 .page__category-content>a{
-	
+    font-size: 15px !important;
+    padding-bottom: 5px;
 }
 
 .page__category-content>a>.weui-cell__bd{
-	border-bottom: 1px solid gainsboro;
 	height: 30px;
 }
 
@@ -2536,6 +2536,10 @@ body .layer-ext-winconfirm {
 	float: right;
 }
 
+#memberList>div{
+	padding: 10px;
+}
+
 .member-list>div>.layui-card{
 	background-color: white;
 	width: 100%;
@@ -2609,14 +2613,14 @@ body .layer-ext-winconfirm {
     bottom: 65px;
 }
 .iphone-screen {
-    background: #eee;
+    background: white;
     border: 1px solid #fff;
+    overflow: auto;
     height: calc(100vh - 145px);
     width: 100%;
     margin: 0 auto;
     border: 2px solid rgba(0, 0, 0, 0.9);
     border-radius: 3px;
-    overflow: hidden;
 }
 .iphone-screen img {
     width: 100%;
@@ -2651,6 +2655,30 @@ body .layer-ext-winconfirm {
     border-radius: 0px 2px 2px 0px;
 }
 
+.gu-mirror {
+  position: fixed !important;
+  margin: 0 !important;
+  z-index: 9999 !important;
+  opacity: 0.8;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+  filter: alpha(opacity=80);
+}
+.gu-hide {
+  display: none !important;
+}
+.gu-unselectable {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+}
+.gu-transit {
+  opacity: 0.2;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+  filter: alpha(opacity=20);
+}
+
+
 
 /*** 小程序页面管理end ***/
 

skyeye-web/src/main/webapp/assets/winui/weui.css

-/*!
- * WeUI v1.1.3 (https://github.com/weui/weui)
- * Copyright 2018 Tencent, Inc.
- * Licensed under the MIT license
- */
 html{
   -ms-text-size-adjust:100%;
   -webkit-text-size-adjust:100%;

skyeye-web/src/main/webapp/js/rmmysmpropage/mysmpropagelist.js

@@ -2,7 +2,7 @@
 layui.config({
 	base: basePath, 
 	version: skyeyeVersion
-}).define(['table', 'jquery', 'winui', 'form'], function (exports) {
+}).define(['table', 'jquery', 'winui', 'form', 'dragula'], function (exports) {
 	
 	winui.renderColor();
 	
@@ -28,6 +28,23 @@ layui.config({
 	var winH = $(window).height();
     var categorySpace = 10;
     
+    dragula([document.getElementById('memberList'), document.getElementById('centerText')], {
+		copy: function (el, source) {//复制
+			return source === document.getElementById('memberList');
+		},
+		accepts: function (el, target) {//移动
+			console.log(el);
+			return target !== document.getElementById('memberList');
+		}
+	}).on('drop', function (el, container) {//放置
+		if($(container).attr("id") == 'centerText'){//放置在手机里面
+			el.className = 'layui-col-md12';
+			var content = $(el).attr("htmlContent");
+			var JsContent = '<script>layui.define(["jquery"], function(exports) {var jQuery = layui.jquery;(function($) {' + $(el).attr("htmlJsContent") + '})(jQuery);});</script>'
+			$(el).html(content + JsContent);
+		}
+	});
+    
     //二级菜单点击
     $('body').on('click', '.js_item', function(){
         var id = $(this).data('id');

skyeye-web/src/main/webapp/tpl/rmmysmpropage/groupMemberTemplate.tpl

 {{#each rows}}
-	<div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
+	<div class="layui-col-sm6 layui-col-md6 layui-col-lg6" htmlContent="{{htmlContent}}" htmlJsContent="{{htmlJsContent}}" rowId="{{id}}">
 		<div class="layui-card">
-        	<img src="{{#compare1 printsPicUrl}}{{/compare1}}" data-htmlContent="{{htmlContent}}" data-htmlJsContent="{{htmlJsContent}}" data-id="{{id}}" style="width:100%;height:auto" class="cursor" />
+        	<img src="{{#compare1 printsPicUrl}}{{/compare1}}" style="width:100%;height:auto" class="cursor" />
 		</div>
     </div>
 {{/each}}
\ No newline at end of file

skyeye-web/src/main/webapp/tpl/rmmysmpropage/mysmpropagelist.html

@@ -6,6 +6,7 @@
     <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
     <link href="../../assets/lib/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
     <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
+    <link href="../../assets/winui/weui.css" rel="stylesheet" />
 </head>
 <body style="overflow: hidden;">
     <div class="winui-toolbar">
@@ -37,7 +38,7 @@
 						        </div>
 						    </div>
 						    <div class="page__bd page__bd_spacing member-list-div">
-						    	<div class="layui-row layui-col-space10 member-list" id="memberList" style="overflow-y: scroll;height: 100%;">
+						    	<div class="layui-row member-list" id="memberList" style="overflow-y: scroll;height: 100%;">
 								    
 								</div>
 						    </div>
@@ -50,7 +51,7 @@
 	    	<div class="iphone layui-col-xs8 layui-col-xs-offset2 layui-col-sm6 layui-col-sm-offset3 layui-col-md4 layui-col-md-offset4">
 				<div class="iphone-top"> <span class="camera"></span> <span class="sensor"></span> <span class="speaker"></span> </div>
 				<div class="top-bar"></div>
-				<div class="iphone-screen">
+				<div class="iphone-screen" id="centerText">
 					
 				</div>
 				<div class="buttons"> <span class="on-off"></span> <span class="sleep"></span> <span class="up"></span> <span class="down"></span> </div>
@@ -73,6 +74,8 @@
     
     <script src="../../assets/lib/layui/layui.js"></script>
     <script src="../../assets/lib/layui/custom.js"></script>
+    <script src="../../assets/winui/jweixin-1.0.0.js"></script>
+   	<script src="../../assets/winui/weui.min.js"></script>
     <script type="text/javascript">
         layui.config({base: '../../js/rmmysmpropage/'}).use('mysmpropagelist');
     </script>