代码提交

fangchan_manager/src/main/resources/static/css/style.css

@@ -0,0 +1,30 @@
+.layui-breadcrumb a {
+	padding-right: 8px;
+	line-height: 22px;
+	font-size: 14px;
+	color: #333 !important;
+}
+
+.layui-breadcrumb a span {
+	padding-left: 8px;
+	font-family: Sim sun;
+}
+
+.layui-breadcrumb a cite, .layui-breadcrumb a span {
+	color: #666;
+	cursor: text;
+	font-style: normal;
+}
+
+.layui-box, .layui-box * {
+	box-sizing: content-box;
+}
+
+body {
+	padding: 10px;
+}
+
+.layui-item-body{
+	background-color: white;
+	padding: 10px;
+}

fangchan_manager/src/main/resources/static/css/svg.css

@@ -0,0 +1,46 @@
+.icon {
+	width: 2em;
+	height: 2em;
+	vertical-align: -0.15em;
+	fill: currentColor;
+	overflow: hidden;
+}
+.item {
+	float: left;
+	position: relative;
+	margin: 20px;
+}
+.addImg {
+	width: 100px;
+	height: 100px;
+}
+.upload_input {
+	display: none;
+}
+.preview {
+	position: absolute;
+	width: 100px;
+	height: 100px;
+	left: 0;
+	top: 0;
+}
+.click {
+	position: absolute;
+	width: 100px;
+	height: 100px;
+	left: 0;
+	top: 0;
+	z-index: 1;
+	cursor: pointer;
+}
+.delete {
+	position: absolute;
+	right: -1rem;
+	top: -1rem;
+	cursor: pointer;
+	display: none;
+}
+.preview img {
+	width: 100%;
+	height: 100%;
+}

fangchan_manager/src/main/resources/static/lay/extends/steps-small/steps.css

@@ -0,0 +1,65 @@
+#steps {
+}
+
+.step-item {
+    display: inline-block;
+    line-height: 26px;
+    position: relative;
+    background: #ffffff;
+}
+
+.step-item-tail {
+    width: 100%;
+    padding: 0 10px 0 0;
+    position: absolute;
+    left: 0;
+    top: 13px;
+}
+
+.step-item-tail i {
+    display: inline-block;
+    width: 100%;
+    height: 1px;
+    vertical-align: top;
+    background: #c2c2c2;
+    position: relative;
+}
+.step-item-tail-done {
+    background: #009688 !important;
+}
+.step-item-tail-undone {
+    background: #FF5722 !important;
+}
+
+.step-item-head {
+    position: relative;
+    display: inline-block;
+    line-height: 26px;
+    width: 26px;
+    text-align: center;
+    vertical-align: top;
+    color: #009688;
+    border: 1px solid #009688;
+    border-radius: 50%;
+    background: #ffffff;
+}
+
+.step-item-head.step-item-head-active {
+    background: #009688;
+    color: #ffffff;
+}
+
+.step-item-main {
+    text-align: center;
+    background: #ffffff;
+    display: block;
+    position: relative;
+}
+
+.step-item-main-title {
+    font-weight: bolder;
+    color: #555555;
+}
+.step-item-main-desc {
+    color: #aaaaaa;
+}

fangchan_manager/src/main/resources/static/lay/extends/steps-small/steps.js

@@ -0,0 +1,63 @@
+layui.link(document.currentScript.src + '/../steps.css');
+layui.define(['jquery'], function (exports) {
+    'use strict';
+    var $ = layui.jquery;
+    var obj = {
+        data: [],
+        ele: null,
+        current: 0,
+        render: function(config){
+            this.ele = config.ele;
+            this.data = config.data;
+            this.current = config.current || 0;
+            this.make();
+        },
+        make: function () {
+            var data = this.data;
+            var current = this.current;
+            var html = '', data_length = data.length, percentage = (100 - 3) / data_length;
+            current = current || 0;
+
+            html += '<div class="step-item-head"><i class="layui-icon layui-icon-ok"></i></div>';
+
+            for (var i = 0; i < data_length; i++) {
+                var icon = data[i].icon, tail = '';
+                if (i < current) {
+                    if(!icon){
+                        icon = 'layui-icon-ok';
+                    }
+                    tail = 'step-item-tail-done';
+                } else if (i == current) {
+                    icon = 'layui-icon-loading';
+                    tail = 'step-item-tail-undone';
+                }
+                var temp = '<div class="step-item" style="width: ' + 31 + '%;">';
+
+                temp += '<div class="step-item-tail"><i class="' + tail + '"></i></div>';
+
+                if (icon) {
+                    if (i == current) {
+                        temp += '<div class="step-item-head layui-anim layui-anim-rotate layui-anim-loop"><i class="layui-icon ' + icon + '"></i></div>';
+                    } else {
+                        temp += '<div class="step-item-head"><i class="layui-icon ' + icon + '"></i></div>';
+                    }
+                } else {
+                    temp += '<div class="step-item-head step-item-head-active"><i class="layui-icon">' + (parseInt(i) + 1) + '</i></div>'
+                }
+
+                var desc = data[i].desc ? '<div class="step-item-main-desc">' + data[i].desc + '</div>' : '';
+                temp += '<div class="step-item-main"><div class="step-item-main-title">' + data[i].title + '</div>' + desc + '</div></div>';
+
+                html += temp;
+            }
+
+            $(this.ele).empty().append(html);
+        },
+
+        next: function () {
+            this.current += 1;
+            this.make();
+        }
+    };
+    exports('steps', obj);
+});

fangchan_manager/src/main/resources/static/lay/extends/steps/steps.css

@@ -0,0 +1,65 @@
+#steps {
+}
+
+.step-item {
+    display: inline-block;
+    line-height: 26px;
+    position: relative;
+    background: #ffffff;
+}
+
+.step-item-tail {
+    width: 100%;
+    padding: 0 10px 0 0;
+    position: absolute;
+    left: 0;
+    top: 13px;
+}
+
+.step-item-tail i {
+    display: inline-block;
+    width: 100%;
+    height: 1px;
+    vertical-align: top;
+    background: #c2c2c2;
+    position: relative;
+}
+.step-item-tail-done {
+    background: #009688 !important;
+}
+.step-item-tail-undone {
+    background: #FF5722 !important;
+}
+
+.step-item-head {
+    position: relative;
+    display: inline-block;
+    line-height: 26px;
+    width: 26px;
+    text-align: center;
+    vertical-align: top;
+    color: #009688;
+    border: 1px solid #009688;
+    border-radius: 50%;
+    background: #ffffff;
+}
+
+.step-item-head.step-item-head-active {
+    background: #009688;
+    color: #ffffff;
+}
+
+.step-item-main {
+    text-align: center;
+    background: #ffffff;
+    display: block;
+    position: relative;
+}
+
+.step-item-main-title {
+    font-weight: bolder;
+    color: #555555;
+}
+.step-item-main-desc {
+    color: #aaaaaa;
+}

fangchan_manager/src/main/resources/static/lay/extends/steps/steps.js

@@ -0,0 +1,63 @@
+layui.link(document.currentScript.src + '/../steps.css');
+layui.define(['jquery'], function (exports) {
+    'use strict';
+    var $ = layui.jquery;
+    var obj = {
+        data: [],
+        ele: null,
+        current: 0,
+        render: function(config){
+            this.ele = config.ele;
+            this.data = config.data;
+            this.current = config.current || 0;
+            this.make();
+        },
+        make: function () {
+            var data = this.data;
+            var current = this.current;
+            var html = '', data_length = data.length, percentage = (100 - 3) / data_length;
+            current = current || 0;
+
+            html += '<div class="step-item-head"><i class="layui-icon layui-icon-ok"></i></div>';
+
+            for (var i = 0; i < data_length; i++) {
+                var icon = data[i].icon, tail = '';
+                if (i < current) {
+                    if(!icon){
+                        icon = 'layui-icon-ok';
+                    }
+                    tail = 'step-item-tail-done';
+                } else if (i == current) {
+                    icon = 'layui-icon-loading';
+                    tail = 'step-item-tail-undone';
+                }
+                var temp = '<div class="step-item" style="width: ' + percentage + '%;">';
+
+                temp += '<div class="step-item-tail"><i class="' + tail + '"></i></div>';
+
+                if (icon) {
+                    if (i == current) {
+                        temp += '<div class="step-item-head layui-anim layui-anim-rotate layui-anim-loop"><i class="layui-icon ' + icon + '"></i></div>';
+                    } else {
+                        temp += '<div class="step-item-head"><i class="layui-icon ' + icon + '"></i></div>';
+                    }
+                } else {
+                    temp += '<div class="step-item-head step-item-head-active"><i class="layui-icon">' + (parseInt(i) + 1) + '</i></div>'
+                }
+
+                var desc = data[i].desc ? '<div class="step-item-main-desc">' + data[i].desc + '</div>' : '';
+                temp += '<div class="step-item-main"><div class="step-item-main-title">' + data[i].title + '</div>' + desc + '</div></div>';
+
+                html += temp;
+            }
+
+            $(this.ele).empty().append(html);
+        },
+
+        next: function () {
+            this.current += 1;
+            this.make();
+        }
+    };
+    exports('steps', obj);
+});

fangchan_manager/src/main/resources/static/pear/css/pear-module/step.css

@@ -0,0 +1,83 @@
+.lay-step {
+    font-size: 0;
+    margin: 0 auto;
+    max-width: 100%;
+	width: 60%;
+	padding-left: 15%;
+	
+}
+
+.step-item {
+    display: inline-block;
+    line-height: 35px;
+    position: relative;
+    font-size: 15px;
+}
+
+.step-item-tail {
+    width: 100%;
+    padding: 0 10px;
+    position: absolute;
+    left: 0;
+    top: 13px;
+}
+
+.step-item-tail i {
+    display: inline-block;
+    width: 100%;
+    height: 2px;
+	margin-top: 4px;
+    vertical-align: top;
+    background: #5FB878;
+    position: relative;
+}
+
+.step-item-tail .step-item-tail-done {
+    background:  #5FB878;
+	height: 3px;
+	margin-top: 4px;
+}
+
+.step-item-head {
+    position: relative;
+    display: inline-block;
+    height: 35px;
+    width: 35px;
+    text-align: center;
+    vertical-align: top;
+    color: #5FB878;
+    border: 2px solid #5FB878;
+    border-radius: 50%;
+    background: #ffffff;
+}
+
+.step-item-head.step-item-head-active {
+    background: #5FB878;
+    color: #ffffff;
+}
+
+.step-item-main {
+    display: block;
+    position: relative;
+    margin-left: -50%;
+    margin-right: 50%;
+    padding-left: 26px;
+    text-align: center;
+}
+
+.step-item-main-title {
+    font-weight: bolder;
+    color: #555555;
+}
+
+.step-item-main-desc {
+    color: #aaaaaa;
+}
+
+.lay-step + [carousel-item]:before {
+    display: none;
+}
+
+.lay-step + [carousel-item] > * {
+    background-color: transparent;
+}

fangchan_manager/src/main/resources/static/pear/module/step.js

@@ -0,0 +1,98 @@
+layui.define(['layer', 'carousel'], function (exports) {
+    var $ = layui.jquery;
+    var layer = layui.layer;
+    var carousel = layui.carousel;
+
+    // 添加步骤条dom节点
+    var renderDom = function (elem, stepItems, postion) {
+        var stepDiv = '<div class="lay-step">';
+        for (var i = 0; i < stepItems.length; i++) {
+            stepDiv += '<div class="step-item">';
+            // 线
+            if (i < (stepItems.length - 1)) {
+                if (i < postion) {
+                    stepDiv += '<div class="step-item-tail"><i class="step-item-tail-done"></i></div>';
+                } else {
+                    stepDiv += '<div class="step-item-tail"><i class=""></i></div>';
+                }
+            }
+
+            // 数字
+            var number = stepItems[i].number;
+            if (!number) {
+                number = i + 1;
+            }
+            if (i == postion) {
+                stepDiv += '<div class="step-item-head step-item-head-active"><i class="layui-icon">' + number + '</i></div>';
+            } else if (i < postion) {
+                stepDiv += '<div class="step-item-head"><i class="layui-icon layui-icon-ok"></i></div>';
+            } else {
+                stepDiv += '<div class="step-item-head "><i class="layui-icon">' + number + '</i></div>';
+            }
+
+            // 标题和描述
+            var title = stepItems[i].title;
+            var desc = stepItems[i].desc;
+            if (title || desc) {
+                stepDiv += '<div class="step-item-main">';
+                if (title) {
+                    stepDiv += '<div class="step-item-main-title">' + title + '</div>';
+                }
+                if (desc) {
+                    stepDiv += '<div class="step-item-main-desc">' + desc + '</div>';
+                }
+                stepDiv += '</div>';
+            }
+            stepDiv += '</div>';
+        }
+        stepDiv += '</div>';
+
+        $(elem).prepend(stepDiv);
+
+        // 计算每一个条目的宽度
+        var bfb = 100 / stepItems.length;
+        $('.step-item').css('width', bfb + '%');
+    };
+
+    var pearStep = {
+        // 渲染步骤条
+        render: function (param) {
+            param.indicator = 'none';  // 不显示指示器
+            param.arrow = 'always';  // 始终显示箭头
+            param.autoplay = false;  // 关闭自动播放
+            if (!param.stepWidth) {
+                param.stepWidth = '400px';
+            }
+
+            // 渲染轮播图
+            carousel.render(param);
+
+            // 渲染步骤条
+            var stepItems = param.stepItems;
+            renderDom(param.elem, stepItems, 0);
+            $('.lay-step').css('width', param.stepWidth);
+
+            //监听轮播切换事件
+            carousel.on('change(' + param.filter + ')', function (obj) {
+                $(param.elem).find('.lay-step').remove();
+                renderDom(param.elem, stepItems, obj.index);
+                $('.lay-step').css('width', param.stepWidth);
+            });
+
+            // 隐藏左右箭头按钮
+            $(param.elem).find('.layui-carousel-arrow').css('display', 'none');
+
+            // 去掉轮播图的背景颜色
+            $(param.elem).css('background-color', 'transparent');
+        },
+        // 下一步
+        next: function (elem) {
+            $(elem).find('.layui-carousel-arrow[lay-type=add]').trigger('click');
+        },
+        // 上一步
+        pre: function (elem) {
+            $(elem).find('.layui-carousel-arrow[lay-type=sub]').trigger('click');
+        }
+    };
+    exports('step', pearStep);
+});