定位

src/main/House/src/components/Alert/main.vue

@@ -12,7 +12,7 @@
                     <div class="content">{{content}}</div>
                     <div class="button-wrapper">
                         <div class="btn-cancel" v-if="showCancel" @click="cancel">取消</div>
-                        <div class="btn-confirm" @click="confirm">确认</div>
+                        <div class="btn-confirm" @click="confirm">{{confirmTxt}}</div>
                     </div>
                 </div>
             </div>
@@ -31,7 +31,8 @@ export default {
             showCancel: false,
             visible: false,
             cancelFn: undefined,
-            confirmFn: undefined
+            confirmFn: undefined,
+            confirmTxt:'确认'
         }
     },
     methods: {

src/main/House/src/config.js

@@ -1 +1 @@
-module.exports = {"imageUrlPrefix":"http://oss.izouma.com"}
+module.exports = {"imageUrlPrefix":"http://xiangjuwu.oss-cn-beijing.aliyuncs.com"}

src/main/House/src/main.js

@@ -28,7 +28,7 @@ css.innerHTML = `html{font-size: ${fontSize}px}`
 document.head.appendChild(css)
 var iNoBounce = require('./inobounce.min.js')
 var isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
-const baseUrl = process.env.NODE_ENV === 'production' ? '../' : 'http://localhost:8080';
+const baseUrl = process.env.NODE_ENV === 'production' ? '../' : 'http://www.xiangjuwu.com/';
 // const baseUrl = 'http://www.xiangjuwu.com'
 store.commit('updateBaseUrl', baseUrl)
 axios.defaults.withCredentials = true;

src/main/House/src/pages/Home.vue

@@ -1,81 +1,71 @@
 <template>
-    <div class="container" ref="content" @scroll="contentScroll">
-        <div class="top" ref="top">
-            <div class="location" @click="goLocation">
-                <img src="@/assets/home_icon_dingwei.png" alt="">
-                <span>{{city.split('市')[0]}}</span>
-            </div>
-
-            <div class="search">
-                <div class="searchContent" @click="goSearch">
-                    <img src="@/assets/home_icon_search.png" alt="">
-                    <span>搜索小区/商圈/地铁站</span>
-                </div>
-            </div>
-            <div class="swiper-container">
-                <div class="swiper-wrapper">
-                    <div class="swiper-slide" v-for="(item,index) in bannerList" :style="{backgroundImage:'url('+item.image+')'}">
-
-                    </div>
-                </div>
-            </div>
+  <div class="container" ref="content" @scroll="contentScroll">
+    <div class="top" ref="top">
+      <div class="location" @click="goLocation">
+        <img src="@/assets/home_icon_dingwei.png" alt>
+        <span>{{city.split('市')[0]}}</span>
+      </div>
+
+      <div class="search">
+        <div class="searchContent" @click="goSearch">
+          <img src="@/assets/home_icon_search.png" alt>
+          <span>搜索小区/商圈/地铁站</span>
         </div>
-
-        <div v-if="showFixedSearch" ref='searchFixed' class="search searchFixed">
-            <div class="searchContent" @click="goSearch">
-                <img src="@/assets/home_icon_search.png" alt="">
-                <span>搜索小区/商圈/地铁站</span>
-            </div>
+      </div>
+      <div class="swiper-container">
+        <div class="swiper-wrapper">
+          <div class="swiper-slide" v-for="(item,index) in bannerList" :style="{backgroundImage:'url('+item.image+')'}"></div>
         </div>
+      </div>
+    </div>
+
+    <div v-if="showFixedSearch" ref="searchFixed" class="search searchFixed">
+      <div class="searchContent" @click="goSearch">
+        <img src="@/assets/home_icon_search.png" alt>
+        <span>搜索小区/商圈/地铁站</span>
+      </div>
+    </div>
 
-        <div class="menu">
-            <router-link :to="{name:'getMore',query:{rentingType:'0'},params:{isNext:1}}" class="menu-item">
-                <img src="@/assets/home_icon_zhengzhu.png" alt="">
-                <span>整租</span>
-            </router-link>
-            <router-link :to="{name:'getMore',query:{rentingType:'1'},params:{isNext:1}}" class="menu-item">
-                <img src="@/assets/home_icon_hezhu.png" alt="">
-                <span>合租</span>
-            </router-link>
-            <router-link :to="{name:'getMore',query:{rentingType:'2'},params:{isNext:1}}" class="menu-item">
-                <img src="@/assets/home_icon_pinpai.png" alt="">
-                <span>品牌公寓</span>
-            </router-link>
-            <!-- <div class="menu-item">
+    <div class="menu">
+      <router-link :to="{name:'getMore',query:{rentingType:'0'},params:{isNext:1}}" class="menu-item">
+        <img src="@/assets/home_icon_zhengzhu.png" alt>
+        <span>整租</span>
+      </router-link>
+      <router-link :to="{name:'getMore',query:{rentingType:'1'},params:{isNext:1}}" class="menu-item">
+        <img src="@/assets/home_icon_hezhu.png" alt>
+        <span>合租</span>
+      </router-link>
+      <router-link :to="{name:'getMore',query:{rentingType:'2'},params:{isNext:1}}" class="menu-item">
+        <img src="@/assets/home_icon_pinpai.png" alt>
+        <span>品牌公寓</span>
+      </router-link>
+      <!-- <div class="menu-item">
                 <img src="@/assets/home_icon_ditu.png" alt="">
                 <span>地图找房</span>
-            </div> -->
-        </div>
-        <div class="home-title" style="margin-top:0.9rem">
-            精选优质房源
-        </div>
-        <div class="home-subtitle" style="margin-top:0.08rem">保证品质和舒适型的精选房源</div>
-        <div class="goodsList" v-if="list.length>0" ref="goodsList" @scroll="goodScroll">
-            <div class="goodsListContent" :style="{width:list.length*4.2+'rem'}">
-                <miniGoodsItem v-for="item in list" :goodsInfo='item'></miniGoodsItem>
-            </div>
-        </div>
-        <div class="showMore" @click="getMore">查看更多优质房源</div>
-        <template v-if="recomend.length>0">
-            <div class="home-title" style="margin-top:0.9rem">
-                为你推荐
-            </div>
-            <!-- <div @click="screenStart" ref="screenBox">
-                <screen ref='screenContent'></screen>
-            </div> -->
-
-            <div class="largeGoodsList" ref='largeGoodsList'>
-                <largeGoodsItem :goodsInfo='item' :hasLine='index!=recomend.length-1' v-for="(item,index) in recomend"></largeGoodsItem>
-            </div>
-        </template>
-
-        <template>
-            <div class="left">
-
-            </div>
-        </template>
-
+      </div>-->
     </div>
+    <div class="home-title" style="margin-top:0.9rem">精选优质房源</div>
+    <div class="home-subtitle" style="margin-top:0.08rem">保证品质和舒适型的精选房源</div>
+    <div class="goodsList" v-if="list.length>0" ref="goodsList" @scroll="goodScroll">
+      <div class="goodsListContent" :style="{width:list.length*4.2+'rem'}">
+        <miniGoodsItem v-for="item in list" :goodsInfo="item"></miniGoodsItem>
+      </div>
+    </div>
+    <div class="showMore" @click="getMore">查看更多优质房源</div>
+    <template v-if="recomend.length>0">
+      <div class="home-title" style="margin-top:0.9rem">为你推荐</div>
+      <!-- <div @click="screenStart" ref="screenBox">
+                <screen ref='screenContent'></screen>
+      </div>-->
+      <div class="largeGoodsList" ref="largeGoodsList">
+        <largeGoodsItem :goodsInfo="item" :hasLine="index!=recomend.length-1" v-for="(item,index) in recomend"></largeGoodsItem>
+      </div>
+    </template>
+
+    <template>
+      <div class="left"></div>
+    </template>
+  </div>
 </template>
 <script>
 import GmButton from '@/components/Button'
@@ -85,458 +75,485 @@ import largeGoodsItem from '@/components/LargeGoodsItem'
 import { mapState } from "vuex";
 import swiper from 'swiper'
 export default {
-    data() {
-        return {
-            city: '南京市',
-            list: [],
-            recomend: [],
-            showFixedSearch: false,
-            selectcurrentPage: 0,
-            selectFlag: false,
-            recommendcurrentPage: 0,
-            recommendFlag: false,
-            bannerList: []
-        }
-    },
-    created() {
-        this.$http.get({
-            url: '/bannerInfo/all',
-            data: {}
-        }).then(res => {
-            if (res.success) {
-                this.bannerList = res.data
-                setTimeout(() => {
-                    var mySwiper = new Swiper('.swiper-container', {
-                        autoplay: 5000,
-                    }, 1000)
-                })
-            }
+  data() {
+    return {
+      city: '南京市',
+      list: [],
+      recomend: [],
+      showFixedSearch: false,
+      selectcurrentPage: 0,
+      selectFlag: false,
+      recommendcurrentPage: 0,
+      recommendFlag: false,
+      bannerList: []
+    }
+  },
+  created() {
+    this.$http.get({
+      url: '/bannerInfo/all',
+      data: {}
+    }).then(res => {
+      if (res.success) {
+        this.bannerList = res.data
+        setTimeout(() => {
+          var mySwiper = new Swiper('.swiper-container', {
+            autoplay: 5000,
+          }, 1000)
         })
-        // setTimeout(() => {
-
-        //     wx.getLocation({
-        //         type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
-        //         success: function (res) {
-        //             console.log(res)
-        //         }
-        //     })
-        // }, 1000)
-        var geolocation = new qq.maps.Geolocation(
-            "GLFBZ-ZR2W6-76XSA-MF7CQ-GDJ6Z-6FB5K",
-            "享居屋"
-        );
-        if (this.locationInfo) {
-            this.city = this.locationInfo.fullName
+      }
+    })
+    // setTimeout(() => {
+
+    //     wx.getLocation({
+    //         type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
+    //         success: function (res) {
+    //             console.log(res)
+    //         }
+    //     })
+    // }, 1000)
+    var geolocation = new qq.maps.Geolocation(
+      "GLFBZ-ZR2W6-76XSA-MF7CQ-GDJ6Z-6FB5K",
+      "享居屋"
+    );
+    if (this.locationInfo) {
+      this.city = this.locationInfo.fullName
+      this.getSelect()
+      this.getrecommend()
+    }
+    else {
+
+      geolocation.getLocation(res => {
+        alert(res)
+
+        if (this.city != res.city) {
+          this.$alert({ title: '', content: '系统定位您当前在:' + res.city + '，是否切换到' + res.city + '？', showCancel: true, }, () => {
+            this.city = res.city
+            res.code = res.adcode.toString().slice(0, 4) + '00'
+            res.fullName = res.city
+            console.log(res)
+            this.$store.commit('updateLocationInfo', res)
+
+          }, () => {
+            this.$http.get({
+              url: '/districtInfo/getOne',
+              data: {
+                fullName: this.city
+              }
+            }).then(res => {
+
+              if (res.success) {
+                // res.data.city=res.data.fullName
+                this.$store.commit('updateLocationInfo', res.data)
+
+                this.getSelect()
+                this.getrecommend()
+              }
+            });
+
+          }, () => {
             this.getSelect()
             this.getrecommend()
+          })
         }
         else {
+          this.$http.get({
+            url: '/districtInfo/getOne',
+            data: {
+              fullName: this.city
+            }
+          }).then(res => {
+
+            if (res.success) {
+              this.$store.commit('updateLocationInfo', res.data)
 
-            geolocation.getLocation(res => {
-                console.log(res)
-
-                if (this.city != res.city) {
-                    this.$alert({ title: '', content: '系统定位您当前在:' + res.city + '，是否切换到' + res.city + '？', showCancel: true, }, () => {
-                        this.city = res.city
-                        res.code = res.adcode.toString().slice(0, 4) + '00'
-                        res.fullName = res.city
-                        console.log(res)
-                        this.$store.commit('updateLocationInfo', res)
-
-                    }, () => {
-                        this.$http.get({
-                            url: '/districtInfo/getOne',
-                            data: {
-                                fullName: this.city
-                            }
-                        }).then(res => {
-
-                            if (res.success) {
-                                // res.data.city=res.data.fullName
-                                this.$store.commit('updateLocationInfo', res.data)
-
-                                this.getSelect()
-                                this.getrecommend()
-                            }
-                        });
-
-                    }, () => {
-                        this.getSelect()
-                        this.getrecommend()
-                    })
-                }
-                else {
-                    this.$http.get({
-                        url: '/districtInfo/getOne',
-                        data: {
-                            fullName: this.city
-                        }
-                    }).then(res => {
-
-                        if (res.success) {
-                            this.$store.commit('updateLocationInfo', res.data)
-
-                            this.getSelect()
-                            this.getrecommend()
-                        }
-                    });
-                }
-            })
+              this.getSelect()
+              this.getrecommend()
+            }
+          });
         }
+      })
 
+      setTimeout(() => {
+        if (!this.locationInfo) {
+          this.$alert({ title: '获取定位失败', content: '很抱歉获取定位失败，您可以尝试手动切换城市。', showCancel: false, }, () => {
 
+          })
 
-        wx.ready(() => {
-            wx.onMenuShareTimeline({
-                title: `享居屋租房———首页`,
-                link: 'http://www.xiangjuwu.com/wx/auth?redirectUri=home',
-                imgUrl: 'http://www.xiangjuwu.com/images/logo.png'
-            })
-            wx.onMenuShareAppMessage({
-                title: '享居屋租房———首页',
-                desc: `让租房变的简单`,
-                link: 'http://www.xiangjuwu.com/wx/auth?redirectUri=home',
-                imgUrl: 'http://www.xiangjuwu.com/images/logo.png'
-            })
-        })
+          this.$http.get({
+            url: '/districtInfo/getOne',
+            data: {
+              fullName: this.city
+            }
+          }).then(res => {
 
+            if (res.success) {
+              // res.data.city=res.data.fullName
+              this.$store.commit('updateLocationInfo', res.data)
 
-        if (this.redirect) {
-            this.$router.push(this.redirect)
+              this.getSelect()
+              this.getrecommend()
+            }
+          })
         }
+      }, 2000)
+    }
 
 
 
+    wx.ready(() => {
+      wx.onMenuShareTimeline({
+        title: `享居屋租房———首页`,
+        link: 'http://www.xiangjuwu.com/wx/auth?redirectUri=home',
+        imgUrl: 'http://www.xiangjuwu.com/images/logo.png'
+      })
+      wx.onMenuShareAppMessage({
+        title: '享居屋租房———首页',
+        desc: `让租房变的简单`,
+        link: 'http://www.xiangjuwu.com/wx/auth?redirectUri=home',
+        imgUrl: 'http://www.xiangjuwu.com/images/logo.png'
+      })
+
+
+
+    })
+
+
+    if (this.redirect) {
+      this.$router.push(this.redirect)
+    }
+
+
+
+  },
+  watch: {
+    city() {
+      this.selectcurrentPage = 0
+      this.recommendcurrentPage = 0
+      this.getSelect()
+      this.getrecommend()
+    }
+  },
+  computed: {
+    ...mapState(["locationInfo", "redirect"]),
+  },
+  methods: {
+    goLocation() {
+      this.$router.push({
+        name: 'location'
+      })
     },
-    watch: {
-        city() {
-            this.selectcurrentPage = 0
-            this.recommendcurrentPage = 0
-            this.getSelect()
-            this.getrecommend()
-        }
-    },
-    computed: {
-        ...mapState(["locationInfo", "redirect"]),
-    },
-    methods: {
-        goLocation() {
-            this.$router.push({
-                name: 'location'
-            })
-        },
-        goodScroll() {
-            var scrollLeft = this.$refs.goodsList.scrollLeft
-            var width = this.$refs.goodsList.offsetWidth
-            var Allwidth = this.$refs.goodsList.scrollWidth
+    goodScroll() {
+      var scrollLeft = this.$refs.goodsList.scrollLeft
+      var width = this.$refs.goodsList.offsetWidth
+      var Allwidth = this.$refs.goodsList.scrollWidth
 
-            if (scrollLeft + width >= Allwidth && this.selectFlag) {
+      if (scrollLeft + width >= Allwidth && this.selectFlag) {
 
-                this.getSelect()
-            }
-        },
-        contentScroll() {
-            var scrollTop = this.$refs.content.scrollTop
-            var height = this.$refs.content.offsetHeight
-            var AllHeight = this.$refs.content.scrollHeight
+        this.getSelect()
+      }
+    },
+    contentScroll() {
+      var scrollTop = this.$refs.content.scrollTop
+      var height = this.$refs.content.offsetHeight
+      var AllHeight = this.$refs.content.scrollHeight
 
-            if (scrollTop + height >= AllHeight && this.recommendFlag) {
-                this.getrecommend()
-            }
+      if (scrollTop + height >= AllHeight && this.recommendFlag) {
+        this.getrecommend()
+      }
 
-            if (scrollTop >= this.$refs.top.offsetHeight) {
-                // console.log('到了')
+      if (scrollTop >= this.$refs.top.offsetHeight) {
+        // console.log('到了')
 
-            }
-            else {
-                this.showFixedSearch = false
-            }
+      }
+      else {
+        this.showFixedSearch = false
+      }
 
-            // var screenTop = this.$refs.screenBox.offsetTop
-            if (this.showFixedSearch) {
-                var searchFixed = this.$refs.searchFixed.offsetHeight
+      // var screenTop = this.$refs.screenBox.offsetTop
+      if (this.showFixedSearch) {
+        var searchFixed = this.$refs.searchFixed.offsetHeight
 
-                if (scrollTop + searchFixed >= screenTop) {
-                    this.$refs.searchFixed.style.transform = 'translateY(' + (screenTop - scrollTop - searchFixed) + 'px)'
-                }
-                else {
-                    this.$refs.searchFixed.style.transform = 'translateY(0px)'
-                }
-            }
+        if (scrollTop + searchFixed >= screenTop) {
+          this.$refs.searchFixed.style.transform = 'translateY(' + (screenTop - scrollTop - searchFixed) + 'px)'
+        }
+        else {
+          this.$refs.searchFixed.style.transform = 'translateY(0px)'
+        }
+      }
 
-        },
-        goSearch() {
-            this.$router.push({
-                name: 'search',
-                params: {
-                    'isNext': 1
-                }
-            })
-        },
-        screenStart() {
-            var AllHeight = this.$refs.content.scrollHeight
-            var top = this.$refs.screenBox.offsetTop
-            var height = this.$refs.content.offsetHeight
-
-            if (top + height > AllHeight) {
-                console.log(AllHeight, top, height)
-                console.log(this.$refs.largeGoodsList)
-                this.$refs.largeGoodsList.style.marginBottom = top + height - AllHeight + 'px'
-            }
-            this.$refs.content.scrollTop = top
-            this.$refs.screenContent.changeShowSreen(true)
-        },
-        getSelect() {
-            // 精选
-            // this.$store.commit('updateLoading', true)
-            this.selectFlag = false
-            if (this.selectcurrentPage == 0) {
-                this.list = []
-            }
-            this.selectcurrentPage++
-            this.$http.get({
-                url: '/houseInfo/page',
-                data: {
-                    currentPage: this.selectcurrentPage,
-                    pageNumber: 20,
-                    selectedFlag: 'Y',
-                    statusFlag: 1,
-                    cityCode: this.locationInfo.code
-                }
-            }).then(res => {
-                // this.$store.commit('updateLoading', false)
-                if (res.success) {
-                    var list = res.data.pp
-                    if (res.data.page.currentPage == 1) {
-                        this.list = []
-                    }
-                    list.forEach(item => {
-                        this.list.push(item)
-                    })
-                    if (res.data.page.totalPage > res.data.page.currentPage) {
-                        this.selectFlag = true
-                    }
-                } else {
-
-                }
-            });
-        },
-        getrecommend() {
-            // 精选
+    },
+    goSearch() {
+      this.$router.push({
+        name: 'search',
+        params: {
+          'isNext': 1
+        }
+      })
+    },
+    screenStart() {
+      var AllHeight = this.$refs.content.scrollHeight
+      var top = this.$refs.screenBox.offsetTop
+      var height = this.$refs.content.offsetHeight
+
+      if (top + height > AllHeight) {
+        console.log(AllHeight, top, height)
+        console.log(this.$refs.largeGoodsList)
+        this.$refs.largeGoodsList.style.marginBottom = top + height - AllHeight + 'px'
+      }
+      this.$refs.content.scrollTop = top
+      this.$refs.screenContent.changeShowSreen(true)
+    },
+    getSelect() {
+      // 精选
+      // this.$store.commit('updateLoading', true)
+      this.selectFlag = false
+      if (this.selectcurrentPage == 0) {
+        this.list = []
+      }
+      this.selectcurrentPage++
+      this.$http.get({
+        url: '/houseInfo/page',
+        data: {
+          currentPage: this.selectcurrentPage,
+          pageNumber: 20,
+          selectedFlag: 'Y',
+          statusFlag: 1,
+          cityCode: this.locationInfo.code
+        }
+      }).then(res => {
+        // this.$store.commit('updateLoading', false)
+        if (res.success) {
+          var list = res.data.pp
+          if (res.data.page.currentPage == 1) {
+            this.list = []
+          }
+          list.forEach(item => {
+            this.list.push(item)
+          })
+          if (res.data.page.totalPage > res.data.page.currentPage) {
+            this.selectFlag = true
+          }
+        } else {
 
-            this.$loadData({ type: 'isHome', msg: '正在加载数据' })
-            this.recommendFlag = false
-            if (this.recommendcurrentPage == 0) {
-                this.recomend = []
-            }
-            this.recommendcurrentPage++
-            this.$http.get({
-                url: '/houseInfo/page',
-                data: {
-                    currentPage: this.recommendcurrentPage,
-                    pageNumber: 20,
-                    recommendFlag: 'Y',
-                    statusFlag: 1,
-                    cityCode: this.locationInfo.code
-                }
-            }).then(res => {
-                this.$loadData.close()
-                if (res.success) {
-                    var list = res.data.pp
-                    list.forEach(item => {
-                        this.recomend.push(item)
-                    })
-                    if (res.data.page.totalPage > res.data.page.currentPage) {
-                        this.recommendFlag = true
-                    }
-                } else {
-
-                }
-            });
-        },
-        getMore() {
-            this.$router.push({
-                name: 'getRecommend',
-                query: {
-                    recommendFlag: 'Y'
-                },
-                params: {
-                    isNext: 1
-                }
-            })
         }
+      });
     },
-    components: { GmButton, miniGoodsItem, largeGoodsItem, screen }
+    getrecommend() {
+      // 精选
+
+      this.$loadData({ type: 'isHome', msg: '正在加载数据' })
+      this.recommendFlag = false
+      if (this.recommendcurrentPage == 0) {
+        this.recomend = []
+      }
+      this.recommendcurrentPage++
+      this.$http.get({
+        url: '/houseInfo/page',
+        data: {
+          currentPage: this.recommendcurrentPage,
+          pageNumber: 20,
+          recommendFlag: 'Y',
+          statusFlag: 1,
+          cityCode: this.locationInfo.code
+        }
+      }).then(res => {
+        this.$loadData.close()
+        if (res.success) {
+          var list = res.data.pp
+          list.forEach(item => {
+            this.recomend.push(item)
+          })
+          if (res.data.page.totalPage > res.data.page.currentPage) {
+            this.recommendFlag = true
+          }
+        } else {
+
+        }
+      });
+    },
+    getMore() {
+      this.$router.push({
+        name: 'getRecommend',
+        query: {
+          recommendFlag: 'Y'
+        },
+        params: {
+          isNext: 1
+        }
+      })
+    }
+  },
+  components: { GmButton, miniGoodsItem, largeGoodsItem, screen }
 }
 </script>
 <style lang="less" scoped>
-@import '../swiper.css';
+@import "../swiper.css";
 .container {
-    background-color: #fff;
+  background-color: #fff;
 }
 
 .top {
-    min-height: 4rem;
-    height: 4rem;
-    background: rgba(44, 74, 98, 0.1);
-    position: relative;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    .location {
-        padding: 0 0.24rem 0 0.2rem;
-        height: 0.6rem;
-        background: rgba(0, 0, 0, 0.5);
-        border-radius: 0.3rem;
-        display: flex;
-        align-items: center;
-        position: absolute;
-        top: 0.24rem;
-        left: 0.3rem;
-        z-index: 2;
-        white-space: nowrap;
-        img {
-            width: 0.28rm;
-            height: 0.28rem;
-        }
-
-        span {
-            font-size: 0.24rem;
-            color: rgba(255, 255, 255, 1);
-            line-height: 0.34rem;
-            margin-left: 0.08rem;
-        }
+  min-height: 4rem;
+  height: 4rem;
+  background: rgba(44, 74, 98, 0.1);
+  position: relative;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  .location {
+    padding: 0 0.24rem 0 0.2rem;
+    height: 0.6rem;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 0.3rem;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0.24rem;
+    left: 0.3rem;
+    z-index: 2;
+    white-space: nowrap;
+    img {
+      width: 0.28rm;
+      height: 0.28rem;
     }
 
-    .swiper-container {
-        width: 100%;
-        height: 100%;
-        z-index: 1;
-        .swiper-slide {
-            background-position: center center;
-            background-size: cover;
-            background-repeat: no-repeat;
-        }
+    span {
+      font-size: 0.24rem;
+      color: rgba(255, 255, 255, 1);
+      line-height: 0.34rem;
+      margin-left: 0.08rem;
     }
+  }
+
+  .swiper-container {
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    .swiper-slide {
+      background-position: center center;
+      background-size: cover;
+      background-repeat: no-repeat;
+    }
+  }
 }
 .search {
-    border-radius: 0.4rem 0.4rem 0 0;
-    height: 0.4rem;
-    background-color: #fff;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
+  border-radius: 0.4rem 0.4rem 0 0;
+  height: 0.4rem;
+  background-color: #fff;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+
+  z-index: 2;
+  .searchContent {
+    margin: 0 0.3rem;
+    height: 0.8rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0rem 0.12rem 0.32rem 0rem rgba(147, 147, 147, 0.5);
+    border-radius: 0.44rem;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
-    z-index: 2;
-    .searchContent {
-        margin: 0 0.3rem;
-        height: 0.8rem;
-        background: rgba(255, 255, 255, 1);
-        box-shadow: 0rem 0.12rem 0.32rem 0rem rgba(147, 147, 147, 0.5);
-        border-radius: 0.44rem;
-        transform: translateY(-50%);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        img {
-            width: 0.32rem;
-            height: 0.32rem;
-        }
+    img {
+      width: 0.32rem;
+      height: 0.32rem;
+    }
 
-        span {
-            font-size: 0.24rem;
-            font-weight: bold;
-            color: rgba(173, 173, 173, 1);
-            line-height: 0.34rem;
-            margin-left: 0.1rem;
-        }
+    span {
+      font-size: 0.24rem;
+      font-weight: bold;
+      color: rgba(173, 173, 173, 1);
+      line-height: 0.34rem;
+      margin-left: 0.1rem;
     }
+  }
 
-    &.searchFixed {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        height: 1.2rem;
-        padding: 0.2rem 0;
-        border-radius: 0;
-
-        .searchContent {
-            transform: translateY(0);
-            box-shadow: none;
-            background-color: #f2f4f5;
-        }
+  &.searchFixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 1.2rem;
+    padding: 0.2rem 0;
+    border-radius: 0;
+
+    .searchContent {
+      transform: translateY(0);
+      box-shadow: none;
+      background-color: #f2f4f5;
     }
+  }
 }
 
 .menu {
+  display: flex;
+  margin-top: 0.66rem;
+  justify-content: space-around;
+  min-height: 1.58rem;
+  padding: 0 0.3rem;
+  .menu-item {
     display: flex;
-    margin-top: 0.66rem;
-    justify-content: space-around;
-    min-height: 1.58rem;
-    padding: 0 0.3rem;
-    .menu-item {
-        display: flex;
-        flex-direction: column;
-        // flex-grow: 1;
-        align-items: center;
-        img {
-            width: 1.04rem;
-            height: 1.04rem;
-        }
-        span {
-            font-size: 0.24rem;
-            font-weight: bold;
-            color: rgba(0, 0, 0, 1);
-            line-height: 0.34rem;
-            margin-top: 0.2rem;
-        }
+    flex-direction: column;
+    // flex-grow: 1;
+    align-items: center;
+    img {
+      width: 1.04rem;
+      height: 1.04rem;
+    }
+    span {
+      font-size: 0.24rem;
+      font-weight: bold;
+      color: rgba(0, 0, 0, 1);
+      line-height: 0.34rem;
+      margin-top: 0.2rem;
     }
+  }
 }
 
 .home-title {
-    font-size: 0.4rem;
-    font-weight: bold;
-    color: rgba(0, 0, 0, 1);
-    line-height: 0.56rem;
-    padding: 0 0.3rem;
+  font-size: 0.4rem;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 1);
+  line-height: 0.56rem;
+  padding: 0 0.3rem;
 }
 .home-subtitle {
-    font-size: 0.28rem;
-    color: rgba(102, 102, 102, 1);
-    line-height: 0.4rem;
-    padding: 0 0.3rem;
+  font-size: 0.28rem;
+  color: rgba(102, 102, 102, 1);
+  line-height: 0.4rem;
+  padding: 0 0.3rem;
 }
 
 .goodsList {
-    overflow-x: auto;
-    height: 5.08rem;
-    min-height: 5.08rem;
-    padding: 0.4rem 0 0.5rem 0;
-    .goodsListContent {
-        padding: 0 0.3rem 0 0.1rem;
-        display: flex;
-    }
+  overflow-x: auto;
+  height: 5.08rem;
+  min-height: 5.08rem;
+  padding: 0.4rem 0 0.5rem 0;
+  .goodsListContent {
+    padding: 0 0.3rem 0 0.1rem;
+    display: flex;
+  }
 }
 .showMore {
-    width: 2.6rem;
-    height: 0.56rem;
-    border-radius: 0.04rem;
-    border: 0.02rem solid rgba(21, 168, 170, 1);
-    font-size: 0.26rem;
-    text-align: center;
-    color: rgba(21, 168, 170, 1);
-    line-height: 0.56rem;
-    margin: 0 0.3rem;
+  width: 2.6rem;
+  height: 0.56rem;
+  border-radius: 0.04rem;
+  border: 0.02rem solid rgba(21, 168, 170, 1);
+  font-size: 0.26rem;
+  text-align: center;
+  color: rgba(21, 168, 170, 1);
+  line-height: 0.56rem;
+  margin: 0 0.3rem;
 }
 .siliterTop {
-    height: 0.88rem;
-    min-height: 0.88rem;
+  height: 0.88rem;
+  min-height: 0.88rem;
 }
 .largeGoodsList {
-    padding-bottom: 1rem;
+  padding-bottom: 1rem;
 }
 </style>
 

src/main/House/src/pages/getMore.vue

@@ -1,16 +1,14 @@
 <template>
-    <div class="container">
-        <div @click="screenStart" ref="screenBox" style="border-bottom:0.02rem solid #f2f4f5">
-            <screen ref='screenContent' @getData='getData'></screen>
-        </div>
+  <div class="container">
+    <div @click="screenStart" ref="screenBox" style="border-bottom:0.02rem solid #f2f4f5">
+      <screen ref="screenContent" @getData="getData"></screen>
+    </div>
 
-        <div class="search-list" ref='list'>
-            <div class="nothing" v-if='isNothing' @scroll="menu">
-                未搜到对应房源,以下是推荐房源
-            </div>
-            <largeGoodsItem :goodsInfo='item' :hasLine='index!=searchList.length-1' v-for="(item,index) in searchList"></largeGoodsItem>
-        </div>
+    <div class="search-list" ref="list">
+      <div class="nothing" v-if="isNothing" @scroll="menu">未搜到对应房源,以下是推荐房源</div>
+      <largeGoodsItem :goodsInfo="item" :hasLine="index!=searchList.length-1" v-for="(item,index) in searchList"></largeGoodsItem>
     </div>
+  </div>
 </template>
 <script>
 import GmButton from '@/components/Button'
@@ -18,333 +16,368 @@ import largeGoodsItem from '@/components/LargeGoodsItem'
 import screen from '@/components/Screen'
 import { mapState } from "vuex";
 export default {
-    data() {
-        return {
-            searchList: [],
-            page: 0,
-            flag: true,
-            isNothing: false,
-            searchData: {}
-        }
-    },
-    created() {
-        console.log(this.$route.query.rentingType)
-        if (this.$route.query.rentingType) {
-            var rentingType = this.$route.query.rentingType
-            var rentType = ''
-            switch (rentingType) {
-                case '0': rentType = '整租'; break;
-                case '1': rentType = '合租'; break;
-                case '2': rentType = '品牌公寓'; break;
-            }
-            console.log(rentType)
-            setTimeout(() => {
-                this.$refs.screenContent.rentType = rentType
-                setTimeout(() => {
-                    this.$refs.screenContent.getData()
-                }, 100)
-            }, 100)
+  data() {
+    return {
+      searchList: [],
+      page: 0,
+      flag: true,
+      isNothing: false,
+      searchData: {}
+    }
+  },
+  created() {
+    if (this.locationInfo) {
+      this.getInfo()
+    }
+    else {
+      setTimeout(() => {
+        if (this.locationInfo) {
+          this.getInfo()
         }
-    },
-    name: 'getMore',
-    computed: {
-        ...mapState(["locationInfo", "userInfo", "direction"])
-    },
-    methods: {
-        search(val) {
-            this.addHistory(val)
-            this.searchVal = val
-            this.isSearch = true
-            this.page = 0
-            this.flag = true
-            this.searchData = {}
-            this.isNothing = false
+        else {
+          if (!this.locationInfo) {
+            this.$alert({ title: '获取定位失败', content: '当前默认定位到南京市，您可以尝试手动切换城市。', showCancel: true, confirmTxt: "切换城市" }, () => {
+              this.$router.push({
+                name: 'location',
+                
+              })
+            })
 
-            if (this.$refs.screenContent) {
-                this.$refs.screenContent.refreash()
-            }
-            if (this.$refs.searchBefore) {
-                this.$refs.searchBefore.addEventListener('transitionend', this.getSearchList)
-            }
-            else {
-                this.getSearchList()
-            }
+            this.$http.get({
+              url: '/districtInfo/getOne',
+              data: {
+                fullName: '南京市'
+              }
+            }).then(res => {
 
-        },
-        getSearchList() {
+              if (res.success) {
+                // res.data.city=res.data.fullName
+                this.$store.commit('updateLocationInfo', res.data)
+                this.getInfo()
+              }
+            })
+          }
+        }
+      }, 1000)
+    }
 
-            if (!this.flag) {
-                return
-            }
+  },
+  name: 'getMore',
+  computed: {
+    ...mapState(["locationInfo", "userInfo", "direction"])
+  },
+  methods: {
+    getInfo() {
+      if (this.$route.query.rentingType) {
+        var rentingType = this.$route.query.rentingType
+        var rentType = ''
+        switch (rentingType) {
+          case '0': rentType = '整租'; break;
+          case '1': rentType = '合租'; break;
+          case '2': rentType = '品牌公寓'; break;
+        }
+        console.log(rentType)
+        setTimeout(() => {
+          this.$refs.screenContent.rentType = rentType
+          setTimeout(() => {
+            this.$refs.screenContent.getData()
+          }, 100)
+        }, 100)
+      }
+    },
+    search(val) {
+      this.addHistory(val)
+      this.searchVal = val
+      this.isSearch = true
+      this.page = 0
+      this.flag = true
+      this.searchData = {}
+      this.isNothing = false
 
-            this.flag = false
-            if (this.page == 0) {
-                this.searchList = []
-            }
-            this.page++
-            this.$store.commit('updateLoading', true)
-            var data = this.searchData
-            data.currentPage = this.page
-            data.pageNumber = 20
-            data.statusFlag = 1
-            if(!data.cityCode){
-                 data.cityCode=this.locationInfo.code
-            }
-            this.$http.get({
-                url: '/houseInfo/page',
-                data: data
-            }).then(res => {
-                this.$store.commit('updateLoading', false)
-                if (res.success) {
-                    if (res.data.page.currentPage < res.data.page.totalPage) {
-                        this.flag = true
-                    }
-                    res.data.pp.forEach(item => {
-                        this.searchList.push(item)
-                    })
-                    if (this.searchList.length == 0) {
-                        this.isNothing = true
-                        this.page = 0
-                        this.flag = true
-                        this.getRecommendList()
-                    }
-                }
-            });
-        },
-        getRecommendList() {
-            if (!this.flag) {
-                return
-            }
+      if (this.$refs.screenContent) {
+        this.$refs.screenContent.refreash()
+      }
+      if (this.$refs.searchBefore) {
+        this.$refs.searchBefore.addEventListener('transitionend', this.getSearchList)
+      }
+      else {
+        this.getSearchList()
+      }
 
-            this.flag = false
-            if (this.page == 0) {
-                this.searchList = []
-            }
-            this.page++
+    },
+    getSearchList() {
 
-            this.$http.get({
-                url: '/houseInfo/page',
-                data: {
-                    currentPage: this.page,
-                    recommendFlag: 'Y',
-                    pageNumber: 20,
-                    statusFlag: 1,
- cityCode: this.locationInfo.code
-                }
-            }).then(res => {
-                this.$store.commit('updateLoading', false)
-                if (res.success) {
-                    if (res.data.page.currentPage < res.data.page.totalPage) {
-                        this.flag = true
-                    }
-                    res.data.pp.forEach(item => {
-                        this.searchList.push(item)
-                    })
-                }
-            });
-        },
+      if (!this.flag) {
+        return
+      }
 
-        screenStart() {
-            this.$refs.screenContent.changeShowSreen(true)
-        },
-        getData(data) {
-            console.log(data)
+      this.flag = false
+      if (this.page == 0) {
+        this.searchList = []
+      }
+      this.page++
+      this.$store.commit('updateLoading', true)
+      var data = this.searchData
+      data.currentPage = this.page
+      data.pageNumber = 20
+      data.statusFlag = 1
+      if (!data.cityCode) {
+        data.cityCode = this.locationInfo.code
+      }
+      this.$http.get({
+        url: '/houseInfo/page',
+        data: data
+      }).then(res => {
+        this.$store.commit('updateLoading', false)
+        if (res.success) {
+          if (res.data.page.currentPage < res.data.page.totalPage) {
+            this.flag = true
+          }
+          res.data.pp.forEach(item => {
+            this.searchList.push(item)
+          })
+          if (this.searchList.length == 0) {
+            this.isNothing = true
             this.page = 0
             this.flag = true
-            this.searchVal = ''
-            this.isNothing = false
-            this.searchData = data
-            this.searchList = []
-            this.$store.commit('updateLoading', true)
-            setTimeout(() => {
-                this.$store.commit('updateLoading', false)
-                this.getSearchList()
-            }, 100)
-        },
-        menu() {
-            var scrollTop = this.$refs.list.scrollTop
-            var height = this.$refs.list.offsetHeight
-            var AllHeight = this.$refs.list.scrollHeight
-
-            if (scrollTop + height >= AllHeight && this.recommendFlag) {
-                if (this.isNothing) {
-                    this.getRecommendList()
-                }
-                else {
-                    this.getSearchList()
-                }
+            this.getRecommendList()
+          }
+        }
+      });
+    },
+    getRecommendList() {
+      if (!this.flag) {
+        return
+      }
 
-            }
+      this.flag = false
+      if (this.page == 0) {
+        this.searchList = []
+      }
+      this.page++
 
+      this.$http.get({
+        url: '/houseInfo/page',
+        data: {
+          currentPage: this.page,
+          recommendFlag: 'Y',
+          pageNumber: 20,
+          statusFlag: 1,
+          cityCode: this.locationInfo.code
         }
-
-    },
-    activated() {
-        console.log(this.direction)
-        if (this.direction == 'forward') {
-            this.searchList = []
-            this.page = 0
+      }).then(res => {
+        this.$store.commit('updateLoading', false)
+        if (res.success) {
+          if (res.data.page.currentPage < res.data.page.totalPage) {
             this.flag = true
-            this.isNothing = false
-            this.searchData = {}
-            this.$refs.screenContent.showSreen = false
-            this.$refs.screenContent.changeType = '区域'
-            this.$refs.screenContent.regionValue = ''
-            this.$refs.screenContent.regionCode = ''
-            this.$refs.screenContent.rentType = ''
-            this.$refs.screenContent.huoseType = ''
-            this.$refs.screenContent.rent = ''
-            this.$refs.screenContent.searchData = {}
-            this.$refs.screenContent.faced = ''
-            this.$refs.screenContent.area = ''
-            this.$refs.screenContent.houseFeature = []
-            if (this.$route.query.rentingType) {
-                var rentingType = this.$route.query.rentingType
-                var rentType = ''
-                switch (rentingType) {
-                    case '0': rentType = '整租'; break;
-                    case '1': rentType = '合租'; break;
-                    case '2': rentType = '品牌公寓'; break;
-                }
-                console.log(rentType)
-                setTimeout(() => {
-                    this.$refs.screenContent.rentType = rentType
-                    setTimeout(() => {
-                        this.$refs.screenContent.getData()
-                    }, 100)
-                }, 100)
-            }
+          }
+          res.data.pp.forEach(item => {
+            this.searchList.push(item)
+          })
         }
+      });
     },
-    components: { GmButton, largeGoodsItem, screen }
-}
-</script>
-<style lang="less" scoped>
-.top {
-    display: flex;
-    padding: 0.2rem;
 
-    .search {
-        display: flex;
-        flex-grow: 1;
-        height: 0.76rem;
-        background: rgba(242, 244, 245, 1);
-        border-radius: 0.44rem;
-        align-items: center;
-        padding: 0 0.2rem 0 0.3rem;
-        .icon {
-            width: 0.32rem;
-            height: 0.32rem;
+    screenStart() {
+      this.$refs.screenContent.changeShowSreen(true)
+    },
+    getData(data) {
+      console.log(data)
+      this.page = 0
+      this.flag = true
+      this.searchVal = ''
+      this.isNothing = false
+      this.searchData = data
+      this.searchList = []
+      this.$store.commit('updateLoading', true)
+      setTimeout(() => {
+        this.$store.commit('updateLoading', false)
+        this.getSearchList()
+      }, 100)
+    },
+    menu() {
+      var scrollTop = this.$refs.list.scrollTop
+      var height = this.$refs.list.offsetHeight
+      var AllHeight = this.$refs.list.scrollHeight
+
+      if (scrollTop + height >= AllHeight && this.recommendFlag) {
+        if (this.isNothing) {
+          this.getRecommendList()
         }
-        .clear {
-            width: 0.6rem;
-            height: 0.6rem;
+        else {
+          this.getSearchList()
         }
-        input {
-            font-size: 0.3rem;
-            font-weight: bold;
-            color: rgba(0, 0, 0, 1);
-            margin-left: 0.1rem;
-            border: 0;
-            outline: none;
-            background-color: transparent;
-            align-self: stretch;
-            flex-grow: 1;
-            min-width: 0;
 
-            &::-webkit-input-placeholder {
-                font-size: 0.28rem;
-                font-weight: normal;
-                color: rgba(170, 172, 173, 1);
-            }
-        }
+      }
+
     }
 
-    .next {
-        font-size: 0.28rem;
-        color: rgba(102, 102, 102, 1);
-        line-height: 0.76rem;
-        min-width: 1.1rem;
-        text-align: center;
+  },
+  activated() {
+    if (this.direction == 'forward' && this.locationInfo) {
+      this.searchList = []
+      this.page = 0
+      this.flag = true
+      this.isNothing = false
+      this.searchData = {}
+      this.$refs.screenContent.showSreen = false
+      this.$refs.screenContent.changeType = '区域'
+      this.$refs.screenContent.regionValue = ''
+      this.$refs.screenContent.regionCode = ''
+      this.$refs.screenContent.rentType = ''
+      this.$refs.screenContent.huoseType = ''
+      this.$refs.screenContent.rent = ''
+      this.$refs.screenContent.searchData = {}
+      this.$refs.screenContent.faced = ''
+      this.$refs.screenContent.area = ''
+      this.$refs.screenContent.houseFeature = []
+      if (this.$route.query.rentingType) {
+        var rentingType = this.$route.query.rentingType
+        var rentType = ''
+        switch (rentingType) {
+          case '0': rentType = '整租'; break;
+          case '1': rentType = '合租'; break;
+          case '2': rentType = '品牌公寓'; break;
+        }
+        console.log(rentType)
+        setTimeout(() => {
+          this.$refs.screenContent.rentType = rentType
+          setTimeout(() => {
+            this.$refs.screenContent.getData()
+          }, 100)
+        }, 100)
+      }
     }
+  },
+  components: { GmButton, largeGoodsItem, screen }
 }
+</script>
+<style lang="less" scoped>
+.top {
+  display: flex;
+  padding: 0.2rem;
 
-.searchTitle {
-    height: 0.8rem;
+  .search {
     display: flex;
+    flex-grow: 1;
+    height: 0.76rem;
+    background: rgba(242, 244, 245, 1);
+    border-radius: 0.44rem;
     align-items: center;
-    margin: 0 0.3rem;
-    border-bottom: 0.02rem solid #f2f4f5;
+    padding: 0 0.2rem 0 0.3rem;
     .icon {
-        width: 0.28rem;
-        height: 0.28rem;
-    }
-    span {
-        font-size: 0.24rem;
-        font-weight: bold;
-        color: rgba(21, 168, 170, 1);
-        line-height: 0.34rem;
-        flex-grow: 1;
-        margin-left: 0.04rem;
+      width: 0.32rem;
+      height: 0.32rem;
     }
     .clear {
-        width: 0.4rem;
-        height: 0.4rem;
-        margin-right: 0.1rem;
+      width: 0.6rem;
+      height: 0.6rem;
     }
+    input {
+      font-size: 0.3rem;
+      font-weight: bold;
+      color: rgba(0, 0, 0, 1);
+      margin-left: 0.1rem;
+      border: 0;
+      outline: none;
+      background-color: transparent;
+      align-self: stretch;
+      flex-grow: 1;
+      min-width: 0;
+
+      &::-webkit-input-placeholder {
+        font-size: 0.28rem;
+        font-weight: normal;
+        color: rgba(170, 172, 173, 1);
+      }
+    }
+  }
+
+  .next {
+    font-size: 0.28rem;
+    color: rgba(102, 102, 102, 1);
+    line-height: 0.76rem;
+    min-width: 1.1rem;
+    text-align: center;
+  }
+}
+
+.searchTitle {
+  height: 0.8rem;
+  display: flex;
+  align-items: center;
+  margin: 0 0.3rem;
+  border-bottom: 0.02rem solid #f2f4f5;
+  .icon {
+    width: 0.28rem;
+    height: 0.28rem;
+  }
+  span {
+    font-size: 0.24rem;
+    font-weight: bold;
+    color: rgba(21, 168, 170, 1);
+    line-height: 0.34rem;
+    flex-grow: 1;
+    margin-left: 0.04rem;
+  }
+  .clear {
+    width: 0.4rem;
+    height: 0.4rem;
+    margin-right: 0.1rem;
+  }
 }
 
 .hotList {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    padding: 0.2rem 0.3rem;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0.2rem 0.3rem;
 
-    .hotItem {
-        font-size: 0.26rem;
-        color: rgba(102, 102, 102, 1);
-        line-height: 0.56rem;
-        height: 0.56rem;
-        background: rgba(242, 244, 245, 1);
-        border-radius: 0.08rem;
-        padding: 0 0.1rem;
-        margin: 0 0.2rem 0.2rem 0;
-    }
+  .hotItem {
+    font-size: 0.26rem;
+    color: rgba(102, 102, 102, 1);
+    line-height: 0.56rem;
+    height: 0.56rem;
+    background: rgba(242, 244, 245, 1);
+    border-radius: 0.08rem;
+    padding: 0 0.1rem;
+    margin: 0 0.2rem 0.2rem 0;
+  }
 }
 
 .historyList {
-    padding: 0.42rem 0.3rem;
-    .historyItem {
-        font-size: 0.28rem;
-        color: rgba(0, 0, 0, 1);
-        line-height: 0.4rem;
-        margin-bottom: 0.3rem;
-    }
+  padding: 0.42rem 0.3rem;
+  .historyItem {
+    font-size: 0.28rem;
+    color: rgba(0, 0, 0, 1);
+    line-height: 0.4rem;
+    margin-bottom: 0.3rem;
+  }
 }
 
 .nothing {
-    height: 0.8rem;
-    background: rgba(242, 244, 245, 1);
-    line-height: 0.8rem;
-    font-size: 0.26rem;
-    color: rgba(153, 153, 153, 1);
-    text-align: center;
+  height: 0.8rem;
+  background: rgba(242, 244, 245, 1);
+  line-height: 0.8rem;
+  font-size: 0.26rem;
+  color: rgba(153, 153, 153, 1);
+  text-align: center;
 }
 
 .search-list {
-    flex-grow: 1;
-    overflow-y: auto;
+  flex-grow: 1;
+  overflow-y: auto;
 }
 
 .slide-down-enter,
 .slide-down-leave-active {
-    transform: translateY(100%);
-    opacity: 0;
+  transform: translateY(100%);
+  opacity: 0;
 }
 
 .slide-down-enter-active,
 .slide-down-leave-active {
-    transition: all 0.5s;
+  transition: all 0.5s;
 }
 </style>
 

src/main/House/src/router/index.js

@@ -260,7 +260,7 @@ router.afterEach(function(to) {
                 timestamp: response.data.timestamp,
                 nonceStr: response.data.nonceStr,
                 signature: response.data.signature,
-                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
+                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'openLocation', 'getLocation']
             })
         })
 

src/main/java/test/com/izouma/admintemplate/datasource/TMSGenVueServiceTest.java

@@ -32,31 +32,23 @@ public class TMSGenVueServiceTest {
     @Test
     public void test() throws IOException {
 
-        String baseUrl = "http://211.144.95.51/api/MetadataArea/MetadataAreaList";
-        String talbeName = "MetadataArea";
+        String baseUrl = "http://211.144.95.51/api/MetadataArea/Activity";
+        String talbeName = "Activity";
         String javaPath = "D:\\项目资料\\物流前端\\GEN";
 
         //String result = NetUtils.getUrlResponse(baseUrl, "");
 
         String result = "{\n" +
                 "\t\"error\": \"\",\n" +
-                "\t\"data\": [{\n" +
-                "\t\t\"area_id\": 1,\n" +
-                "\t\t\"area_code\": \"110000\",\n" +
-                "\t\t\"area_name\": \"北京市\",\n" +
-                "\t\t\"area_type\": 1,\n" +
-                "\t\t\"parent_area_id\": 0,\n" +
-                "\t\t\"area_lng\": null,\n" +
-                "\t\t\"area_lat\": null,\n" +
-                "\t\t\"create_user_id\": null,\n" +
-                "\t\t\"create_time\": \"2018-06-27 09:54:34\",\n" +
-                "\t\t\"create_org_id\": null,\n" +
-                "\t\t\"edit_user_id\": null,\n" +
-                "\t\t\"edit_time\": \"2018-06-27 09:54:42\",\n" +
-                "\t\t\"edit_org_id\": null,\n" +
-                "\t\t\"area_type_id\": 1,\n" +
-                "\t\t\"area_type_name\": \"省\"\n" +
-                "\t}]\n" +
+                "\t\"data\": [ {\n" +
+                "                \"activity_id\": 1,\n" +
+                "                \"activity_name\": \"\uD83D\uDC09\uD83D\uDC0E精神 ⭐\uD83D\uDD25传承\",\n" +
+                "                \"activity_type\": \"在线活动\",\n" +
+                "                \"activity_theme\": \"宪法宣传\",\n" +
+                "                \"activity_sponsor\": \"上海市XX局\",\n" +
+                "                \"activity_on_off\": true,\n" +
+                "                \"create_time\": \"2018-12-13 14:14:47\"\n" +
+                "            }]\n" +
                 "}";
 
         JSONObject job = JSONObject.fromObject(result);

src/main/resources/templates/listTemplate1.vm

@@ -2,42 +2,19 @@
     <div>
         <div class="filters-container">
             <el-input placeholder="用户名" size="small" v-model="filter1" clearable class="filter-item"></el-input>
-            <el-select placeholder="性别" size="small" v-model="filter2" clearable class="filter-item">
-                <el-option
-                        label="女"
-                        value="item1">
-                </el-option>
-                <el-option
-                        label="男"
-                        value="item2">
-                </el-option>
-            </el-select>
-            <el-button @click="getData" type="primary" size="small" icon="el-icon-search" class="filter-item">搜索
+            <el-button @click="getData"  size="small" icon="el-icon-search" class="filter-item">搜索
             </el-button>
             <el-button @click="${esc.d}router.push('/user')" type="primary" size="small" icon="el-icon-edit"
-                       class="filter-item">添加
+                       class="filter-item">新建
             </el-button>
-            <el-dropdown trigger="click" size="medium" class="table-column-filter">
-                <span>
-                  筛选数据<i class="el-icon-arrow-down el-icon--right"></i>
-                </span>
-                <el-dropdown-menu slot="dropdown" class="table-column-filter-wrapper">
-                    <el-checkbox v-for="item in tableColumns" :key="item.value" v-model="item.show">{{item.label}}
-                    </el-checkbox>
-                </el-dropdown-menu>
-            </el-dropdown>
+
         </div>
         <el-table
                 :data="tableData"
                 :height="tableHeight"
                 row-key="id"
                 ref="table">
-            <el-table-column
-                    v-if="multipleMode"
-                    align="center"
-                    type="selection"
-                    width="50">
-            </el-table-column>
+
             <el-table-column
                     type="index"
                     min-width="50"
@@ -46,7 +23,6 @@
             #foreach($field in $model.fields)
                 #if($field.showInList)
                     <el-table-column
-                            v-if="isColumnShow('$field.modelName')"
                             prop="$field.modelName"
                             label="$display.alt($field.remark,$field.modelName)"
                             min-width="300">
@@ -59,18 +35,12 @@
                     fixed="right">
                 <template slot-scope="scope">
                     <el-button @click="editRow(scope.row)" type="primary" size="mini" plain>编辑</el-button>
+                    <el-button @click="delRow(scope.row)" type="danger" size="mini" plain>删除</el-button>
                 </template>
             </el-table-column>
         </el-table>
         <div class="pagination-wrapper">
-            <div class="multiple-mode-wrapper">
-                <el-button size="small" v-if="!multipleMode" @click="toggleMultipleMode(true)">批量编辑</el-button>
-                <el-button-group v-else>
-                    <el-button size="small" @click="operation1">批量操作1</el-button>
-                    <el-button size="small" @click="operation2">批量操作2</el-button>
-                    <el-button size="small" @click="toggleMultipleMode(false)">取消</el-button>
-                </el-button-group>
-            </div>
+
             <el-pagination
                     background
                     @size-change="pageSizeChange"
@@ -86,10 +56,9 @@
 </template>
 <script>
     import {mapState} from 'vuex'
-
     export default {
         created() {
-            this.getData();
+            // this.getData();
         },
         data() {
             return {
@@ -99,29 +68,6 @@
                 pageSize: 20,
                 tableData: [],
                 filter1: '',
-                filter2: '',
-                tableColumns: [{
-                    label: '用户名',
-                    value: 'username',
-                    show: true
-                }, {
-                    label: '昵称',
-                    value: 'nickname',
-                    show: true
-                }, {
-                    label: '头像',
-                    value: 'icon',
-                    show: true
-                }, {
-                    label: '性别',
-                    value: 'sex',
-                    show: true
-                }, {
-                    label: 'openId',
-                    value: 'openId',
-                    show: true
-                }],
-                multipleMode: false
             }
         },
         computed: {
@@ -141,28 +87,18 @@
             },
             getData() {
                 this.${esc.d}http.get({
-                    url: '/userInfo/page',
+                    url: '/admin/activity/list',
                     data: {
-                        currentPage: this.currentPage,
-                        pageNumber: this.pageSize
+                        page: this.currentPage,
+                        per_page: this.pageSize
                     }
                 }).then(res => {
                     if (res.success) {
                         this.totalNumber = res.data.page.totalNumber;
-                        this.tableData = res.data.pp;
+                        this.tableData = res.data.items;
                     }
                 })
             },
-            isColumnShow(column) {
-                var row = this.tableColumns.find(i => i.value === column);
-                return row ? row.show : false;
-            },
-            toggleMultipleMode(multipleMode) {
-                this.multipleMode = multipleMode;
-                if (!multipleMode) {
-                    this.${esc.d}refs.table.clearSelection();
-                }
-            },
             editRow(row) {
                 this.${esc.d}router.push({
                     path: '/user',
@@ -171,14 +107,16 @@
                     }
                 })
             },
-            operation1() {
-                this.${esc.d}notify({
-                    title: '提示',
-                    message: this.selection
+            delRow(row){
+                this.${esc.d}confirm('确定要删除该数据吗?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+
+                }).catch(() => {
+
                 });
-            },
-            operation2() {
-                this.${esc.d}message('操作2');
             }
         }
     }

src/main/webapp/Faxuanyuan/404.html

@@ -0,0 +1,48 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
+<HTML>
+<HEAD>
+<TITLE>404错误页面</TITLE>
+<!--STATUS OK-->
+<META http-equiv=Content-Type content="text/html; charset=utf-8">
+<meta name="author" content="sucaihuo">
+<meta name="copyright" content="Copyright">
+<!--[if IE]>
+<SCRIPT type=text/javascript>(function(){var a="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(","),b=a.length;while(b--)document.createElement(a[b])})();</SCRIPT>
+<![endif]-->
+<!--[if (lt IE 8.0)]><LINK href="files/qbase.css" type=text/css 
+rel=stylesheet><![endif]-->
+<!--[if (!IE)|(gte IE 8.0)]><!-->
+<link href="./css/qbase_datauri.css" type=text/css rel=stylesheet>
+<!--<![endif]-->
+<STYLE type=text/css>
+.mod-notfound {
+	BORDER-RIGHT: #e1e1e1 1px solid;
+	BORDER-TOP: #e1e1e1 1px solid;
+	MARGIN-TOP: 10px;
+	BACKGROUND: #fff;
+	BORDER-LEFT: #e1e1e1 1px solid;
+	BORDER-BOTTOM: #e1e1e1 1px solid;
+	HEIGHT: 585px;
+	TEXT-ALIGN: center;
+	border-radius: 10px
+}
+</STYLE>
+
+<META content="MSHTML 6.00.6000.17117" name=GENERATOR>
+</HEAD>
+<BODY>
+	<SECTION class=mod-page-body>
+	<DIV class="mod-page-main wordwrap clearfix">
+		<DIV class=x-page-container>
+			<DIV class="mod-notfound grid-98">
+				<IMG class=img-notfound height=320 src="./layui/images/notfound.gif"
+					width=520>
+				<P style="FONT-SIZE: 24px; LINE-HEIGHT: 70px">啊~哦~
+					您要查看的页面不存在或已删除！</P>
+				<P style="MARGIN-BOTTOM: 30px">请检查您输入的网址是否正确，或者点击链接继续浏览空间</P>
+			</DIV>
+		</DIV>
+	</DIV>
+	</SECTION>
+</BODY>
+</HTML>

src/main/webapp/Faxuanyuan/addSubject.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加等级</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+    <div class="layui-fluid">
+        <div class="layui-card">
+            <div class="layui-card-header">等级信息</div>
+            <div class="layui-card-body">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">题目内容</label>
+                        <div class="layui-col-md6">
+                            <textarea   name="title" lay-verify="required" placeholder="题目内容" class="layui-textarea"></textarea>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案1</label>
+                            <div class="layui-col-md6">
+                                <input type="text" name="answer1" lay-verify="required" placeholder="答案1" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案2</label>
+                            <div class="layui-col-md6">
+                                <input type="text" name="answer2" lay-verify="required" placeholder="答案2" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案3</label>
+                            <div class="layui-col-md6">
+                                <input type="text" name="answer3" lay-verify="required" placeholder="答案3" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案4</label>
+                            <div class="layui-col-md6">
+                                <input type="text" name="answer4" lay-verify="required" placeholder="答案4" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">题目类型</label>
+                            <div class="layui-col-md6">
+                                <select name="sub_type" lay-verify="required">
+                                    <option value="0" checked>单选</option>
+                                    <option value="1">多选</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">正确答案</label>
+                            <div class="layui-col-md6">
+                                <input type="radio" name="answer" value="1" title="答案1" checked>
+                                <input type="radio" name="answer" value="2" title="答案2" >
+                                <input type="radio" name="answer" value="3" title="答案3" >
+                                <input type="radio" name="answer" value="4" title="答案4" >
+
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">答案解析</label>
+                        <div class="layui-col-md6">result
+                            <textarea   name="" lay-verify="required" placeholder="答案解析" class="layui-textarea"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-input-block">
+                            <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
+                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script src="./layui/layui.js"></script>
+        <script>
+            layui.config({
+                base: './' //静态资源所在路径
+            }).extend({
+                index: 'lib/index' //主入口模块
+            }).use(['index', 'form', 'laydate'], function() {
+                var $ = layui.$,
+                    admin = layui.admin,
+                    element = layui.element,
+                    layer = layui.layer,
+                    laydate = layui.laydate,
+                    form = layui.form;
+
+                form.render(null, 'component-form-group');
+
+                laydate.render({
+                    elem: '#LAY-component-form-group-date'
+                });
+
+                /* 自定义验证规则 */
+                form.verify({
+                    title: function(value) {
+                        if (value.length < 5) {
+                            return '标题至少得5个字符啊';
+                        }
+                    },
+                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                    content: function(value) {
+                        layedit.sync(editIndex);
+                    }
+                });
+
+                /* 监听指定开关 */
+                form.on('switch(component-form-switchTest)', function(data) {
+                    layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                        offset: '6px'
+                    });
+                    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+                });
+
+                /* 监听提交 */
+                form.on('submit(component-form-demo1)', function(data) {
+                    parent.layer.alert(JSON.stringify(data.field), {
+                        title: '最终的提交信息'
+                    })
+                    return false;
+                });
+
+            });
+        </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/addVoter.html

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加等级</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+    <div class="layui-fluid">
+        <div class="layui-card">
+            <div class="layui-card-header">修改投票项信息</div>
+            <div class="layui-card-body">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">选项名称</label>
+                        <div class="layui-col-md64">
+                            <input type="text" name="name" lay-verify="required" placeholder="选项名称" autocomplete="off" class="layui-input">
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">选项图片</label>
+                            <div class="layui-col-md4">
+                                <button type="button" class="layui-btn" id="upload">
+                                    <i class="layui-icon">&#xe67c;</i>上传图片
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">选项状态</label>
+                        <div class="layui-col-md6">
+                            <input type="radio" name="status" value="true" title="启用">
+                            <input type="radio" name="status" value="false" title="不启用" checked>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-input-block">
+                            <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
+                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script src="./layui/layui.js"></script>
+        <script>
+            layui.config({
+                base: './' //静态资源所在路径
+            }).extend({
+                index: 'lib/index' //主入口模块
+            }).use(['index', 'form', 'laydate'], function() {
+                var $ = layui.$,
+                    admin = layui.admin,
+                    element = layui.element,
+                    layer = layui.layer,
+                    laydate = layui.laydate,
+                    form = layui.form;
+
+                form.render(null, 'component-form-group');
+
+                laydate.render({
+                    elem: '#LAY-component-form-group-date'
+                });
+
+                /* 自定义验证规则 */
+                form.verify({
+                    title: function(value) {
+                        if (value.length < 5) {
+                            return '标题至少得5个字符啊';
+                        }
+                    },
+                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                    content: function(value) {
+                        layedit.sync(editIndex);
+                    }
+                });
+
+                /* 监听指定开关 */
+                form.on('switch(component-form-switchTest)', function(data) {
+                    layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                        offset: '6px'
+                    });
+                    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+                });
+
+                /* 监听提交 */
+                form.on('submit(component-form-demo1)', function(data) {
+                    parent.layer.alert(JSON.stringify(data.field), {
+                        title: '最终的提交信息'
+                    })
+                    return false;
+                });
+
+            });
+
+            layui.use('upload', function(){
+                var upload = layui.upload;
+
+                //执行实例
+                var uploadInst = upload.render({
+                    elem: '#upload' //绑定元素
+                    ,url: '/upload/' //上传接口
+                    ,done: function(res){
+                        //上传完毕回调
+                    }
+                    ,error: function(){
+                        //请求异常回调
+                    }
+                });
+            });
+        </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/addlevel.html

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加等级</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+    <div class="layui-fluid">
+        <div class="layui-card">
+            <div class="layui-card-header">等级信息</div>
+            <div class="layui-card-body">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">等级名称</label>
+                        <div class="layui-col-md6">
+                            <input type="tel" name="phone" lay-verify="required|phone" placeholder="等级名称" autocomplete="off" class="layui-input">
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">积分要求</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="phone" lay-verify="required|phone" placeholder="积分要求" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-input-block">
+                            <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
+                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script src="./layui/layui.js"></script>
+        <script>
+            layui.config({
+                base: './' //静态资源所在路径
+            }).extend({
+                index: 'lib/index' //主入口模块
+            }).use(['index', 'form', 'laydate'], function() {
+                var $ = layui.$,
+                    admin = layui.admin,
+                    element = layui.element,
+                    layer = layui.layer,
+                    laydate = layui.laydate,
+                    form = layui.form;
+
+                form.render(null, 'component-form-group');
+
+                laydate.render({
+                    elem: '#LAY-component-form-group-date'
+                });
+
+                /* 自定义验证规则 */
+                form.verify({
+                    title: function(value) {
+                        if (value.length < 5) {
+                            return '标题至少得5个字符啊';
+                        }
+                    },
+                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                    content: function(value) {
+                        layedit.sync(editIndex);
+                    }
+                });
+
+                /* 监听指定开关 */
+                form.on('switch(component-form-switchTest)', function(data) {
+                    layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                        offset: '6px'
+                    });
+                    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+                });
+
+                /* 监听提交 */
+                form.on('submit(component-form-demo1)', function(data) {
+                    parent.layer.alert(JSON.stringify(data.field), {
+                        title: '最终的提交信息'
+                    })
+                    return false;
+                });
+
+            });
+        </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/addtimu.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加题目</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+    <div class="layui-fluid">
+        <div class="layui-card">
+            <div class="layui-card-header">题目信息</div>
+            <div class="layui-card-body">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">题目内容</label>
+                        <div class="layui-col-md6">
+                            <textarea name="" placeholder="请输入题目内容" class="layui-textarea"></textarea>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md3">
+                            <label class="layui-form-label">题目类型</label>
+                            <div class="layui-input-inline">
+                                <select name="modules" lay-verify="required" lay-search="">
+                                    <option value="1">单选</option>
+                                    <option value="2">多选</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="layui-col-md3">
+                            <label class="layui-form-label">所属主题</label>
+                            <div class="layui-input-inline">
+                                <select name="modules" lay-verify="required" lay-search="">
+                                        <option value="1">宪法</option>
+                                        <option value="2">刑法</option>
+                                    </select>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案1</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="phone" lay-verify="required|phone" placeholder="请输入答案1" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案2</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="phone" lay-verify="required|phone" placeholder="请输入答案2" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案3</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="phone" lay-verify="required|phone" placeholder="请输入答案3" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">答案4</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="phone" lay-verify="required|phone" placeholder="请输入答案4" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">正确答案</label>
+                        <div class="layui-input-block">
+                            <input type="radio" name="rightanswer" value="" title="答案1">
+                            <input type="radio" name="rightanswer" value="" title="答案2">
+                            <input type="radio" name="rightanswer" value="" title="答案3" checked>
+                            <input type="radio" name="rightanswer" value="" title="答案4">
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">答案解析</label>
+                        <div class="layui-col-md6">
+                            <textarea name="" placeholder="请输入解析" class="layui-textarea"></textarea>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-input-block">
+                            <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
+                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+
+        <script src="./layui/layui.js"></script>
+        <script>
+            layui.config({
+                base: './' //静态资源所在路径
+            }).extend({
+                index: 'lib/index' //主入口模块
+            }).use(['index', 'form', 'laydate'], function() {
+                var $ = layui.$,
+                    admin = layui.admin,
+                    element = layui.element,
+                    layer = layui.layer,
+                    laydate = layui.laydate,
+                    form = layui.form;
+
+                form.render(null, 'component-form-group');
+
+                laydate.render({
+                    elem: '#LAY-component-form-group-date'
+                });
+
+                /* 自定义验证规则 */
+                form.verify({
+                    title: function(value) {
+                        if (value.length < 5) {
+                            return '标题至少得5个字符啊';
+                        }
+                    },
+                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                    content: function(value) {
+                        layedit.sync(editIndex);
+                    }
+                });
+
+                /* 监听指定开关 */
+                form.on('switch(component-form-switchTest)', function(data) {
+                    layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                        offset: '6px'
+                    });
+                    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+                });
+
+                /* 监听提交 */
+                form.on('submit(component-form-demo1)', function(data) {
+                    parent.layer.alert(JSON.stringify(data.field), {
+                        title: '最终的提交信息'
+                    })
+                    return false;
+                });
+
+            });
+        </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/addzhendi.html

@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加题目</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+    <div class="layui-fluid">
+        <div class="layui-card">
+            <div class="layui-card-header">自定义阵地</div>
+            <div class="layui-card-body">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">输入查询地址信息：</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="address" lay-verify="required" placeholder="请输入地址信息" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">经度</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="longitude" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-col-md12">
+                            <label class="layui-form-label">纬度</label>
+                            <div class="layui-col-md6">
+                                <input type="tel" name="latitude" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-input-block">
+                            <button class="layui-btn" lay-submit lay-filter="component-form-element">保 存</button>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">地图选择</label>
+                        <div class="layui-col-md6">
+                            <iframe with="900px" height="300px" src="https://map.baidu.com/"/>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+        <script src="./layui/layui.js"></script>
+        <script>
+            layui.config({
+                base: './' //静态资源所在路径
+            }).extend({
+                index: 'lib/index' //主入口模块
+            }).use(['index', 'form', 'laydate'], function() {
+                var $ = layui.$,
+                    admin = layui.admin,
+                    element = layui.element,
+                    layer = layui.layer,
+                    laydate = layui.laydate,
+                    form = layui.form;
+
+                form.render(null, 'component-form-group');
+
+                laydate.render({
+                    elem: '#LAY-component-form-group-date'
+                });
+
+                /* 自定义验证规则 */
+                form.verify({
+                    title: function(value) {
+                        if (value.length < 5) {
+                            return '标题至少得5个字符啊';
+                        }
+                    },
+                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                    content: function(value) {
+                        layedit.sync(editIndex);
+                    }
+                });
+
+                /* 监听指定开关 */
+                form.on('switch(component-form-switchTest)', function(data) {
+                    layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                        offset: '6px'
+                    });
+                    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+                });
+
+                /* 监听提交 */
+                form.on('submit(component-form-demo1)', function(data) {
+                    parent.layer.alert(JSON.stringify(data.field), {
+                        title: '最终的提交信息'
+                    })
+                    return false;
+                });
+
+            });
+        </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/analysis-activity.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>沪法云活动管理</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+
+<body>
+
+    <div class="layui-fluid">
+        <div class="layui-row layui-col-space15">
+            <div class="layui-col-md12">
+                <div class="layui-card">
+                    <div class="layui-card-header">主题活动数量统计</div>
+
+                    <form class="layui-form" action="" lay-filter="component-form-group">
+                        <div class="layui-card-body">
+                            <div id="main" style="width: 100%; height: 400px;"></div>
+                            <div style="height: 50px"></div>
+                            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script src="./lib/echarts.common.min.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'table', 'laydate'], function () {
+            var table = layui.table;
+            var laydate = layui.laydate;
+
+            //开始日期
+            var insStart = laydate.render({
+                elem: '#test-laydate-start'
+                , min: 0
+                , done: function (value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            //结束日期
+            var insStart = laydate.render({
+                elem: '#test-laydate-end'
+                , min: 0
+                , done: function (value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            table.render({
+                elem: '#test-table-operate'
+                , url: './layui/demo/analysisActivity.js'
+                , cols: [[
+                    { field: 'id', title: 'ID', unresize: true, sort: true, align: 'center' }
+                    , { field: 'title', title: '主题名称', align: 'center' }
+                    , { field: 'total', title: '活动数量', align: 'center' }
+                ]]
+                /* , page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                } */
+            });
+
+            var myChart = echarts.init(document.getElementById('main'));
+
+            var option = {
+                title: {
+                    text: '主题活动数量统计',
+                    x: 'center'
+                },
+                legend: {
+                    data: ['答题总数', '正确数量', '错误数量']
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                xAxis: [
+                    {
+                        type: 'category',
+                        data: ['依法治国', '八五普法', '谁执法谁普法', '宪法日活动']
+                    }
+                ],
+                yAxis: [
+                    {
+                        type: 'value'
+                    }
+                ],
+                series: [
+                    {
+                        name: '活动数量',
+                        type: 'bar',
+                        barWidth: 20,
+                        data: [4, 5, 23, 35]
+                    }
+                ]
+            };
+
+            myChart.setOption(option);
+        });
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/analysis-dati.html

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>沪法云活动管理</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+
+<body>
+
+    <div class="layui-fluid">
+        <div class="layui-row layui-col-space15">
+            <div class="layui-col-md12">
+                <div class="layui-card">
+                    <div class="layui-card-header">主题活动数量统计</div>
+
+                    <div class="layui-card-body" style="overflow: hidden;">
+                        <div class="layui-btn-group">
+                            <button class="layui-btn layui-btn-primary">积分</button>
+                            <button class="layui-btn layui-btn-primary">正确数量</button>
+                            <button class="layui-btn layui-btn-primary">错误数量</button>
+                        </div>
+                        <div class="test-table-reload-btn" style="float: right; width: auto; margin-bottom: 10px;">
+
+                            <button class="layui-btn" data-type="reload">今日</button>
+                            <button class="layui-btn" data-type="reload">本周</button>
+                            <button class="layui-btn" data-type="reload">本月</button>
+                        </div>
+
+                    </div>
+
+                    <form class="layui-form" action="" lay-filter="component-form-group">
+                        <div class="layui-card-body">
+                            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script type="text/html" id="switchTpl">
+      <!-- 这里的 checked 的状态只是演示 -->
+      {{d.percent > 0 ? '↑' : '↓'}} {{d.percent}}
+    </script>
+
+    <script src="./layui/layui.js"></script>
+    <script src="./lib/echarts.common.min.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'table', 'laydate'], function () {
+            var table = layui.table;
+            var laydate = layui.laydate;
+
+            table.render({
+                elem: '#test-table-operate'
+                , url: './layui/demo/analysisDati.js'
+                , cols: [[
+                    { field: 'id', title: 'ID', unresize: true, sort: true, align: 'center' }
+                    , { field: 'username', title: '用户名', align: 'center' }
+                    , { field: 'score', title: '积分', align: 'center' }
+                    , { field: 'percent', title: '趋势', templet: '#switchTpl', align: 'center' }
+                ]]
+                , page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+
+
+        });
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/analysis-theme.html

@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>沪法云活动管理</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+
+<body>
+
+    <div class="layui-fluid">
+        <div class="layui-row layui-col-space15">
+            <div class="layui-col-md12">
+                <div class="layui-card">
+                    <div class="layui-card-header">主题题库使用统计</div>
+                    <form class="layui-form" action="" lay-filter="component-form-group">
+                        <div class="layui-card-body" style="overflow: hidden;">
+                            <div class="test-table-reload-btn" style="float: right; width: auto; margin-bottom: 10px;">
+                                起始日期：
+                                <div class="layui-inline">
+                                    <input type="text" name="date" id="test-laydate-start" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off"
+                                        class="layui-input" lay-key="1">
+                                </div>&nbsp;&nbsp;&nbsp;
+                                结束日期：
+                                <div class="layui-inline">
+                                    <input type="text" name="date" id="test-laydate-end" lay-verify="date" placeholder="yyyy-MM-dd"
+                                        autocomplete="off" class="layui-input" lay-key="2">
+                                </div>&nbsp;&nbsp;&nbsp;
+                                <button class="layui-btn" data-type="reload">筛选</button>
+                                <button class="layui-btn" data-type="reload">今日</button>
+                                <button class="layui-btn" data-type="reload">本周</button>
+                                <button class="layui-btn" data-type="reload">本月</button>
+                            </div>
+
+                        </div>
+                    </form>
+                    <form class="layui-form" action="" lay-filter="component-form-group">
+                        <div class="layui-card-body">
+                            <div id="main" style="width: 100%; height: 400px;"></div>
+                            <div style="height: 50px"></div>
+                            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script src="./lib/echarts.common.min.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'table', 'laydate'], function () {
+            var table = layui.table;
+            var laydate = layui.laydate;
+
+            //开始日期
+            var insStart = laydate.render({
+                elem: '#test-laydate-start'
+                , min: 0
+                , done: function (value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            //结束日期
+            var insStart = laydate.render({
+                elem: '#test-laydate-end'
+                , min: 0
+                , done: function (value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            table.render({
+                elem: '#test-table-operate'
+                , url: './layui/demo/analysisTheme.js'
+                , cols: [[
+                    { field: 'id', title: 'ID', unresize: true, sort: true, align: 'center' }
+                    , { field: 'title', title: '主题', align: 'center' }
+                    , { field: 'total', title: '答题总数', align: 'center' }
+                    , { field: 'correct', title: '正确数量', align: 'center' }
+                    , { field: 'wrong', title: '错误数量', align: 'center' }
+                ]]
+                /* , page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                } */
+            });
+
+            var myChart = echarts.init(document.getElementById('main'));
+
+            var option = {
+                legend: {
+                    data: ['答题总数', '正确数量', '错误数量']
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                xAxis: [
+                    {
+                        type: 'category',
+                        data: ['劳动法', '宪法', '交通法', '刑事法', '合同法']
+                    }
+                ],
+                yAxis: [
+                    {
+                        type: 'value'
+                    }
+                ],
+                series: [
+                    {
+                        name: '答题总数',
+                        type: 'bar',
+                        barWidth: 20,
+                        data: [234, 345, 235, 145, 100]
+                    },
+                    {
+                        name: '正确数量',
+                        type: 'bar',
+                        barWidth: 20,
+                        data: [12, 234, 23, 134, 234]
+                    },
+                    {
+                        name: '错误数量',
+                        type: 'bar',
+                        barWidth: 20,
+                        data: [23, 345, 1, 233, 122]
+                    }
+                ]
+            };
+
+            myChart.setOption(option);
+        });
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/analysis-user.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>沪法云活动管理</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+
+<body>
+
+    <div class="layui-fluid">
+        <div class="layui-row layui-col-space15">
+            <div class="layui-col-md12">
+                <div class="layui-card">
+                    <div class="layui-card-header">用户等级分布</div>
+                    <form class="layui-form" action="" lay-filter="component-form-group">
+                        <div class="layui-card-body">
+                            <div id="main" style="width: 600px; height: 400px;"></div>
+
+                            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script src="./lib/echarts.common.min.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'table', 'laydate'], function () {
+            var table = layui.table
+            table.render({
+                elem: '#test-table-operate'
+                , url: './layui/demo/analysisUser.js'
+                , cols: [[
+                    { field: 'id', title: 'ID', unresize: true, sort: true }
+                    , { field: 'title', title: '等级名称' }
+                    , { field: 'usernum', title: '用户数量' }
+                ]]
+                /* , page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                } */
+            });
+
+            var myChart = echarts.init(document.getElementById('main'));
+
+            var option = {
+                title: {
+                    text: '用户等级分布',
+                    x: 'center'
+                },
+                tooltip: {
+                    trigger: 'item',
+                    formatter: "{a} <br/>{b} : {c} ({d}%)"
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    data: ['坚韧黑铁', '英勇黄铜', '不屈白银', '荣耀黄金', '华贵铂金']
+                },
+                series: [
+                    {
+                        name: '用户等级分布',
+                        type: 'pie',
+                        radius: '55%',
+                        center: ['50%', '60%'],
+                        data: [
+                            { value: 335, name: '坚韧黑铁' },
+                            { value: 310, name: '英勇黄铜' },
+                            { value: 234, name: '不屈白银' },
+                            { value: 135, name: '荣耀黄金' },
+                            { value: 1548, name: '华贵铂金' }
+                        ],
+                        itemStyle: {
+                            emphasis: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        }
+                    }
+                ]
+            };
+
+            myChart.setOption(option);
+        });
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/badge.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>徽章</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">小徽章大家族</div>
+          <div class="layui-card-body">
+            
+            <br>小圆点：
+            
+            <span class="layui-badge-dot"></span>
+            <span class="layui-badge-dot layui-bg-orange"></span>
+            <span class="layui-badge-dot layui-bg-green"></span>
+            <span class="layui-badge-dot layui-bg-cyan"></span>
+            <span class="layui-badge-dot layui-bg-blue"></span>
+            <span class="layui-badge-dot layui-bg-black"></span>
+            <span class="layui-badge-dot layui-bg-gray"></span>
+            
+            <br><br>常规弧形徽章：
+            
+            <span class="layui-badge">6</span>
+            <span class="layui-badge">99</span>
+            <span class="layui-badge">61728</span>
+            <span class="layui-badge">赤</span>
+            <span class="layui-badge layui-bg-orange">橙</span>
+            <span class="layui-badge layui-bg-green">绿</span>
+            <span class="layui-badge layui-bg-cyan">青</span>
+            <span class="layui-badge layui-bg-blue">蓝</span>
+            <span class="layui-badge layui-bg-black">黑</span>
+            <span class="layui-badge layui-bg-gray">灰</span>
+            
+            <br><br>边框徽章：
+            
+            <span class="layui-badge-rim">6</span>
+            <span class="layui-badge-rim">Hot</span>
+            
+            <br><br>
+          
+          </div>
+        </div>
+      </div>
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">与其它元素的搭配</div>
+          <div class="layui-card-body">
+            
+            <br>
+            
+            <button class="layui-btn">查看消息<span class="layui-badge layui-bg-gray">1</span></button>
+            <button class="layui-btn">动态<span class="layui-badge-dot layui-bg-orange"></span></button>
+             
+            <br><br>
+             
+            <ul class="layui-nav style=" text-align:="" right;"=""> &lt;-- 小Tips：这里有没有发现，设置导航靠右对齐（或居中对齐）其实非常简单 --&gt;
+              <li class="layui-nav-item">
+                <a href="">控制台<span class="layui-badge">9</span></a>
+              </li>
+              <li class="layui-nav-item">
+                <a href="">个人中心<span class="layui-badge-dot"></span></a>
+              </li>
+            </ul>
+            <br>
+             
+            <div class="layui-tab layui-tab-brief">
+              <ul class="layui-tab-title">
+                <li class="layui-this">网站设置</li>
+                <li>用户管理<span class="layui-badge-dot"></span></li>
+                <li>最新邮件<span class="layui-badge">99+</span></li>
+              </ul>
+              <div class="layui-tab-content"></div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index']);
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/button.html

@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>按钮</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+</head>
+<body>
+
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md6">
+        <div class="layui-card">
+          <div class="layui-card-header">按钮主题</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <button class="layui-btn layui-btn-primary">原始按钮</button>
+              <button class="layui-btn">默认按钮</button>
+              <button class="layui-btn layui-btn-normal">百搭按钮</button>
+              <button class="layui-btn layui-btn-warm">暖色按钮</button>
+              <button class="layui-btn layui-btn-danger">警告按钮</button>
+              <button class="layui-btn layui-btn-disabled">禁用按钮</button>
+            </div>
+          </div>
+        </div>
+        <div class="layui-card">
+          <div class="layui-card-header">按钮尺寸</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <button class="layui-btn layui-btn-primary layui-btn-lg">大型按钮</button>
+              <button class="layui-btn layui-btn-primary">默认按钮</button>
+              <button class="layui-btn layui-btn-primary layui-btn-sm">小型按钮</button>
+              <button class="layui-btn layui-btn-primary layui-btn-xs">迷你按钮</button>
+              
+              <br>
+              
+              <button class="layui-btn layui-btn-lg">大型按钮</button>
+              <button class="layui-btn">默认按钮</button>
+              <button class="layui-btn layui-btn-sm">小型按钮</button>
+              <button class="layui-btn layui-btn-xs">迷你按钮</button>
+              
+              <br>
+              
+              <button class="layui-btn layui-btn-lg layui-btn-normal">大型按钮</button>
+              <button class="layui-btn layui-btn-normal">默认按钮</button>
+              <button class="layui-btn layui-btn-sm layui-btn-normal">小型按钮</button>
+              <button class="layui-btn layui-btn-xs layui-btn-normal">迷你按钮</button>
+            </div>
+          </div>
+        </div>
+        <div class="layui-card">
+          <div class="layui-card-header">按钮图标</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <button class="layui-btn"><i class="layui-icon">&#xe600;</i></button>
+              <button class="layui-btn"><i class="layui-icon">&#xe603;</i></button>
+              <button class="layui-btn"><i class="layui-icon">&#xe602;</i></button>
+              <button class="layui-btn"><i class="layui-icon">&#xe642;</i></button>
+              <button class="layui-btn"><i class="layui-icon">&#xe640;</i></button>
+              <button class="layui-btn"><i class="layui-icon">&#xe641;</i></button>
+              
+              <br>
+              
+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe600;</i></button>
+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe603;</i></button>
+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe602;</i></button>
+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe642;</i></button>
+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe640;</i></button>
+              <button class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe641;</i></button>
+              
+              <br>
+              
+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe600;</i></button>
+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe603;</i></button>
+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
+              <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe641;</i></button>
+              
+              <br>
+              
+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe600;</i></button>
+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe603;</i></button>
+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
+              <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe641;</i></button>
+              
+              <br>
+                
+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe600;</i></button>
+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe603;</i></button>
+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
+              <button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe641;</i></button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="layui-col-md6">
+        <div class="layui-card">
+          <div class="layui-card-header">按钮圆角</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <button class="layui-btn layui-btn-primary layui-btn-radius">原始按钮</button>
+              <button class="layui-btn layui-btn-radius">默认按钮</button>
+              <button class="layui-btn layui-btn-normal layui-btn-radius">百搭按钮</button>
+              <button class="layui-btn layui-btn-warm layui-btn-radius">暖色按钮</button>
+              <button class="layui-btn layui-btn-danger layui-btn-radius">警告按钮</button>
+              <button class="layui-btn layui-btn-disabled layui-btn-radius">禁用按钮</button>
+            </div>
+          </div>
+        </div>
+        <div class="layui-card">
+          <div class="layui-card-header">按钮混搭</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <button class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius">大型加圆角</button>
+              <a href="http://www.layui.com/doc/element/button.html" class="layui-btn" target="_blank">跳转的按钮</a>
+              <button class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon">&#xe640;</i> 删除</button>
+              <button class="layui-btn layui-btn-xs layui-btn-disabled"><i class="layui-icon">&#xe641;</i> 分享</button>
+
+            </div>
+          </div>
+        </div>
+        <div class="layui-card">
+          <div class="layui-card-header">按钮组合</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <div class="layui-btn-group">
+                <button class="layui-btn">增加</button>
+                <button class="layui-btn ">编辑</button>
+                <button class="layui-btn">删除</button>
+              </div>
+            </div>
+            <div class="layui-btn-container">
+              <div class="layui-btn-group">
+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
+                <button class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe602;</i></button>
+              </div>
+              <div class="layui-btn-group">
+                <button class="layui-btn layui-btn-primary layui-btn-sm">文字</button>
+                <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
+                <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe642;</i></button>
+                <button class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="layui-card">
+          <div class="layui-card-header">按钮铺满</div>
+          <div class="layui-card-body">
+            <div class="layui-btn-container">
+              <button class="layui-btn layui-btn-fluid">好雨知时节</button>
+              <button class="layui-btn layui-btn-fluid">当春乃发生</button>
+              <button class="layui-btn layui-btn-fluid">随风潜入夜</button>
+              <button class="layui-btn layui-btn-fluid">润物细无声</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: '../../../layuiadmin/' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index']);
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/cellEdit.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>开启单元格编辑 - 数据表格</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>数据表格</cite></a>
+      <a><cite>开启单元格编辑</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">开启单元格编辑</div>
+          <div class="layui-card-body">
+            <table class="layui-hide" id="test-table-cellEdit" lay-filter="test-table-cellEdit"></table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'table'], function(){
+    var table = layui.table;
+    
+    table.render({
+      elem: '#test-table-cellEdit'
+      ,url: './layui/demo/demo.js'
+      ,cols: [[
+        {type:'checkbox'}
+        ,{field:'id', title:'ID', width:80, sort: true}
+        ,{field:'username', title:'用户名', width:120, sort: true, edit: 'text'}
+        ,{field:'email', title:'邮箱', edit: 'text', minWidth: 150}
+        ,{field:'sex', title:'性别', width:80, edit: 'text'}
+        ,{field:'city', title:'城市', edit: 'text', minWidth: 100}
+        ,{field:'experience', title:'积分', sort: true, edit: 'text'}
+      ]]
+    })
+    
+    //监听单元格编辑
+    table.on('edit(test-table-cellEdit)', function(obj){
+      var value = obj.value //得到修改后的值
+      ,data = obj.data //得到所在行所有键值
+      ,field = obj.field; //得到字段
+      layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value, {
+        offset: '15px'
+      });
+    });
+    
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/cellEvent.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>监听单元格事件 - 数据表格</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>数据表格</cite></a>
+      <a><cite>监听单元格事件</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">监听单元格事件</div>
+          <div class="layui-card-body">
+            <blockquote class="layui-elem-quote">点击下面表格中的【签名列】，以演示单元格事件</blockquote>
+            <table class="layui-hide" id="test-table-demoEvent" lay-filter="test-table-demoEvent"></table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'table'], function(){
+    var table = layui.table;
+    
+    table.render({
+      elem: '#test-table-demoEvent'
+      ,height: 313
+      ,url: './layui/demo/user.js'
+      ,cols: [[
+        {field:'id', title: 'ID', width:80}
+        ,{field:'username', title: '用户名', width:80}
+        ,{field:'sign', title: '签名', width:'50%', event: 'setSign', style:'cursor: pointer;'}
+        ,{field:'experience', title: '积分'}
+        ,{field:'score', title: '评分'}
+      ]]
+    });
+  
+    //监听单元格事件
+    table.on('tool(test-table-demoEvent)', function(obj){
+      var data = obj.data;
+      if(obj.event === 'setSign'){
+        layer.prompt({
+          formType: 2
+          ,title: '修改 ID 为 ['+ data.id +'] 的用户签名'
+          ,value: data.sign
+        }, function(value, index){
+          layer.close(index);
+          
+          //这里一般是发送修改的Ajax请求
+          
+          //同步更新表格和缓存对应的值
+          obj.update({
+            sign: value
+          });
+        });
+      }
+    });
+  
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/changeRoom.html

@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加等级</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+<div class="layui-fluid">
+    <div class="layui-card">
+        <div class="layui-card-header">修改投票项信息</div>
+        <div class="layui-card-body">
+            <form class="layui-form" action="" lay-filter="component-form-group">
+                <div class="layui-form-item">
+                    <label class="layui-form-label">房间名称</label>
+                    <div class="layui-col-md6">
+                        <input type="text" name="room_name" lay-verify="required" placeholder="房间名称" autocomplete="off"
+                               class="layui-input">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <label class="layui-form-label">单位名称</label>
+                    <div class="layui-col-md6">
+                        <input type="text" name="work_name" lay-verify="required" placeholder="单位名称" autocomplete="off"
+                               class="layui-input">
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">用户数量</label>
+                    <div class="layui-col-md6">
+                        <input type="number" name="user_num" lay-verify="required" placeholder="用户数量" autocomplete="off"
+                               class="layui-input">
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">等待时间</label>
+                    <div class="layui-col-md1">
+                        <input type="number" name="wait_time" lay-verify="required" placeholder="等待时间" autocomplete="off"
+                               class="layui-input">
+
+                    </div>
+                    <span style="margin-left:20px;">秒</span>
+                </div>
+
+                <div class="layui-form-item">
+                    <div class="layui-input-block">
+                        <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
+                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'form', 'laydate'], function () {
+            var $ = layui.$,
+                admin = layui.admin,
+                element = layui.element,
+                layer = layui.layer,
+                laydate = layui.laydate,
+                form = layui.form;
+
+            form.render(null, 'component-form-group');
+
+            laydate.render({
+                elem: '#LAY-component-form-group-date'
+            });
+
+            /* 自定义验证规则 */
+            form.verify({
+                title: function (value) {
+                    if (value.length < 5) {
+                        return '标题至少得5个字符啊';
+                    }
+                },
+                pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                content: function (value) {
+                    layedit.sync(editIndex);
+                }
+            });
+
+            /* 监听指定开关 */
+            form.on('switch(component-form-switchTest)', function (data) {
+                layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                    offset: '6px'
+                });
+                layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+            });
+
+            /* 监听提交 */
+            form.on('submit(component-form-demo1)', function (data) {
+                parent.layer.alert(JSON.stringify(data.field), {
+                    title: '最终的提交信息'
+                })
+                return false;
+            });
+
+        });
+
+        layui.use('upload', function () {
+            var upload = layui.upload;
+
+            //执行实例
+            var uploadInst = upload.render({
+                elem: '#upload' //绑定元素
+                , url: '/upload/' //上传接口
+                , done: function (res) {
+                    //上传完毕回调
+                }
+                , error: function () {
+                    //请求异常回调
+                }
+            });
+        });
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/changeVoter.html

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加等级</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+
+</head>
+
+<body>
+<div class="layui-fluid">
+    <div class="layui-card">
+        <div class="layui-card-header">修改投票项信息</div>
+        <div class="layui-card-body">
+            <form class="layui-form" action="" lay-filter="component-form-group">
+                <div class="layui-form-item">
+                    <label class="layui-form-label">投票描述</label>
+                    <div class="layui-col-md6">
+                        <input type="text" name="name" lay-verify="required" placeholder="选项名称" autocomplete="off"
+                               class="layui-input">
+                    </div>
+                </div>
+                <div class="layui-form-item">
+                    <div class="layui-col-md12">
+                        <label class="layui-form-label">投票类型</label>
+                        <div class="layui-col-md6">
+                            <input type="radio" name="voter_type" value="true" title="单选" checked>
+                            <input type="radio" name="voter_type" value="false" title="多选" >
+                        </div>
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <label class="layui-form-label">投票数量</label>
+                    <div class="layui-col-md6">
+                        <input type="number" name="num" lay-verify="required" placeholder="投票数量" autocomplete="off"
+                               class="layui-input">
+                    </div>
+                </div>
+
+                <div class="layui-form-item">
+                    <div class="layui-input-block">
+                        <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
+                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'form', 'laydate'], function () {
+            var $ = layui.$,
+                admin = layui.admin,
+                element = layui.element,
+                layer = layui.layer,
+                laydate = layui.laydate,
+                form = layui.form;
+
+            form.render(null, 'component-form-group');
+
+            laydate.render({
+                elem: '#LAY-component-form-group-date'
+            });
+
+            /* 自定义验证规则 */
+            form.verify({
+                title: function (value) {
+                    if (value.length < 5) {
+                        return '标题至少得5个字符啊';
+                    }
+                },
+                pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                content: function (value) {
+                    layedit.sync(editIndex);
+                }
+            });
+
+            /* 监听指定开关 */
+            form.on('switch(component-form-switchTest)', function (data) {
+                layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                    offset: '6px'
+                });
+                layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+            });
+
+            /* 监听提交 */
+            form.on('submit(component-form-demo1)', function (data) {
+                parent.layer.alert(JSON.stringify(data.field), {
+                    title: '最终的提交信息'
+                })
+                return false;
+            });
+
+        });
+
+        layui.use('upload', function () {
+            var upload = layui.upload;
+
+            //执行实例
+            var uploadInst = upload.render({
+                elem: '#upload' //绑定元素
+                , url: '/upload/' //上传接口
+                , done: function (res) {
+                    //上传完毕回调
+                }
+                , error: function () {
+                    //请求异常回调
+                }
+            });
+        });
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/chongjiangjilu.html

@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>抽奖记录</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+
+<body>
+
+<div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+        <div class="layui-col-md12">
+            <div class="layui-card">
+                <div class="layui-card-header">抽奖记录</div>
+            </div>
+            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate">
+            </table>
+
+        </div>
+    </div>
+</div>
+
+<script src="./layui/layui.js"></script>
+<script>
+    layui.config({
+        base: './' //静态资源所在路径
+    }).extend({
+        index: 'lib/index' //主入口模块
+    }).use(['index', 'table', 'laydate'], function () {
+        var table = layui.table,
+            admin = layui.admin;
+        var laydate = layui.laydate;
+
+        //开始日期
+        var insStart = laydate.render({
+            elem: '#test-laydate-start',
+            min: 0,
+            done: function (value, date) {
+                //更新结束日期的最小日期
+                insEnd.config.min = lay.extend({}, date, {
+                    month: date.month - 1
+                });
+
+                //自动弹出结束日期的选择器
+                insEnd.config.elem[0].focus();
+            }
+        });
+
+        //结束日期
+        var insEnd = laydate.render({
+            elem: '#test-laydate-end',
+            min: 0,
+            done: function (value, date) {
+                //更新开始日期的最大日期
+                insStart.config.max = lay.extend({}, date, {
+                    month: date.month - 1
+                });
+            }
+        });
+
+        table.render({
+            elem: '#test-table-operate',
+            url: './layui/demo/chongjiangjilu.js',
+            cols: [
+                [{
+                    field: 'id',
+                    title: '编号',
+                    unresize: true,
+                    sort: true
+                }, {
+                    field: 'name',
+                    title: '奖项名称'
+                }, {
+                    field: 'username',
+                    title: '中奖人姓名'
+                }, {
+                    field: 'phone',
+                    title: '中奖人手机号'
+                }, {
+                    field: 'createTime',
+                    title: '中奖时间'
+                }]
+            ],
+            page: {
+                layout: ['prev', 'page', 'next', 'skip', 'count']
+            }
+        });
+
+        //监听表格复选框选择
+        table.on('checkbox(test-table-operate)', function (obj) {
+            console.log(obj)
+        });
+        //监听工具条
+        table.on('tool(test-table-operate)', function (obj) {
+            var data = obj.data;
+            if (obj.event === 'detail') {
+                layer.msg('ID：' + data.id + ' 的查看操作');
+            } else if (obj.event === 'del') {
+                layer.confirm('真的删除行么', function (index) {
+                    obj.del();
+                    layer.close(index);
+                });
+            } else if (obj.event === 'edit') {
+                layer.open({
+                    type: 2,
+                    area: ['70%', '75%'],
+                    fixed: false,
+                    maxmin: true,
+                    content: './addtimu.html?id=' + data.id
+                });
+            } else if (obj.event === 'use') {
+                layer.alert('使用行：<br>' + JSON.stringify(data))
+            }
+        });
+
+        var $ = layui.$,
+            active = {
+                getCheckData: function () { //获取选中数据
+                    var checkStatus = table.checkStatus('test-table-operate'),
+                        data = checkStatus.data;
+                    layer.alert(JSON.stringify(data));
+                },
+                getCheckLength: function () { //获取选中数目
+                    var checkStatus = table.checkStatus('test-table-operate'),
+                        data = checkStatus.data;
+                    layer.msg('选中了：' + data.length + ' 个');
+                },
+                isAll: function () { //验证是否全选
+                    var checkStatus = table.checkStatus('test-table-operate');
+                    layer.msg(checkStatus.isAll ? '全选' : '未全选')
+                },
+                test35: function () {
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './addtimu.html'
+                    });
+                },
+                test35: function () {
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './addtimu.html'
+                    });
+                },
+                test36: function () {
+                    layer.open({
+                        type: 1,
+                        skin: 'layui-layer-rim',
+                        area: ['420px', '240px'],
+                        content: '<div style="padding: 10px;">任意html内容</div>'
+                    });
+                }
+            };
+
+        $('.test-table-operate-btn .layui-btn').on('click', function () {
+            var type = $(this).data('type');
+            active[type] ? active[type].call(this) : '';
+        });
+        $('.opt-question .layui-btn').on('click', function () {
+            var type = $(this).data('type');
+            console.log(active[type]);
+            active[type] && active[type].call(this);
+        });
+    });
+</script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/config.js

@@ -0,0 +1,93 @@
+/**
+
+ @Name：layuiAdmin iframe版全局配置
+ @Author：贤心
+ @Site：http://www.layui.com/admin/
+ @License：LPPL（layui付费产品协议）
+    
+ */
+ 
+layui.define(['laytpl', 'layer', 'element', 'util'], function(exports){
+  exports('setter', {
+    container: 'LAY_app' //容器ID
+    ,base: ''//layui.cache.base //记录静态资源所在路径
+    ,views: ''//layui.cache.base + 'tpl/' //动态模板所在目录
+    //,entry: 'index' //默认视图文件名
+    ,engine: '.html' //视图文件后缀名
+    
+    ,name: 'layuiAdmin'
+    ,tableName: 'layuiAdmin' //本地存储表名
+    ,MOD_NAME: 'admin' //模块事件名
+    
+    ,debug: true //是否开启调试模式。如开启，接口异常时会抛出异常 URL 等信息
+
+    //自定义请求字段
+    ,request: {
+      tokenName: false //自动携带 token 的字段名（如：access_token）。可设置 false 不携带。
+    }
+    
+    //自定义响应字段
+    ,response: {
+      statusName: 'code' //数据状态的字段名称
+      ,statusCode: {
+        ok: 0 //数据状态一切正常的状态码
+        ,logout: 1001 //登录状态失效的状态码
+      }
+      ,msgName: 'msg' //状态信息的字段名称
+      ,dataName: 'data' //数据详情的字段名称
+    }
+    
+    //扩展的第三方模块
+    ,extend: [
+      'echarts', //echarts 核心包
+      'echartsTheme' //echarts 主题
+    ]
+    
+    //主题配置
+    ,theme: {
+      //配色方案，如果用户未设置主题，第一个将作为默认
+      color: [{
+        main: '#20222A' //主题色
+        ,selected: '#009688' //选中色
+        ,alias: 'default' //默认别名
+      },{
+        main: '#03152A'
+        ,selected: '#3B91FF'
+        ,alias: 'dark-blue' //藏蓝
+      },{
+        main: '#2E241B'
+        ,selected: '#A48566'
+        ,alias: 'coffee' //咖啡
+      },{
+        main: '#50314F'
+        ,selected: '#7A4D7B'
+        ,alias: 'purple-red' //紫红
+      },{
+        main: '#344058'
+        ,logo: '#1E9FFF'
+        ,selected: '#1E9FFF'
+        ,alias: 'ocean' //海洋
+      },{
+        main: '#3A3D49'
+        ,logo: '#2F9688'
+        ,selected: '#5FB878'
+        ,alias: 'green' //墨绿
+      },{
+        main: '#20222A'
+        ,logo: '#F78400'
+        ,selected: '#F78400'
+        ,alias: 'red' //橙色
+      },{
+        main: '#28333E'
+        ,logo: '#AA3130'
+        ,selected: '#AA3130'
+        ,alias: 'fashion-red' //时尚红
+      },{
+        main: '#24262F'
+        ,logo: '#3A3D49'
+        ,selected: '#009688'
+        ,alias: 'classic-black' //经典黑
+      }]
+    }
+  });
+});

src/main/webapp/Faxuanyuan/console.html

@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>layuiAdmin 控制台主页一</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md8">
+        <div class="layui-row layui-col-space15">
+          <div class="layui-col-md6">
+            <div class="layui-card">
+              <div class="layui-card-header">快捷方式</div>
+              <div class="layui-card-body">
+                
+                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
+                  <div carousel-item>
+                    <ul class="layui-row layui-col-space10">
+                      <li class="layui-col-xs3">
+                        <a lay-href="home/homepage1.html">
+                          <i class="layui-icon layui-icon-console"></i>
+                          <cite>主页一</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="home/homepage2.html">
+                          <i class="layui-icon layui-icon-chart"></i>
+                          <cite>主页二</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="component/layer/list.html">
+                          <i class="layui-icon layui-icon-template-1"></i>
+                          <cite>弹层</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a layadmin-event="im">
+                          <i class="layui-icon layui-icon-chat"></i>
+                          <cite>聊天</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="component/progress/index.html">
+                          <i class="layui-icon layui-icon-find-fill"></i>
+                          <cite>进度条</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="app/workorder/list.html">
+                          <i class="layui-icon layui-icon-survey"></i>
+                          <cite>工单</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="user/user/list.html">
+                          <i class="layui-icon layui-icon-user"></i>
+                          <cite>用户</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/system/website.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>设置</cite>
+                        </a>
+                      </li>
+                    </ul>
+                    <ul class="layui-row layui-col-space10">
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs3">
+                        <a lay-href="set/user/info.html">
+                          <i class="layui-icon layui-icon-set"></i>
+                          <cite>我的资料</cite>
+                        </a>
+                      </li>
+                    </ul>
+                    
+                  </div>
+                </div>
+                
+              </div>
+            </div>
+          </div>
+          <div class="layui-col-md6">
+            <div class="layui-card">
+              <div class="layui-card-header">待办事项</div>
+              <div class="layui-card-body">
+
+                <div class="layui-carousel layadmin-carousel layadmin-backlog">
+                  <div carousel-item>
+                    <ul class="layui-row layui-col-space10">
+                      <li class="layui-col-xs6">
+                        <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
+                          <h3>待审评论</h3>
+                          <p><cite>66</cite></p>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs6">
+                        <a lay-href="app/forum/list.html" class="layadmin-backlog-body">
+                          <h3>待审帖子</h3>
+                          <p><cite>12</cite></p>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs6">
+                        <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
+                          <h3>待审商品</h3>
+                          <p><cite>99</cite></p>
+                        </a>
+                      </li>
+                      <li class="layui-col-xs6">
+                        <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
+                          <h3>待发货</h3>
+                          <p><cite>20</cite></p>
+                        </a>
+                      </li>
+                    </ul>
+                    <ul class="layui-row layui-col-space10">
+                      <li class="layui-col-xs6">
+                        <a href="javascript:;" class="layadmin-backlog-body">
+                          <h3>待审友情链接</h3>
+                          <p><cite style="color: #FF5722;">5</cite></p>
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="layui-col-md12">
+            <div class="layui-card">
+              <div class="layui-card-header">数据概览</div>
+              <div class="layui-card-body">
+                
+                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
+                  <div carousel-item id="LAY-index-dataview">
+                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
+                    <div></div>
+                    <div></div>
+                  </div>
+                </div>
+                
+              </div>
+            </div>
+            
+            <!-- <div class="layui-card">
+              <div class="layui-tab layui-tab-brief layadmin-latestData">
+                <ul class="layui-tab-title">
+                  <li class="layui-this">今日热搜</li>
+                  <li>今日热帖</li>
+                </ul>
+                <div class="layui-tab-content">
+                  <div class="layui-tab-item layui-show">
+                    <table id="LAY-index-topSearch"></table>
+                  </div>
+                  <div class="layui-tab-item">
+                    <table id="LAY-index-topCard"></table>
+                  </div>
+                </div>
+              </div>
+            </div> -->
+            
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md4">
+        <div class="layui-card">
+          <div class="layui-card-header">版本信息</div>
+          <div class="layui-card-body layui-text">
+            <table class="layui-table">
+              <colgroup>
+                <col width="100">
+                <col>
+              </colgroup>
+              <tbody>
+                <tr>
+                  <td>当前版本</td>
+                  <td>
+                    <script type="text/html" template>
+                      v{{ layui.admin.v }}
+                      <a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>
+                    </script>
+                  </td>
+                </tr>
+                <tr>
+                  <td>基于框架</td>
+                  <td>
+                    <script type="text/html" template>
+                      layui-v{{ layui.v }}
+                    </script>
+                 </td>
+                </tr>
+                <tr>
+                  <td>主要特色</td>
+                  <td>零门槛 / 响应式 / 清爽 / 极简</td>
+                </tr>
+                <tr>
+                  <td>获取渠道</td>
+                  <td style="padding-bottom: 0;">
+                    <div class="layui-btn-container">
+                      <a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
+                      <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        
+        <div class="layui-card">
+          <div class="layui-card-header">效果报告</div>
+          <div class="layui-card-body layadmin-takerates">
+            <div class="layui-progress" lay-showPercent="yes">
+              <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
+              <div class="layui-progress-bar" lay-percent="65%"></div>
+            </div>
+            <div class="layui-progress" lay-showPercent="yes">
+              <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
+              <div class="layui-progress-bar" lay-percent="32%"></div>
+            </div>
+          </div>
+        </div>
+        
+        <div class="layui-card">
+          <div class="layui-card-header">实时监控</div>
+          <div class="layui-card-body layadmin-takerates">
+            <div class="layui-progress" lay-showPercent="yes">
+              <h3>CPU使用率</h3>
+              <div class="layui-progress-bar" lay-percent="58%"></div>
+            </div>
+            <div class="layui-progress" lay-showPercent="yes">
+              <h3>内存占用率</h3>
+              <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- <div class="layui-card">
+          <div class="layui-card-header">产品动态</div>
+          <div class="layui-card-body">
+            <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
+              <div carousel-item>
+                <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
+                <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div> 
+                <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="layui-card">
+          <div class="layui-card-header">
+            作者心语
+            <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
+          </div>
+          <div class="layui-card-body layui-text layadmin-text">
+            <p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>
+            <p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>
+            <p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>
+            <p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>
+          </div>
+        </div> -->
+      </div>
+      
+    </div>
+  </div>
+
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'console']);
+  </script>
+</body>
+</html>
+

src/main/webapp/Faxuanyuan/css/admin.css

@@ -0,0 +1,1135 @@
+/** layuiAdmin.std-v1.0.0-beta7 LPPL License By http://www.layui.com/admin/ */
+html #layuicss-layuiAdmin {
+	display: none;
+	position: absolute;
+	width: 1989px
+}
+
+::-webkit-input-placeholder {
+	color: #ccc
+}
+
+html {
+	background-color: #f2f2f2;
+	color: #666
+}
+
+.layadmin-tabsbody-item, [template] {
+	display: none
+}
+
+[lay-href], [lay-tips], [layadmin-event] {
+	cursor: pointer
+}
+
+.layui-layout-admin .layui-header {
+	height: 50px
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
+	color: #333
+}
+
+.layui-layout-admin .layui-side {
+	width: 260px;
+	top: 0;
+	z-index: 1001
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
+	.layui-layout-admin .layui-logo {
+	height: 50px;
+	line-height: 50px
+}
+
+.layui-layout-admin .layui-logo {
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1002;
+	width: 260px;
+	height: 90px;
+	padding: 0 15px;
+	box-sizing: border-box;
+	overflow: hidden;
+	font-weight: 300;
+	background-repeat: no-repeat;
+	background-position: center center
+}
+
+.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer,
+	.layui-layout-admin .layui-layout-left {
+	left: 260px;
+	padding: 10px 0;
+    text-align: center;
+    box-shadow: 0 -1px 2px 0 rgba(0,0,0,.05);
+}
+
+.layadmin-pagetabs {
+	position: fixed;
+	top: 50px;
+	right: 0;
+	z-index: 999
+}
+
+.layadmin-pagetabs .layui-breadcrumb {
+	padding: 0 15px
+}
+
+.layui-layout-admin .layui-body {
+	top: 90px;
+	bottom: 0
+}
+
+.layui-layout-admin .layui-body .layadmin-tabsbody-item {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	overflow: hidden
+}
+
+.layui-layout-admin .layui-header .layui-nav-img {
+	width: 26px;
+	height: 26px
+}
+
+.layui-layout-admin .layui-header .layui-nav-child {
+	top: 55px
+}
+
+.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
+	left: auto;
+	right: 0
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this,
+	.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a
+	{
+	background: 0 0
+}
+
+.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer,
+	.layui-layout-admin .layui-header .layui-layout-right,
+	.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
+	.layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-logo,
+	.layui-layout-admin .layui-side {
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layui-icon-login-qq {
+	color: #3492ED
+}
+
+.layui-icon-login-wechat {
+	color: #4DAF29
+}
+
+.layui-icon-login-weibo {
+	color: #CF1900
+}
+
+.layui-form[wid100] .layui-form-label {
+	width: 100px
+}
+
+.layui-form[wid100] .layui-input-block {
+	margin-left: 130px
+}
+
+@media screen and (max-width:450px) {
+	.layui-form[wid100] .layui-form-item .layui-input-inline {
+		margin-left: 132px
+	}
+	.layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid
+		{
+		margin-left: 130px
+	}
+}
+
+.layui-form-item .layui-input-company {
+	width: auto;
+	padding-right: 10px;
+	line-height: 38px
+}
+
+.layui-bg-white {
+	background-color: #fff
+}
+
+.layadmin-loading {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	margin: -16px -15px;
+	font-size: 30px;
+	color: #c2c2c2
+}
+
+.layadmin-fixed {
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 999
+}
+
+.layadmin-link {
+	color: #029789 !important
+}
+
+.layadmin-link:hover {
+	opacity: .8
+}
+
+.layui-layer-admin .layui-layer-title {
+	height: 50px;
+	line-height: 50px;
+	border: 0;
+	background-color: #20222A;
+	color: #fff
+}
+
+.layui-layer-admin i[close] {
+	position: absolute;
+	padding: 5px;
+	right: 10px;
+	top: 12px;
+	color: #fff;
+	cursor: pointer
+}
+
+.layui-layer-admin .layui-layer-content {
+	padding: 20px;
+	line-height: 22px
+}
+
+.layui-layer-admin .layui-layer-content cite {
+	font-style: normal;
+	color: #FF5722
+}
+
+.layui-layer-adminRight {
+	top: 50px !important;
+	bottom: 0;
+	box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
+	border-radius: 0;
+	overflow: auto
+}
+
+.layadmin-note .layui-layer-content {
+	padding: 0
+}
+
+.layadmin-note textarea {
+	display: block;
+	width: 300px;
+	height: 132px;
+	min-width: 300px;
+	min-height: 132px;
+	line-height: 20px;
+	padding: 10px 20px;
+	border: none;
+	box-sizing: border-box;
+	color: #666;
+	word-wrap: break-word
+}
+
+.layui-layout-admin .layui-layout-left {
+	padding: 0 10px
+}
+
+.layui-layout-admin .layui-layout-left .layui-nav-item {
+	margin: 0 20px
+}
+
+.layui-layout-admin .layui-layout-left a, .layui-layout-admin .layui-layout-right
+	{
+	padding: 0
+}
+
+.layui-header .layui-nav-item .layui-icon {
+	position: relative;
+	top: 1px;
+	font-size: 16px
+}
+
+.layui-header .layui-layout-right .layui-badge-dot {
+	margin-left: 11px
+}
+
+.layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar
+	{
+	top: 0 !important;
+	bottom: auto;
+	height: 3px;
+	background-color: #fff;
+	background-color: rgba(255, 255, 255, .3)
+}
+
+.layadmin-body-shade {
+	position: fixed;
+	display: none;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	background-color: rgba(0, 0, 0, .3);
+	z-index: 1000
+}
+
+.layui-side-menu .layui-side-scroll {
+	width: 280px
+}
+
+.layui-side-menu .layui-nav {
+	width: 260px;
+	margin-top: 90px;
+	background: 0 0
+}
+
+.layui-side-menu .layui-nav .layui-nav-item a {
+	height: 40px;
+	line-height: 40px;
+	padding-left: 75px;
+	padding-right: 30px
+}
+
+.layui-side-menu .layui-nav .layui-nav-item>a {
+	padding-top: 8px;
+	padding-bottom: 8px
+}
+
+.layui-side-menu .layui-nav .layui-nav-item a:hover {
+	background: 0 0
+}
+
+.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child {
+	padding: 5px 0
+}
+
+.layui-side-menu .layui-nav .layui-nav-item .layui-icon {
+	position: absolute;
+	top: 50%;
+	left: 40px;
+	margin-top: -19px
+}
+
+.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child {
+	background: 0 0 !important
+}
+
+.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {
+	padding-left: 100px
+}
+
+.layui-side-menu .layui-nav .layui-nav-more {
+	right: 15px
+}
+
+@media screen and (max-width:992px) {
+	.layui-layout-admin .layui-side {
+		transform: translate3d(-220px, 0, 0);
+		-webkit-transform: translate3d(-220px, 0, 0);
+		width: 220px
+	}
+	.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer,
+		.layui-layout-admin .layui-layout-left {
+		left: 0
+	}
+}
+
+.layadmin-side-shrink .layui-layout-admin .layui-logo {
+	width: 100px;
+	background-image: url(res/logo.png)
+}
+
+.layadmin-side-shrink .layui-layout-admin .layui-logo span {
+	display: none
+}
+
+.layadmin-side-shrink .layui-side {
+	left: 0;
+	width: 100px
+}
+
+.layadmin-side-shrink .layadmin-pagetabs, .layadmin-side-shrink .layui-layout-admin .layui-body,
+	.layadmin-side-shrink .layui-layout-admin .layui-footer,
+	.layadmin-side-shrink .layui-layout-admin .layui-layout-left {
+	left: 100px
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav {
+	position: static;
+	width: 60px
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav-item {
+	position: static
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav-item>a {
+	padding-right: 0
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav-item cite,
+	.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child,
+	.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more
+	{
+	display: none;
+	padding: 8px 0;
+	width: 200px
+}
+
+.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a {
+	background: rgba(0, 0, 0, .3)
+}
+
+.layadmin-side-spread-sm .layadmin-pagetabs, .layadmin-side-spread-sm .layui-layout-admin .layui-body,
+	.layadmin-side-spread-sm .layui-layout-admin .layui-footer,
+	.layadmin-side-spread-sm .layui-layout-admin .layui-layout-left {
+	left: 0;
+	transform: translate3d(220px, 0, 0);
+	-webkit-transform: translate3d(220px, 0, 0)
+}
+
+.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right {
+	transform: translate3d(220px, 0, 0);
+	-webkit-transform: translate3d(220px, 0, 0)
+}
+
+.layadmin-side-spread-sm .layui-side {
+	transform: translate3d(0, 0, 0);
+	-webkit-transform: translate3d(0, 0, 0)
+}
+
+.layadmin-side-spread-sm .layadmin-body-shade {
+	display: block
+}
+
+.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close,
+	.layadmin-tabs-select.layui-nav .layui-nav-bar, .layadmin-tabs-select.layui-nav .layui-nav-more
+	{
+	display: none
+}
+
+.layadmin-pagetabs {
+	height: 40px;
+	line-height: 40px;
+	padding: 0 80px 0 40px;
+	background-color: #fff;
+	box-sizing: border-box;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
+}
+
+.layadmin-pagetabs .layadmin-tabs-control {
+	position: absolute;
+	top: 0;
+	width: 40px;
+	height: 100%;
+	text-align: center;
+	cursor: pointer;
+	transition: all .3s;
+	-webkit-transition: all .3s;
+	box-sizing: border-box;
+	border-left: 1px solid #f6f6f6
+}
+
+.layadmin-pagetabs .layadmin-tabs-control:hover {
+	background-color: #f6f6f6
+}
+
+.layadmin-pagetabs .layui-icon-prev {
+	left: 0;
+	border-left: none;
+	border-right: 1px solid #f6f6f6
+}
+
+.layadmin-pagetabs .layui-icon-next {
+	right: 40px
+}
+
+.layadmin-pagetabs .layui-icon-down {
+	right: 0
+}
+
+.layadmin-tabs-select.layui-nav {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	background: 0 0
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-item {
+	line-height: 40px
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-item>a {
+	height: 40px
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-item a {
+	color: #666
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-child {
+	top: 40px;
+	left: auto;
+	right: 0
+}
+
+.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,
+	.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
+	background-color: #f2f2f2 !important;
+	color: #333
+}
+
+.layadmin-pagetabs .layui-tab {
+	margin: 0;
+	overflow: hidden
+}
+
+.layadmin-pagetabs .layui-tab-title {
+	height: 40px;
+	border: none
+}
+
+.layadmin-pagetabs .layui-tab-title li {
+	min-width: 0;
+	line-height: 40px;
+	max-width: 160px;
+	text-overflow: ellipsis;
+	padding-right: 40px;
+	overflow: hidden;
+	border-right: 1px solid #f6f6f6;
+	vertical-align: top
+}
+
+.layadmin-pagetabs .layui-tab-title li:first-child {
+	padding-right: 15px
+}
+
+.layadmin-pagetabs .layui-tab-title li .layui-tab-close {
+	position: absolute;
+	right: 8px;
+	top: 50%;
+	margin: -7px 0 0;
+	width: 16px;
+	height: 16px;
+	line-height: 16px;
+	border-radius: 50%;
+	font-size: 12px
+}
+
+.layadmin-pagetabs .layui-tab-title li:after {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 0;
+	height: 2px;
+	border-radius: 0;
+	background-color: #292B34;
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layadmin-pagetabs .layui-tab-title li:hover:after {
+	width: 100%
+}
+
+.layadmin-pagetabs .layui-tab-title li.layui-this, .layadmin-pagetabs .layui-tab-title li:hover
+	{
+	background-color: #f6f6f6
+}
+
+.layadmin-pagetabs .layui-tab-title li.layui-this:after {
+	width: 100%;
+	border: none;
+	height: 2px;
+	background-color: #292B34
+}
+
+.layadmin-tabspage-none .layui-layout-admin .layui-header {
+	border-bottom: none;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
+}
+
+.layadmin-tabspage-none .layui-layout-admin .layui-body {
+	top: 50px
+}
+
+.layadmin-tabspage-none .layadmin-header {
+	display: block
+}
+
+.layadmin-tabspage-none .layadmin-header .layui-breadcrumb {
+	border-top: 1px solid #f6f6f6
+}
+
+.layui-layout-admin .layui-header {
+	border-bottom: 1px solid #f6f6f6;
+	box-sizing: border-box;
+	background-color: #fff
+}
+
+.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite
+	{
+	color: #333
+}
+
+.layui-layout-admin .layui-header a:hover {
+	color: #000
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
+	border-top-color: #666
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
+	border-color: transparent transparent #666
+}
+
+.layui-layout-admin .layui-header .layui-nav .layui-this:after,
+	.layui-layout-admin .layui-header .layui-nav-bar {
+	height: 2px;
+	background-color: #20222A
+}
+
+.layui-layout-admin .layui-logo {
+	background-color: #20222A;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
+}
+
+.layui-layout-admin .layui-logo, .layui-layout-admin .layui-logo a {
+	color: #fff;
+	color: rgba(255, 255, 255, .8)
+}
+
+.layui-side-menu {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05)
+}
+
+.layui-layout-admin .layui-footer {
+	padding: 10px 0;
+	text-align: center;
+	box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05)
+}
+
+.layadmin-setTheme-side, .layui-side-menu {
+	background-color: #20222A;
+	color: #fff
+}
+
+.layadmin-setTheme-header, .layui-layout-admin .layui-footer {
+	background-color: #fff
+}
+
+.layui-tab-admin .layui-tab-title {
+	background-color: #393D49;
+	color: #fff
+}
+
+.layui-fluid {
+	padding: 15px
+}
+
+.layadmin-header {
+	display: none;
+	height: 50px;
+	line-height: 50px;
+	margin-bottom: 0;
+	border-radius: 0
+}
+
+.layadmin-header .layui-breadcrumb {
+	padding: 0 15px
+}
+
+.layui-card-header .layui-icon {
+	line-height: initial;
+	position: absolute;
+	right: 15px;
+	top: 50%;
+	margin-top: -7px
+}
+
+.layadmin-iframe {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0
+}
+
+.layadmin-carousel {
+	height: 185px !important;
+	background-color: #fff
+}
+
+.layadmin-carousel .layui-carousel-ind li {
+	background-color: #e2e2e2
+}
+
+.layadmin-carousel .layui-carousel-ind li:hover {
+	background-color: #c2c2c2
+}
+
+.layadmin-carousel .layui-carousel-ind li.layui-this {
+	background-color: #999
+}
+
+.layadmin-carousel .layui-carousel, .layadmin-carousel>[carousel-item]>*
+	{
+	background-color: #fff
+}
+
+.layadmin-carousel .layui-col-space10 {
+	margin: 0
+}
+
+.layadmin-carousel .layui-carousel-ind {
+	position: absolute;
+	top: -41px;
+	text-align: right
+}
+
+.layadmin-carousel .layui-carousel-ind ul {
+	background: 0 0
+}
+
+.layui-card .layui-tab-brief .layui-tab-title {
+	height: 42px;
+	border-bottom-color: #f6f6f6
+}
+
+.layui-card .layui-tab-brief .layui-tab-title li {
+	margin: 0 15px;
+	padding: 0;
+	line-height: 42px
+}
+
+.layui-card .layui-tab-brief .layui-tab-title li.layui-this {
+	color: #333
+}
+
+.layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
+	height: 43px
+}
+
+.layui-card .layui-tab-brief .layui-tab-content {
+	padding: 15px
+}
+
+.layui-card .layui-table-view {
+	margin: 0
+}
+
+.layadmin-shortcut li {
+	text-align: center
+}
+
+.layadmin-shortcut li .layui-icon {
+	display: inline-block;
+	width: 100%;
+	height: 60px;
+	line-height: 60px;
+	text-align: center;
+	border-radius: 2px;
+	font-size: 30px;
+	background-color: #F8F8F8;
+	color: #333;
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layadmin-shortcut li cite {
+	position: relative;
+	top: 2px;
+	display: block;
+	color: #666;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	font-size: 14px
+}
+
+.layadmin-shortcut li:hover .layui-icon {
+	background-color: #f2f2f2
+}
+
+.layadmin-backlog .layadmin-backlog-body {
+	display: block;
+	padding: 10px 15px;
+	background-color: #f8f8f8;
+	color: #999;
+	border-radius: 2px;
+	transition: all .3s;
+	-webkit-transition: all .3s
+}
+
+.layadmin-backlog-body h3 {
+	padding-bottom: 10px;
+	font-size: 12px
+}
+
+.layadmin-backlog-body p cite {
+	font-style: normal;
+	font-size: 30px;
+	font-weight: 300;
+	color: #009688
+}
+
+.layadmin-backlog-body:hover {
+	background-color: #f2f2f2;
+	color: #888
+}
+
+.layadmin-dataview {
+	height: 332px !important
+}
+
+.layadmin-dataview>[carousel-item]:before {
+	display: none
+}
+
+.layadmin-dataview>[carousel-item]>div {
+	height: 332px
+}
+
+.layadmin-takerates {
+	padding-top: 5px
+}
+
+.layadmin-takerates .layui-progress {
+	margin: 50px 0 60px
+}
+
+.layadmin-takerates .layui-progress:last-child {
+	margin-bottom: 10px
+}
+
+.layadmin-takerates .layui-progress h3 {
+	position: absolute;
+	right: 0;
+	top: -35px;
+	color: #999;
+	font-size: 14px
+}
+
+.layadmin-takerates .layui-progress-bar {
+	text-align: left
+}
+
+.layadmin-takerates .layui-progress-text {
+	top: -35px;
+	line-height: 26px;
+	font-size: 26px
+}
+
+.layadmin-news {
+	height: 60px !important;
+	padding: 5px 0
+}
+
+.layadmin-news a {
+	display: block;
+	line-height: 60px;
+	text-align: center
+}
+
+.layadmin-news .layui-carousel-ind {
+	height: 45px
+}
+
+.layadmin-list li {
+	margin-bottom: 6px;
+	padding-bottom: 6px;
+	border-bottom-color: #f6f6f6;
+	list-style-position: inside;
+	list-style-type: disc;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap
+}
+
+.layadmin-list li a {
+	color: #666
+}
+
+.layadmin-list li a:hover {
+	color: #009688
+}
+
+.layadmin-list li:last-child {
+	border: none;
+	padding: 0;
+	margin: 0
+}
+
+.layadmin-text p {
+	margin-bottom: 10px;
+	text-indent: 2em
+}
+
+.layadmin-text p:last-child {
+	margin: 0
+}
+
+.layadmin-panel-selection {
+	width: 768px;
+	margin: 30px auto
+}
+
+.layadmin-panel-selection .layui-panel-window {
+	padding: 30px 50px;
+	border-top-color: #ddd;
+	text-align: center
+}
+
+.layadmin-panel-selection .layui-panel-window h2 {
+	padding-bottom: 15px;
+	font-size: 18px
+}
+
+.layadmin-panel-selection .layui-panel-window ul {
+	margin-top: 15px;
+	text-align: left
+}
+
+.layadmin-panel-selection .layui-btn-container {
+	margin-top: 30px
+}
+
+.layadmin-panel-selection .layui-btn-container .layui-btn {
+	width: 100%
+}
+
+.layuiAdmin-msg-detail h1 {
+	font-size: 16px
+}
+
+.layuiAdmin-msg-detail .layui-card-header {
+	height: auto;
+	line-height: 30px;
+	padding: 15px
+}
+
+.layuiAdmin-msg-detail .layui-card-header span {
+	padding: 0 5px;
+	color: #999
+}
+
+.layuiAdmin-msg-detail .layui-card-header span:first-child {
+	padding-left: 0
+}
+
+.layuiAdmin-msg-detail .layui-card-body {
+	padding: 15px
+}
+
+.layadmin-setTheme {
+	padding: 15px;
+	overflow-x: hidden
+}
+
+.layadmin-setTheme>h5 {
+	padding: 20px 0 10px;
+	color: #000
+}
+
+.layadmin-setTheme>h5:first-child {
+	padding-top: 0
+}
+
+.layadmin-setTheme-color {
+	width: 330px;
+	font-size: 0
+}
+
+.layadmin-setTheme-color li {
+	position: relative;
+	display: inline-block;
+	vertical-align: top;
+	width: 80px;
+	height: 50px;
+	margin: 0 15px 15px 0;
+	background-color: #f2f2f2;
+	cursor: pointer;
+	font-size: 12px;
+	color: #666
+}
+
+.layadmin-setTheme-color li:after {
+	content: '';
+	position: absolute;
+	z-index: 20;
+	top: 50%;
+	left: 50%;
+	width: 1px;
+	height: 0;
+	border: 1px solid #f2f2f2;
+	transition: all .3s;
+	-webkit-transition: all .3s;
+	opacity: 0
+}
+
+.layadmin-setTheme-color li.layui-this:after, .layadmin-setTheme-color li:hover:after
+	{
+	width: 100%;
+	height: 100%;
+	padding: 4px;
+	top: -5px;
+	left: -5px;
+	border-color: #5FB878;
+	opacity: 1
+}
+
+.layadmin-setTheme-header {
+	position: relative;
+	z-index: 10;
+	height: 10px;
+	border-top: 1px solid #f2f2f2;
+	border-right: 1px solid #f2f2f2
+}
+
+.layadmin-setTheme-side {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 20px;
+	height: 100%;
+	z-index: 11;
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05)
+}
+
+.layadmin-setTheme-logo {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 10px;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
+}
+
+.layadmin-form-right {
+	text-align: right
+}
+
+.layadmin-about p {
+	margin-bottom: 10px
+}
+
+.layadmin-menu-list .layui-card-header {
+	height: 50px;
+	line-height: 50px;
+	font-size: 16px
+}
+
+.layadmin-menu-list .layui-card-header:active {
+	background-color: #f2f2f2
+}
+
+.layadmin-menu-list .layui-card-header .layui-icon {
+	position: relative;
+	top: 1px;
+	left: 0;
+	display: inline-block;
+	margin: 0 10px;
+	font-size: 18px
+}
+
+@
+-webkit-keyframes layui-rl {
+	from {-webkit-transform: translate3d(100%, 0, 0)
+}
+
+to {
+	-webkit-transform: translate3d(0, 0, 0)
+}
+
+}
+@
+keyframes layui-rl {
+	from {transform: translate3d(100%, 0, 0)
+}
+
+to {
+	transform: translate3d(0, 0, 0)
+}
+
+}
+.layui-anim-rl {
+	-webkit-animation-name: layui-rl;
+	animation-name: layui-rl
+}
+
+@
+-webkit-keyframes layui-lr {
+	from {-webkit-transform: translate3d(0 0, 0);
+	opacity: 1
+}
+
+to {
+	-webkit-transform: translate3d(100%,, 0, 0);
+	opacity: 1
+}
+
+}
+@
+keyframes layui-lr {
+	from {transform: translate3d(0, 0, 0)
+}
+
+to {
+	transform: translate3d(100%, 0, 0)
+}
+
+}
+.layui-anim-lr, .layui-anim-rl.layer-anim-close {
+	-webkit-animation-name: layui-lr;
+	animation-name: layui-lr
+}
+
+.layadmin-tips {
+	margin-top: 30px;
+	text-align: center
+}
+
+.layadmin-tips .layui-icon[face] {
+	display: inline-block;
+	font-size: 300px;
+	color: #393D49
+}
+
+.layadmin-tips .layui-text {
+	width: 500px;
+	margin: 30px auto;
+	padding-top: 20px;
+	border-top: 5px solid #009688;
+	font-size: 16px
+}
+
+.layadmin-tips h1 {
+	font-size: 100px;
+	line-height: 100px;
+	color: #009688
+}
+
+.layadmin-tips .layui-text .layui-anim {
+	display: inline-block
+}
+
+@media screen and (max-width:768px) {
+	.layadmin-panel-selection {
+		margin: 0;
+		width: auto
+	}
+	.layui-body .layui-nav .layui-nav-item {
+		display: block
+	}
+}

src/main/webapp/Faxuanyuan/css/font.css

@@ -0,0 +1,16 @@
+@font-face {
+  font-family: 'iconfont';
+  src: url('../fonts/iconfont.eot');
+  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/iconfont.woff') format('woff'),
+  url('../fonts/iconfont.ttf') format('truetype'),
+  url('../fonts/iconfont.svg#iconfont') format('svg');
+}
+.iconfont{
+  font-family:"iconfont" !important;
+  font-size:16px;font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+

src/main/webapp/Faxuanyuan/css/weadmin.css

@@ -0,0 +1,621 @@
+@charset "utf-8";
+@import "../layui/css/layui.css";
+* {
+  margin: 0px;
+  padding: 0px;
+}
+a {
+  text-decoration: none;
+}
+html {
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+body {
+  width: 100%;
+  min-height: 100%;
+}
+.fr {
+  float: right;
+}
+.font16 {
+  font-size: 16px;
+}
+.rightMenu {
+  position: absolute;
+  width: 120px;
+  line-height: 24px;
+  z-index: 999;
+  background: #FFF;
+  border: 1px solid #F2F2F2;
+  border-bottom: none;
+  border-radius: 3px;
+  display: none;
+}
+.rightMenu li {
+  display: block;
+  padding: 4px 10px;
+  color: #CCC;
+  border-bottom: 1px solid #F2F2F2;
+}
+.rightMenu li:hover {
+  background: #EEE;
+  color: #666;
+}
+/**treeselect*/
+.layui-form-select .layui-tree {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 42px;
+  padding: 5px 0;
+  z-index: 999;
+  min-width: 100%;
+  border: 1px solid #d2d2d2;
+  max-height: 300px;
+  overflow-y: auto;
+  background-color: #fff;
+  border-radius: 2px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
+  box-sizing: border-box;
+}
+.layui-form-selected .layui-tree {
+  display: block;
+}
+.weadmin-trailer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  padding: 15px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  text-align: center;
+  box-sizing: border-box;
+  font-size: 20px;
+  font-weight: 300;
+  color: #ccc;
+}
+.login-bg {
+  /*background: #eeeeee 0 0 no-repeat;*/
+  background: url(../layui/images/bg.png) no-repeat center;
+  background-size: cover;
+  overflow: hidden;
+}
+.login {
+  margin: 120px auto 0 auto;
+  min-height: 420px;
+  max-width: 420px;
+  padding: 40px;
+  background-color: #ffffff;
+  margin-left: auto;
+  margin-right: auto;
+  border-radius: 4px;
+  /* overflow-x: hidden; */
+  box-sizing: border-box;
+}
+.login a.logo {
+  display: block;
+  height: 58px;
+  width: 167px;
+  margin: 0 auto 30px auto;
+  background-size: 167px 42px;
+}
+.login .message {
+  margin: 10px 0 0 -58px;
+  padding: 18px 10px 18px 60px;
+  background: #189F92;
+  position: relative;
+  color: #fff;
+  font-size: 16px;
+}
+.login #darkbannerwrap {
+  background: url(../images/aiwrap.png);
+  width: 18px;
+  height: 10px;
+  margin: 0 0 20px -58px;
+  position: relative;
+}
+.login input[type=text],
+.login input[type=file],
+.login input[type=password],
+.login input[type=email],
+.login select {
+  border: 1px solid #DCDEE0;
+  vertical-align: middle;
+  border-radius: 3px;
+  height: 50px;
+  padding: 0px 16px;
+  font-size: 14px;
+  color: #555555;
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+.login input[type=text]:focus,
+.login input[type=file]:focus,
+.login input[type=password]:focus,
+.login input[type=email]:focus,
+.login select:focus {
+  border: 1px solid #27A9E3;
+}
+.login input[type=submit],
+.login input[type=button] {
+  display: inline-block;
+  padding: 12px 24px;
+  margin: 0px;
+  font-size: 18px;
+  line-height: 24px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  color: #ffffff;
+  background-color: #189F92;
+  border-radius: 3px;
+  border: none;
+  -webkit-appearance: none;
+  outline: none;
+  width: 100%;
+}
+.login hr {
+  background: #fff 0 0 no-repeat;
+}
+.login hr.hr15 {
+  height: 15px;
+  border: none;
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+}
+.login hr.hr20 {
+  height: 20px;
+  border: none;
+  margin: 0px;
+  padding: 0px;
+  width: 100%;
+}
+.weadmin-body {
+  padding: 20px;
+}
+.weadmin-nav {
+  padding: 0 20px;
+  position: relative;
+  z-index: 99;
+  border-bottom: 1px solid #e5e5e5;
+  line-height: 39px;
+  height: 39px;
+  overflow: hidden;
+}
+.weadmin-block {
+  display: block;
+  margin-bottom: 10px;
+  padding: 5px;
+  line-height: 22px;
+  /* border-left: 5px solid #009688; */
+  border-radius: 0 2px 2px 0;
+  background-color: #f2f2f2;
+}
+.we-search {
+  margin-bottom: 20px;
+  font-size: 16px;
+}
+.we-search input.layui-input {
+  width: 190px;
+}
+.we-red {
+  color: red;
+}
+.page {
+  margin-top: 20px;
+  text-align: center;
+}
+.page a {
+  display: inline-block;
+  background: #fff 0 0 no-repeat;
+  color: #888;
+  padding: 10px;
+  min-width: 15px;
+  border: 1px solid #E2E2E2;
+}
+.page span {
+  display: inline-block;
+  padding: 10px;
+  min-width: 15px;
+  border: 1px solid #E2E2E2;
+}
+.page span.current {
+  display: inline-block;
+  background: #009688 0 0 no-repeat;
+  color: #fff;
+  padding: 10px;
+  min-width: 15px;
+  border: 1px solid #009688;
+}
+.page .pagination li {
+  display: inline-block;
+  margin-right: 5px;
+  text-align: center;
+}
+.page .pagination li.active span {
+  background: #009688 0 0 no-repeat;
+  color: #fff;
+  border: 1px solid #009688;
+}
+/*登录样式*/
+/*头部*/
+.container {
+  width: 100%;
+  height: 45px;
+  background-color: #222;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+.container .logo a {
+  float: left;
+  color: #fff;
+  font-size: 18px;
+  padding-left: 20px;
+  line-height: 45px;
+  width: 200px;
+}
+.container .right {
+  background-color: rgba(0, 0, 0, 0);
+  float: right;
+}
+.container .left_open {
+  height: 45px;
+  float: left;
+}
+.container .left_open i {
+  display: block;
+  background: rgba(255, 255, 255, 0.1) 0 0 no-repeat;
+  color: #fff;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+  border-radius: 3px;
+  text-align: center;
+  margin-top: 7px;
+  cursor: pointer;
+}
+.container .left_open i:hover {
+  background: rgba(255, 255, 255, 0.3) 0 0 no-repeat;
+}
+.container .left {
+  background-color: rgba(0, 0, 0, 0);
+  float: left;
+}
+.container .layui-nav-item {
+  line-height: 45px;
+}
+.container .layui-nav-child {
+  top: 50px;
+}
+.container .layui-nav-child i {
+  margin-right: 10px;
+}
+.layui-nav .layui-nav-item a {
+  color: #fff;
+}
+.layui-nav .layui-nav-child a {
+  color: #333;
+}
+.left-nav {
+  position: absolute;
+  top: 46px;
+  bottom: 42px;
+  left: 0;
+  z-index: 2;
+  padding-top: 10px;
+  background-color: #EEEEEE;
+  width: 220px;
+  max-width: 220px;
+  overflow: auto;
+  overflow-x: hidden;
+  border-right: 1px solid #e5e5e5;
+}
+.left-nav #nav .current {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.left-nav #nav li {
+  border-bottom: 1px solid #e5e5e5;
+}
+.left-nav #nav li:hover > a {
+  /*color: blue;*/
+}
+.left-nav #nav li a {
+  font-size: 14px;
+  padding: 10px 15px 10px 20px;
+  display: block;
+  cursor: pointer;
+}
+.left-nav #nav li a cite {
+  font-size: 14px;
+}
+.left-nav #nav li .opened {
+  display: block;
+}
+.left-nav #nav li .opened:hover {
+  /*background: #fff 0 0 no-repeat;*/
+}
+.left-nav #nav li .sub-menu {
+  display: none;
+}
+.left-nav #nav li .sub-menu li:hover {
+  /*color: blue;*/
+  /*background: #fff 0 0 no-repeat;*/
+}
+.left-nav #nav li .sub-menu li a {
+  padding: 12px 15px 12px 30px;
+  font-size: 14px;
+  cursor: pointer;
+}
+.left-nav #nav li .sub-menu li a i {
+  font-size: 12px;
+}
+.left-nav #nav li .sub-menu li a:hover {
+  color: #148cf1;
+}
+.left-nav #nav li .sub-menu li .sub-menu li a {
+  padding-left: 45px;
+}
+.left-nav #nav li .nav_right {
+  float: right;
+  font-size: 16px;
+}
+.left-nav #nav li a i {
+  padding-right: 10px;
+  line-height: 14px;
+}
+.x-slide_left {
+  width: 17px;
+  height: 61px;
+  background: url(../images/icon.png) 0 0 no-repeat;
+  position: absolute;
+  top: 200px;
+  left: 221px;
+  cursor: pointer;
+  z-index: 3;
+}
+.page-content {
+  position: absolute;
+  top: 46px;
+  right: 0;
+  bottom: 42px;
+  left: 221px;
+  overflow: hidden;
+  z-index: 1;
+}
+.page-content-bg {
+  position: absolute;
+  top: 46px;
+  right: 0;
+  bottom: 42px;
+  left: 221px;
+  background: rgba(0, 0, 0, 0.5) 0 0 no-repeat;
+  overflow: hidden;
+  z-index: 100;
+  display: none;
+}
+.page-content .tab {
+  height: 100%;
+  width: 100%;
+  background: #EFEEF0 0 0 no-repeat;
+  margin: 0px;
+}
+.page-content .layui-tab-title {
+  /*padding-top: 5px;*/
+  height: 35px;
+  background: #EFEEF0 0 0 no-repeat;
+  position: relative;
+  z-index: 100;
+}
+.page-content .layui-tab-title li {
+  line-height: 35px;
+}
+.page-content .layui-tab-title li .layui-tab-close {
+  border-radius: 50%;
+}
+.page-content .layui-tab-title .layui-this:after {
+  height: 36px;
+}
+.page-content .layui-tab-title .layui-this {
+  background: #fff 0 0 no-repeat;
+}
+.page-content .layui-tab-bar {
+  height: 34px;
+  line-height: 35px;
+}
+.page-content .layui-tab-content {
+  position: absolute;
+  top: 36px;
+  bottom: 0px;
+  width: 100%;
+  background: #fff 0 0 no-repeat;
+  padding: 0px;
+  overflow: hidden;
+}
+.page-content .layui-tab-content .layui-tab-item {
+  width: 100%;
+  height: 100%;
+}
+.page-content .layui-tab-content .layui-tab-item iframe {
+  width: 100%;
+  height: 100%;
+}
+.welcome-footer {
+  padding: 30px 0;
+  line-height: 30px;
+  text-align: center;
+  background-color: #eee;
+  color: #666;
+  font-weight: 300;
+}
+body .layui-layout-admin .footer-demo {
+  height: auto;
+  padding: 15px 0;
+  line-height: 26px;
+}
+.welcome-footer a {
+  padding: 0 5px;
+}
+table th,
+table td {
+  word-break: break-all;
+}
+.footer {
+  position: fixed;
+  bottom: 0px;
+  width: 100%;
+  background-color: #222;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  line-height: 41px;
+  color: #fff;
+  /*padding-left: 10px;*/
+}
+.footer .copyright {
+  margin-left: 10px;
+}
+@media screen and (max-width: 768px) {
+  .fast-add {
+    display: none;
+  }
+  .layui-nav .to-index {
+    display: none;
+  }
+  .container .logo a {
+    width: 140px;
+  }
+  .container .left_open {
+    /*float: right;*/
+  }
+  .left-nav {
+    left: -221px;
+  }
+  .page-content {
+    left: 0px;
+  }
+  .page-content .layui-tab-content .layui-tab-item {
+    -webkit-overflow-scrolling: touch;
+    overflow-y: scroll;
+  }
+  .we-search input.layui-input {
+    width: 100%;
+    margin: 10px;
+  }
+}
+.we-changelog .layui-timeline-title h3 {
+  display: inline-block;
+}
+.we-changelog .layui-timeline-title .layui-badge-rim {
+  top: -2px;
+  left: 10px;
+}
+.weadmin-shortcut {
+  height: 185px!important;
+  background-color: #fff;
+}
+.weadmin-shortcut .layui-carousel,
+.weadmin-shortcut > [carousel-item] > * {
+  background-color: #fff;
+}
+.weadmin-shortcut .layui-col-space10 {
+  margin: 0;
+}
+.weadmin-shortcut li {
+  text-align: center;
+}
+.weadmin-shortcut li a {
+  display: block;
+}
+.weadmin-shortcut li .layui-icon {
+  display: inline-block;
+  width: 100%;
+  height: 120px;
+  line-height: 120px;
+  text-align: center;
+  border-radius: 2px;
+  font-size: 30px;
+  background-color: #F8F8F8;
+  color: #333;
+  transition: all .3s;
+  -webkit-transition: all .3s;
+}
+.weadmin-shortcut li:hover .layui-icon {
+  background-color: #f2f2f2;
+}
+.weadmin-shortcut li cite {
+  position: relative;
+  top: 2px;
+  display: block;
+  color: #333333;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 16px;
+}
+.weadmin-shortcut li p {
+  font-size: 12px;
+  line-height: 16px;
+  color: #666666;
+  margin-top: 5px;
+}
+.weadmin-shortcut li p span {
+  text-align: left;
+  display: inline-block;
+}
+.weadmin-shortcut .layui-carousel-ind {
+  position: absolute;
+  top: -41px;
+  text-align: right;
+}
+.weadmin-shortcut .layui-carousel-ind ul {
+  background: 0 0;
+}
+.weadmin-shortcut .layui-carousel-ind ul li {
+  background-color: #e2e2e2;
+}
+.weadmin-shortcut .layui-carousel-ind ul li:hover {
+  background-color: #c2c2c2;
+}
+.weadmin-shortcut .layui-carousel-ind ul li.layui-this {
+  background-color: #999;
+}
+.weadmin-text p {
+  margin-bottom: 10px;
+  text-indent: 2em;
+}
+.layui-card-header.layui-elem-quote {
+  line-height: 22px;
+  height: 22px;
+  padding: 15px;
+}
+.weadmin-notice {
+  height: 60px!important;
+}
+.weadmin-notice a {
+  display: block;
+  text-align: center;
+  line-height: 60px;
+}
+.weadmin-notice .layui-carousel-ind {
+  position: absolute;
+  top: -56px;
+  text-align: right;
+}
+.weadmin-notice .layui-carousel-ind ul {
+  background: 0 0;
+}
+.weadmin-notice .layui-carousel-ind ul li {
+  background-color: #e2e2e2;
+}
+.weadmin-notice .layui-carousel-ind ul li:hover {
+  background-color: #c2c2c2;
+}
+.weadmin-notice .layui-carousel-ind ul li.layui-this {
+  background-color: #999;
+}

src/main/webapp/Faxuanyuan/dati.html

@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>沪法云活动管理</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+  
+    <div class="layui-fluid">
+      <div class="layui-row layui-col-space15">
+        <div class="layui-col-md12">
+          <div class="layui-card">
+            <div class="layui-card-header">每日答题</div>
+            <form class="layui-form" action="" lay-filter="component-form-group">
+              <div class="layui-card-body">
+                <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                  昵称：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  日期：
+                  <div class="layui-inline">
+                      <input type="text" name="date" id="test-laydate-start" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" lay-key="1">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  <button class="layui-btn" data-type="reload">搜索</button>
+                  <button class="layui-btn layui-btn-danger" data-type="reload">导出</button>
+                </div>
+                <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+                
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <script src="./layui/layui.js"></script>  
+    <script>
+    layui.config({
+      base: './' //静态资源所在路径
+    }).extend({
+      index: 'lib/index' //主入口模块
+    }).use(['index', 'table','laydate'], function(){
+      var table = layui.table
+      ,admin = layui.admin;
+      var laydate = layui.laydate;
+      
+      //开始日期
+      var insStart = laydate.render({
+        elem: '#test-laydate-start'
+        ,min: 0
+        ,done: function(value, date){
+          //更新结束日期的最小日期
+          insEnd.config.min = lay.extend({}, date, {
+            month: date.month - 1
+          });
+          
+          //自动弹出结束日期的选择器
+         insEnd.config.elem[0].focus();
+        }
+      });
+      
+      
+      table.render({
+        elem: '#test-table-operate'
+        ,url: './layui/demo/table.js'
+        ,cols: [[
+          {field:'id', title:'ID',  unresize: true, sort: true}
+          ,{field:'username', title:'昵称'}
+          ,{field:'sign',  title: '日期'}
+          ,{field:'sex',  title: '得分'}
+          ,{field:'city', title: '正确数量'}
+          ,{field:'city', title: '错误数量'}
+          ,{field:'city', title: '记录日期'}
+        ]]
+        ,page: {
+          layout: [ 'prev', 'page', 'next', 'skip','count']
+        }
+      });
+      
+      //监听表格复选框选择
+      table.on('checkbox(test-table-operate)', function(obj){
+        console.log(obj)
+      });
+      //监听工具条
+      table.on('tool(test-table-operate)', function(obj){
+        var data = obj.data;
+        if(obj.event === 'detail'){
+          layer.msg('ID：'+ data.id + ' 的查看操作');
+        } else if(obj.event === 'del'){
+          layer.confirm('真的删除行么', function(index){
+            obj.del();
+            layer.close(index);
+          });
+        } else if(obj.event === 'edit'){
+          layer.alert('编辑行：<br>'+ JSON.stringify(data))
+        }
+      });
+      
+      var $ = layui.$, active = {
+        getCheckData: function(){ //获取选中数据
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.alert(JSON.stringify(data));
+        }
+        ,getCheckLength: function(){ //获取选中数目
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.msg('选中了：'+ data.length + ' 个');
+        }
+        ,isAll: function(){ //验证是否全选
+          var checkStatus = table.checkStatus('test-table-operate');
+          layer.msg(checkStatus.isAll ? '全选': '未全选')
+        }
+      };
+      
+      $('.test-table-operate-btn .layui-btn').on('click', function(){
+        var type = $(this).data('type');
+        active[type] ? active[type].call(this) : '';
+      });
+    
+    });
+    </script>
+    </body>
+    </html>

src/main/webapp/Faxuanyuan/dengji.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>沪法云活动管理</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+  
+    <div class="layui-fluid">
+      <div class="layui-row layui-col-space15">
+        <div class="layui-col-md12">
+          <div class="layui-card">
+            <div class="layui-card-header">用户等级管理</div>
+            <form class="layui-form" action="" lay-filter="component-form-group">
+              <div class="layui-card-body">
+                <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                  名称：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  积分要求：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  <button class="layui-btn" data-type="reload">搜索</button>
+                  <button class="layui-btn layui-btn-danger" data-type="reload">新增等级</button>
+                </div>
+                <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+                
+                <script type="text/html" id="test-table-operate-barDemo">
+                  <a href="hudongbianji.html" class="layui-btn layui-btn-sm" lay-event="edit"> 编辑 </a>
+                  <a href="hudongbianji.html" class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del"> 删除 </a>
+                </script>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <script src="./layui/layui.js"></script>  
+    <script>
+    layui.config({
+      base: './' //静态资源所在路径
+    }).extend({
+      index: 'lib/index' //主入口模块
+    }).use(['index', 'table','laydate'], function(){
+      var table = layui.table
+      ,admin = layui.admin;
+      var laydate = layui.laydate;
+      
+      //开始日期
+      var insStart = laydate.render({
+        elem: '#test-laydate-start'
+        ,min: 0
+        ,done: function(value, date){
+          //更新结束日期的最小日期
+          insEnd.config.min = lay.extend({}, date, {
+            month: date.month - 1
+          });
+          
+          //自动弹出结束日期的选择器
+         insEnd.config.elem[0].focus();
+        }
+      });
+      
+      //结束日期
+      var insEnd = laydate.render({
+        elem: '#test-laydate-end'
+        ,min: 0
+        ,done: function(value, date){
+          //更新开始日期的最大日期
+          insStart.config.max = lay.extend({}, date, {
+            month: date.month - 1
+          });
+        }
+      });
+      
+      table.render({
+        elem: '#test-table-operate'
+        ,url: './layui/demo/table.js'
+        ,cols: [[
+          {field:'id', title:'ID',  unresize: true, sort: true}
+          ,{field:'username', title:'名称'}
+          ,{field:'sign',  title: '积分要求'}
+          ,{width:180, align:'center',title: '操作',fixed: 'right', toolbar: '#test-table-operate-barDemo'}
+        ]]
+        ,page: {
+          layout: [ 'prev', 'page', 'next', 'skip','count']
+        }
+      });
+      
+      //监听表格复选框选择
+      table.on('checkbox(test-table-operate)', function(obj){
+        console.log(obj)
+      });
+      //监听工具条
+      table.on('tool(test-table-operate)', function(obj){
+        var data = obj.data;
+        if(obj.event === 'detail'){
+          layer.msg('ID：'+ data.id + ' 的查看操作');
+        } else if(obj.event === 'del'){
+          layer.confirm('真的删除行么', function(index){
+            obj.del();
+            layer.close(index);
+          });
+        } else if(obj.event === 'edit'){
+          layer.alert('编辑行：<br>'+ JSON.stringify(data))
+        }
+      });
+      
+      var $ = layui.$, active = {
+        getCheckData: function(){ //获取选中数据
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.alert(JSON.stringify(data));
+        }
+        ,getCheckLength: function(){ //获取选中数目
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.msg('选中了：'+ data.length + ' 个');
+        }
+        ,isAll: function(){ //验证是否全选
+          var checkStatus = table.checkStatus('test-table-operate');
+          layer.msg(checkStatus.isAll ? '全选': '未全选')
+        }
+      };
+      
+      $('.test-table-operate-btn .layui-btn').on('click', function(){
+        var type = $(this).data('type');
+        active[type] ? active[type].call(this) : '';
+      });
+    
+    });
+    </script>
+    </body>
+    </html>

src/main/webapp/Faxuanyuan/element.html

@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>沪法云活动管理</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+  
+    <div class="layui-fluid">
+      <div class="layui-row layui-col-space15">
+        <div class="layui-col-md12">
+            <form class="layui-form" action="" lay-filter="component-form-element">
+            <div class="layui-card">
+              <div class="layui-card-header">沪法云活动管理</div>
+              <div class="layui-card-body">
+                <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                  姓名：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  手机号：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  主办方：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  职业信息
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  <button class="layui-btn" data-type="reload">搜索</button>
+                </div>
+                <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+                
+                <script type="text/html" id="test-table-operate-barDemo">
+                  <input type="checkbox" name="marriage" lay-skin="switch" lay-text="审核通过|审核不通过">
+                  <a href="hudongnei.html" class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del"> 编辑 </a>
+                </script>
+              </div>
+            </div>
+            </form>
+        </div>
+      </div>
+    </div>
+    
+    <script src="./layui/layui.js"></script>  
+    <script>
+    layui.config({
+      base: './' //静态资源所在路径
+    }).extend({
+      index: 'lib/index' //主入口模块
+    }).use(['index', 'table','laydate','form'], function(){
+      var table = layui.table
+      ,element = layui.element
+      ,form = layui.form
+      ,admin = layui.admin;
+      var laydate = layui.laydate;
+      form.render(null, 'component-form-element');
+      element.render('breadcrumb', 'breadcrumb');
+      
+      form.on('submit(component-form-element)', function(data){
+        layer.msg(JSON.stringify(data.field));
+        return false;
+      });
+
+      //开始日期
+      var insStart = laydate.render({
+        elem: '#test-laydate-start'
+        ,min: 0
+        ,done: function(value, date){
+          //更新结束日期的最小日期
+          insEnd.config.min = lay.extend({}, date, {
+            month: date.month - 1
+          });
+          
+          //自动弹出结束日期的选择器
+         insEnd.config.elem[0].focus();
+        }
+      });
+      
+      //结束日期
+      var insEnd = laydate.render({
+        elem: '#test-laydate-end'
+        ,min: 0
+        ,done: function(value, date){
+          //更新开始日期的最大日期
+          insStart.config.max = lay.extend({}, date, {
+            month: date.month - 1
+          });
+        }
+      });
+      
+      table.render({
+        elem: '#test-table-operate'
+        ,url: './layui/demo/table.js'
+        ,cols: [[
+          {field:'id', title:'ID',  unresize: true, sort: true}
+          ,{field:'username', title:'姓名'}
+          ,{field:'sign',  title: '手机号'}
+          ,{field:'sex',  title: '年龄'}
+          ,{field:'city', title: '职位信息'}
+          ,{field:'city', title: '报名时间'}
+          ,{field:'sign', title: '状态'}
+          ,{width:180, align:'center',title: '操作',fixed: 'right', toolbar: '#test-table-operate-barDemo'}
+        ]]
+        ,page: {
+          layout: [ 'prev', 'page', 'next', 'skip','count']
+        }
+      });
+      
+      //监听表格复选框选择
+      table.on('checkbox(test-table-operate)', function(obj){
+        console.log(obj)
+      });
+      //监听工具条
+      table.on('tool(test-table-operate)', function(obj){
+        var data = obj.data;
+        if(obj.event === 'detail'){
+          layer.msg('ID：'+ data.id + ' 的查看操作');
+        } else if(obj.event === 'del'){
+          layer.confirm('真的删除行么', function(index){
+            obj.del();
+            layer.close(index);
+          });
+        } else if(obj.event === 'edit'){
+          layer.alert('编辑行：<br>'+ JSON.stringify(data))
+        }
+      });
+      
+      var $ = layui.$, active = {
+        getCheckData: function(){ //获取选中数据
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.alert(JSON.stringify(data));
+        }
+        ,getCheckLength: function(){ //获取选中数目
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.msg('选中了：'+ data.length + ' 个');
+        }
+        ,isAll: function(){ //验证是否全选
+          var checkStatus = table.checkStatus('test-table-operate');
+          layer.msg(checkStatus.isAll ? '全选': '未全选')
+        }
+      };
+      
+      $('.test-table-operate-btn .layui-btn').on('click', function(){
+        var type = $(this).data('type');
+        active[type] ? active[type].call(this) : '';
+      });
+    
+    });
+    </script>
+    </body>
+    </html>

src/main/webapp/Faxuanyuan/form.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>加入表单元素 - 数据表格</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>数据表格</cite></a>
+      <a><cite>加入表单元素</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">加入表单元素</div>
+          <div class="layui-card-body">
+            <table class="layui-hide" id="test-table-form"></table>
+ 
+            <script type="text/html" id="test-table-switchTpl">
+              <!-- 这里的 checked 的状态只是演示 -->
+              <input type="checkbox" name="sex" lay-skin="switch" lay-text="女|男" lay-filter="test-table-sexDemo"
+               value="{{ d.id }}" data-json="{{ encodeURIComponent(JSON.stringify(d)) }}" {{ d.id == 10003 ? 'checked' : '' }}>
+            </script>
+             
+            <script type="text/html" id="test-table-checkboxTpl">
+              <!-- 这里的 checked 的状态只是演示 -->
+              <input type="checkbox" name="lock" title="锁定" lay-filter="test-table-lockDemo" 
+               value="{{d.id}}" data-json="{{ encodeURIComponent(JSON.stringify(d)) }}" {{ d.id == 10006 ? 'checked' : '' }}>
+            </script>
+            
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'table', 'form'], function(){
+    var table = layui.table
+    ,form = layui.form
+    ,$ = layui.$;
+  
+    table.render({
+      elem: '#test-table-form'
+      ,url:'./layui/demo/user.js'
+      ,cellMinWidth: 80
+      ,cols: [[
+        {type:'numbers'}
+        ,{type: 'checkbox'}
+        ,{field:'id', title:'ID', width:100, unresize: true, sort: true}
+        ,{field:'username', title:'用户名'}
+        ,{field:'city', title:'城市'}
+        ,{field:'wealth', title: '财富', minWidth:120, sort: true}
+        ,{field:'sex', title:'性别', width:85, templet: '#test-table-switchTpl', unresize: true}
+        ,{field:'lock', title:'是否锁定', width:110, templet: '#test-table-checkboxTpl', unresize: true}
+      ]]
+      ,page: true
+    });
+    
+    //监听性别操作
+    form.on('switch(test-table-sexDemo)', function(obj){
+      var json = JSON.parse(decodeURIComponent($(this).data('json')));
+      layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
+      
+      json = table.clearCacheKey(json);
+      console.log(json); //当前行数据
+    });
+    
+    //监听锁定操作
+    form.on('checkbox(test-table-lockDemo)', function(obj){
+    var json = JSON.parse(decodeURIComponent($(this).data('json')));
+      layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
+      
+      json = table.clearCacheKey(json);
+      console.log(json); //当前行数据
+    });
+  
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/fromdeml.html

@@ -0,0 +1,306 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>表单组合</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-fluid">
+    <div class="layui-card">
+      <div class="layui-card-header">添加活动</div>
+      <div class="layui-card-body" style="padding: 15px;">
+        <form class="layui-form" action="" lay-filter="component-form-group"></form>
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">活动名称</label>
+              <div class="layui-input-inline">
+                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+            
+            <div class="layui-inline">
+                <label class="layui-form-label">活动类型</label>
+                <div class="layui-input-inline">
+                  <select name="modules" lay-verify="required" lay-search="">
+                    <option value="1">现场活动</option>
+                    <option value="2">会议</option>
+                    <option value="3">日程工作</option>
+                  </select>
+                </div>
+              </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">主办方</label>
+              <div class="layui-input-inline">
+                <input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+            <div class="layui-inline">
+                <label class="layui-form-label">活动主题</label>
+                <div class="layui-input-inline">
+                  <select name="modules" lay-verify="required" lay-search="">
+                    <option value="1">依法治国</option>
+                    <option value="2">八五普法</option>
+                    <option value="3">谁执法谁普法</option>
+                    <option value="4">党内法规</option>
+                  </select>
+                </div>
+              </div>
+          </div>
+          
+          <div class="layui-col-md12">
+              <div class="layui-card">
+                <div class="layui-card-header">上传多张图片</div>
+                <div class="layui-card-body">
+                  <div class="layui-upload">
+                    <button type="button" class="layui-btn" id="test-upload-more">多图片上传</button> 
+                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+                      预览图：
+                      <div class="layui-upload-list" id="test-upload-more-list"></div>
+                   </blockquote>
+                  </div>
+                </div>
+              </div>
+            </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">验证身份证</label>
+            <div class="layui-input-block">
+              <input type="text" name="identity" lay-verify="identity" placeholder="" autocomplete="off" class="layui-input">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">自定义验证</label>
+            <div class="layui-input-inline">
+              <input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
+            </div>
+            <div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
+          </div>
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">范围</label>
+              <div class="layui-input-inline" style="width: 100px;">
+                <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
+              </div>
+              <div class="layui-form-mid">-</div>
+              <div class="layui-input-inline" style="width: 100px;">
+                <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">单行选择框</label>
+            <div class="layui-input-block">
+              <select name="interest" lay-filter="aihao">
+                <option value=""></option>
+                <option value="0">写作</option>
+                <option value="1" selected="">阅读</option>
+                <option value="2">游戏</option>
+                <option value="3">音乐</option>
+                <option value="4">旅行</option>
+              </select>
+            </div>
+          </div>
+          
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">分组选择框</label>
+              <div class="layui-input-inline">
+                <select name="quiz">
+                  <option value="">请选择问题</option>
+                  <optgroup label="城市记忆">
+                    <option value="你工作的第一个城市">你工作的第一个城市</option>
+                  </optgroup>
+                  <optgroup label="学生时代">
+                    <option value="你的工号">你的工号</option>
+                    <option value="你最喜欢的老师">你最喜欢的老师</option>
+                  </optgroup>
+                </select>
+              </div>
+            </div>
+            <div class="layui-inline">
+              <label class="layui-form-label">搜索选择框</label>
+              <div class="layui-input-inline">
+                <select name="modules" lay-verify="required" lay-search="">
+                  <option value="">直接选择或搜索选择</option>
+                  <option value="1">layer</option>
+                  <option value="2">form</option>
+                  <option value="3">layim</option>
+                  <option value="4">element</option>
+                  <option value="5">laytpl</option>
+                  <option value="6">upload</option>
+                  <option value="7">laydate</option>
+                  <option value="8">laypage</option>
+                  <option value="9">flow</option>
+                  <option value="10">util</option>
+                  <option value="11">code</option>
+                  <option value="12">tree</option>
+                  <option value="13">layedit</option>
+                  <option value="14">nav</option>
+                  <option value="15">tab</option>
+                  <option value="16">table</option>
+                  <option value="17">select</option>
+                  <option value="18">checkbox</option>
+                  <option value="19">switch</option>
+                  <option value="20">radio</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">联动选择框</label>
+            <div class="layui-input-block">
+              <div class="layui-inline">
+                <select name="quiz1">
+                  <option value="">请选择省</option>
+                  <option value="浙江" selected="">浙江省</option>
+                  <option value="你的工号">江西省</option>
+                  <option value="你最喜欢的老师">福建省</option>
+                </select>
+              </div>
+              <div class="layui-inline">
+                <select name="quiz2">
+                  <option value="">请选择市</option>
+                  <option value="杭州">杭州</option>
+                  <option value="宁波" disabled="">宁波</option>
+                  <option value="温州">温州</option>
+                  <option value="温州">台州</option>
+                  <option value="温州">绍兴</option>
+                </select>
+              </div>
+              <div class="layui-inline">
+                <select name="quiz3">
+                  <option value="">请选择县/区</option>
+                  <option value="西湖区">西湖区</option>
+                  <option value="余杭区">余杭区</option>
+                  <option value="拱墅区">临安市</option>
+                </select>
+              </div>
+              <div class="layui-inline">
+                <div class="layui-form-mid layui-word-aux">此处只是演示联动排版，并未做联动交互</div>
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">复选框</label>
+            <div class="layui-input-block">
+              <input type="checkbox" name="like[write]" title="写作">
+              <input type="checkbox" name="like[read]" title="阅读" checked="">
+              <input type="checkbox" name="like[game]" title="游戏">
+            </div>
+          </div>
+          
+          <div class="layui-form-item" pane="">
+            <label class="layui-form-label">原始复选框</label>
+            <div class="layui-input-block">
+              <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
+              <input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
+              <input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">开关-默认关</label>
+            <div class="layui-input-block">
+              <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">开关-默认开</label>
+            <div class="layui-input-block">
+              <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="component-form-switchTest" lay-text="ON|OFF">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">单选框</label>
+            <div class="layui-input-block">
+              <input type="radio" name="sex" value="男" title="男" checked="">
+              <input type="radio" name="sex" value="女" title="女">
+              <input type="radio" name="sex" value="禁" title="禁用" disabled="">
+            </div>
+          </div>
+          <div class="layui-form-item layui-form-text">
+            <label class="layui-form-label">普通文本域</label>
+            <div class="layui-input-block">
+              <textarea name="text" placeholder="请输入内容" class="layui-textarea"></textarea>
+            </div>
+          </div>        
+          <div class="layui-form-item layui-layout-admin">
+            <div class="layui-input-block">
+              <div class="layui-footer" style="left: 0;">
+                <button class="layui-btn" lay-submit="" lay-filter="component-form-demo1">立即提交</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+              </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+
+    
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'form', 'laydate'], function(){
+    var $ = layui.$
+    ,admin = layui.admin
+    ,element = layui.element
+    ,layer = layui.layer
+    ,laydate = layui.laydate
+    ,form = layui.form;
+    
+    form.render(null, 'component-form-group');
+
+    laydate.render({
+      elem: '#LAY-component-form-group-date'
+    });
+    
+    /* 自定义验证规则 */
+    form.verify({
+      title: function(value){
+        if(value.length < 5){
+          return '标题至少得5个字符啊';
+        }
+      }
+      ,pass: [/(.+){6,12}$/, '密码必须6到12位']
+      ,content: function(value){
+        layedit.sync(editIndex);
+      }
+    });
+    
+    /* 监听指定开关 */
+    form.on('switch(component-form-switchTest)', function(data){
+      layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
+        offset: '6px'
+      });
+      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+    });
+    
+    /* 监听提交 */
+    form.on('submit(component-form-demo1)', function(data){
+      parent.layer.alert(JSON.stringify(data.field), {
+        title: '最终的提交信息'
+      })
+      return false;
+    });
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/group.html

@@ -0,0 +1,303 @@
+
+
+
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>表单组合</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-fluid">
+    <div class="layui-card">
+      <div class="layui-card-header">表单组合</div>
+      <div class="layui-card-body" style="padding: 15px;">
+        <form class="layui-form" action="" lay-filter="component-form-group">
+          <div class="layui-form-item">
+            <label class="layui-form-label">单行输入框</label>
+            <div class="layui-input-block">
+              <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">验证必填项</label>
+            <div class="layui-input-block">
+              <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">验证手机</label>
+              <div class="layui-input-inline">
+                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+            <div class="layui-inline">
+              <label class="layui-form-label">验证邮箱</label>
+              <div class="layui-input-inline">
+                <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">多规则验证</label>
+              <div class="layui-input-inline">
+                <input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+            <div class="layui-inline">
+              <label class="layui-form-label">验证日期</label>
+              <div class="layui-input-inline">
+                <input type="text" name="date" id="LAY-component-form-group-date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+            <div class="layui-inline">
+              <label class="layui-form-label">验证链接</label>
+              <div class="layui-input-inline">
+                <input type="tel" name="url" lay-verify="url" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">验证身份证</label>
+            <div class="layui-input-block">
+              <input type="text" name="identity" lay-verify="identity" placeholder="" autocomplete="off" class="layui-input">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">自定义验证</label>
+            <div class="layui-input-inline">
+              <input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
+            </div>
+            <div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
+          </div>
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">范围</label>
+              <div class="layui-input-inline" style="width: 100px;">
+                <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
+              </div>
+              <div class="layui-form-mid">-</div>
+              <div class="layui-input-inline" style="width: 100px;">
+                <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">单行选择框</label>
+            <div class="layui-input-block">
+              <select name="interest" lay-filter="aihao">
+                <option value=""></option>
+                <option value="0">写作</option>
+                <option value="1" selected="">阅读</option>
+                <option value="2">游戏</option>
+                <option value="3">音乐</option>
+                <option value="4">旅行</option>
+              </select>
+            </div>
+          </div>
+          
+          
+          <div class="layui-form-item">
+            <div class="layui-inline">
+              <label class="layui-form-label">分组选择框</label>
+              <div class="layui-input-inline">
+                <select name="quiz">
+                  <option value="">请选择问题</option>
+                  <optgroup label="城市记忆">
+                    <option value="你工作的第一个城市">你工作的第一个城市</option>
+                  </optgroup>
+                  <optgroup label="学生时代">
+                    <option value="你的工号">你的工号</option>
+                    <option value="你最喜欢的老师">你最喜欢的老师</option>
+                  </optgroup>
+                </select>
+              </div>
+            </div>
+            <div class="layui-inline">
+              <label class="layui-form-label">搜索选择框</label>
+              <div class="layui-input-inline">
+                <select name="modules" lay-verify="required" lay-search="">
+                  <option value="">直接选择或搜索选择</option>
+                  <option value="1">layer</option>
+                  <option value="2">form</option>
+                  <option value="3">layim</option>
+                  <option value="4">element</option>
+                  <option value="5">laytpl</option>
+                  <option value="6">upload</option>
+                  <option value="7">laydate</option>
+                  <option value="8">laypage</option>
+                  <option value="9">flow</option>
+                  <option value="10">util</option>
+                  <option value="11">code</option>
+                  <option value="12">tree</option>
+                  <option value="13">layedit</option>
+                  <option value="14">nav</option>
+                  <option value="15">tab</option>
+                  <option value="16">table</option>
+                  <option value="17">select</option>
+                  <option value="18">checkbox</option>
+                  <option value="19">switch</option>
+                  <option value="20">radio</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">联动选择框</label>
+            <div class="layui-input-block">
+              <div class="layui-inline">
+                <select name="quiz1">
+                  <option value="">请选择省</option>
+                  <option value="浙江" selected="">浙江省</option>
+                  <option value="你的工号">江西省</option>
+                  <option value="你最喜欢的老师">福建省</option>
+                </select>
+              </div>
+              <div class="layui-inline">
+                <select name="quiz2">
+                  <option value="">请选择市</option>
+                  <option value="杭州">杭州</option>
+                  <option value="宁波" disabled="">宁波</option>
+                  <option value="温州">温州</option>
+                  <option value="温州">台州</option>
+                  <option value="温州">绍兴</option>
+                </select>
+              </div>
+              <div class="layui-inline">
+                <select name="quiz3">
+                  <option value="">请选择县/区</option>
+                  <option value="西湖区">西湖区</option>
+                  <option value="余杭区">余杭区</option>
+                  <option value="拱墅区">临安市</option>
+                </select>
+              </div>
+              <div class="layui-inline">
+                <div class="layui-form-mid layui-word-aux">此处只是演示联动排版，并未做联动交互</div>
+              </div>
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">复选框</label>
+            <div class="layui-input-block">
+              <input type="checkbox" name="like[write]" title="写作">
+              <input type="checkbox" name="like[read]" title="阅读" checked="">
+              <input type="checkbox" name="like[game]" title="游戏">
+            </div>
+          </div>
+          
+          <div class="layui-form-item" pane="">
+            <label class="layui-form-label">原始复选框</label>
+            <div class="layui-input-block">
+              <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
+              <input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
+              <input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
+            </div>
+          </div>
+          
+          <div class="layui-form-item">
+            <label class="layui-form-label">开关-默认关</label>
+            <div class="layui-input-block">
+              <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">开关-默认开</label>
+            <div class="layui-input-block">
+              <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="component-form-switchTest" lay-text="ON|OFF">
+            </div>
+          </div>
+          <div class="layui-form-item">
+            <label class="layui-form-label">单选框</label>
+            <div class="layui-input-block">
+              <input type="radio" name="sex" value="男" title="男" checked="">
+              <input type="radio" name="sex" value="女" title="女">
+              <input type="radio" name="sex" value="禁" title="禁用" disabled="">
+            </div>
+          </div>
+          <div class="layui-form-item layui-form-text">
+            <label class="layui-form-label">普通文本域</label>
+            <div class="layui-input-block">
+              <textarea name="text" placeholder="请输入内容" class="layui-textarea"></textarea>
+            </div>
+          </div>        
+          <div class="layui-form-item layui-layout-admin">
+            <div class="layui-input-block">
+              <div class="layui-footer" style="left: 0;">
+                <button class="layui-btn" lay-submit="" lay-filter="component-form-demo1">立即提交</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+              </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+
+    
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'form', 'laydate'], function(){
+    var $ = layui.$
+    ,admin = layui.admin
+    ,element = layui.element
+    ,layer = layui.layer
+    ,laydate = layui.laydate
+    ,form = layui.form;
+    
+    form.render(null, 'component-form-group');
+
+    laydate.render({
+      elem: '#LAY-component-form-group-date'
+    });
+    
+    /* 自定义验证规则 */
+    form.verify({
+      title: function(value){
+        if(value.length < 5){
+          return '标题至少得5个字符啊';
+        }
+      }
+      ,pass: [/(.+){6,12}$/, '密码必须6到12位']
+      ,content: function(value){
+        layedit.sync(editIndex);
+      }
+    });
+    
+    /* 监听指定开关 */
+    form.on('switch(component-form-switchTest)', function(data){
+      layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
+        offset: '6px'
+      });
+      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+    });
+    
+    /* 监听提交 */
+    form.on('submit(component-form-demo1)', function(data){
+      parent.layer.alert(JSON.stringify(data.field), {
+        title: '最终的提交信息'
+      })
+      return false;
+    });
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/guanggao.html

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>banner管理</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-fluid">
+    <div class="layui-card">
+      <div class="layui-card-header">banner管理</div>
+      <div class="layui-card-body" style="padding: 15px;">
+        <form class="layui-form" action="" lay-filter="component-form-group">
+          <div class="layui-form-item">
+            <label class="layui-form-label">banner名称</label>
+            <div class="layui-input-block">
+              <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
+            </div>
+          </div>
+          <div class="layui-form-item">
+              <label class="layui-form-label">所属单位</label>
+              <div class="layui-input-block">
+                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
+              </div>
+          </div>
+          <div class="layui-card-header">上传多张图片（只能上传 jpg/png 文件，且不超过 500kb，图片尺寸比例：4.5：1 ）</div>
+          <div class="layui-card-body">
+            <div class="layui-upload">
+              <button type="button" class="layui-btn" id="test-upload-more">多图片上传</button> 
+              <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+                预览图：
+                <div class="layui-upload-list" id="test-upload-more-list"></div>
+            </blockquote>
+            </div>
+          </div>
+          <div class="layui-form-item">
+              <div class="layui-input-block">
+                <button class="layui-btn" lay-submit="" lay-filter="component-form-element">立即提交</button>
+              </div>
+            </div>
+      </div>
+      
+    </form>
+    </div>
+  </div>
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'form', 'laydate'], function(){
+    var $ = layui.$
+    ,admin = layui.admin
+    ,element = layui.element
+    ,layer = layui.layer
+    ,laydate = layui.laydate
+    ,form = layui.form;
+    
+    form.render(null, 'component-form-group');
+
+    laydate.render({
+      elem: '#LAY-component-form-group-date'
+    });
+    
+    /* 自定义验证规则 */
+    form.verify({
+      title: function(value){
+        if(value.length < 5){
+          return '标题至少得5个字符啊';
+        }
+      }
+      ,pass: [/(.+){6,12}$/, '密码必须6到12位']
+      ,content: function(value){
+        layedit.sync(editIndex);
+      }
+    });
+    
+    /* 监听指定开关 */
+    form.on('switch(component-form-switchTest)', function(data){
+      layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
+        offset: '6px'
+      });
+      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+    });
+    
+    /* 监听提交 */
+    form.on('submit(component-form-demo1)', function(data){
+      parent.layer.alert(JSON.stringify(data.field), {
+        title: '最终的提交信息'
+      })
+      return false;
+    });
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/hudongbianji.html

@@ -0,0 +1,460 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>添加活动</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SyrLELQOwHi3f99fRAoTZoExE2Wdy0Gv"></script>
+    <style>
+        .layui-upload-img {
+            width: 92px;
+            height: 92px;
+            margin: 0 10px 10px 0;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="layui-fluid">
+        <div class="layui-card">
+            <div class="layui-card-header">活动信息</div>
+            <div class="layui-card-body" style="padding: 15px;">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+                            <label class="layui-form-label">活动名称</label>
+                            <div class="layui-input-inline">
+                                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">活动类型</label>
+                            <div class="layui-input-inline">
+                                <select name="modules" lay-verify="required" lay-search="">
+                    <option value="1">现场活动</option>
+                    <option value="2">会议</option>
+                    <option value="3">日程工作</option>
+                  </select>
+                            </div>
+                        </div>
+
+                        <div class="layui-form-item">
+                            <div class="layui-inline">
+                                <label class="layui-form-label">主办方</label>
+                                <div class="layui-input-inline">
+                                    <input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
+                                </div>
+                            </div>
+                            <div class="layui-inline">
+                                <label class="layui-form-label">活动主题</label>
+                                <div class="layui-input-inline">
+                                    <select name="modules" lay-verify="required" lay-search="">
+                    <option value="1">依法治国</option>
+                    <option value="2">八五普法</option>
+                    <option value="3">谁执法谁普法</option>
+                    <option value="4">党内法规</option>
+                  </select>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="layui-card-header">普通图片上传</div>
+                        <div class="layui-card-body">
+                            <div class="layui-upload">
+                                <button type="button" class="layui-btn" id="test-upload-normal">上传图片</button>
+                                <div class="layui-upload-list">
+                                    <img class="layui-upload-img" id="test-upload-normal-img">
+                                    <p id="test-upload-demoText"></p>
+                                </div>
+                            </div>
+                            <blockquote class="layui-elem-quote">
+                                （只能上传 jpg/png 文件，且不超过 500kb，图片尺寸： 335*115）
+                            </blockquote>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="layui-card">
+            <div class="layui-card-header">场次信息</div>
+            <div class="layui-card-body" style="padding: 15px;">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+                            <label class="layui-form-label">时间</label>
+                            <div class="layui-input-inline">
+                                <input type="tel" name="phone" id="test-laydate-start" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" lay-key="1">
+                            </div>
+                        </div>
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">地点</label>
+                            <div class="layui-input-inline">
+                                <input type="tel" id="dingwei" name="phone" onclick="searchByStationName();" lay-verify="required|phone" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+                            <label class="layui-form-label">人数</label>
+                            <div class="layui-input-inline">
+                                <input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">报名</label>
+                        <div class="layui-input-block">
+                            <input type="radio" name="sex" value="需要审核" title="需要审核" checked="">
+                            <div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i>
+                                <div>需要审核</div>
+                            </div>
+                            <input type="radio" name="sex" value="不需要审核" title="不需要审核">
+                            <div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i>
+                                <div>不需要审核</div>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="layui-card">
+            <div class="layui-card-header">答题设置</div>
+            <div class="layui-card-body" style="padding: 15px;">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+                            <label class="layui-form-label">题目数量</label>
+                            <div class="layui-input-inline">
+                                <input type="number" name="num" lay-verify="required|number"  autocomplete="off" class="layui-input">
+                            </div>
+                        </div>
+
+                        <div class="layui-inline">
+                            <label class="layui-form-label">方式</label>
+                            <div class="layui-input-inline">
+                                <select name="modules" lay-verify="required" lay-search="">
+                                    <option value="1">随机</option>
+                                    <option value="2">会议</option>
+                                    <option value="3">日程工作</option>
+                                </select>
+                            </div>
+                        </div>
+
+
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="layui-card">
+            <div class="layui-card-header">留言</div>
+            <div class="layui-card-body" style="padding: 15px;">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+
+                            <div class="layui-input-inline">
+                                <input type="radio" name="note" value="false" title="不需要">
+                                <input type="radio" name="note" value="true" title="需要" checked>
+                            </div>
+                        </div>
+
+                        <div class="layui-inline">
+
+                            <div class="layui-input-inline">
+                                <select name="modules" lay-verify="required" lay-search="">
+                                    <option value="1" checked>审核</option>
+                                    <option value="2">不审核</option>
+                                </select>
+                            </div>
+                        </div>
+
+
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="layui-card">
+            <div class="layui-card-header">投票</div>
+            <div class="layui-card-body" style="padding: 15px;">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+
+                            <div class="layui-input-inline">
+                                <input type="radio" name="voter" value="false" title="不需要">
+                                <input type="radio" name="voter" value="true" title="需要" checked>
+                            </div>
+                        </div>
+
+
+
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">投票描述</label>
+                        <div class="layui-input-inline">
+                            <input type="text" name="substr" required  lay-verify="required" placeholder="投票描述" autocomplete="off" class="layui-input">
+                        </div>
+                    </div>
+
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">投票项类型</label>
+                        <div class="layui-input-inline">
+                            <input type="text" name="voter_type" required  lay-verify="required" placeholder="投票描述" autocomplete="off" class="layui-input">
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">投票项</label>
+
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">名称1</label>
+                        <div class="layui-input-inline">
+                            <input type="text" name="voter_name1" required  lay-verify="required" placeholder="名称1" autocomplete="off" class="layui-input">
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <label class="layui-form-label">头像1</label>
+                        <div class="layui-input-inline">
+                            <button type="button" class="layui-btn" id="test1">
+                                <i class="layui-icon">&#xe67c;</i>上传图片
+                            </button>
+
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="layui-card">
+            <div class="layui-card-header">抽奖</div>
+            <div class="layui-card-body" style="padding: 15px;">
+                <form class="layui-form" action="" lay-filter="component-form-group">
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+
+                            <div class="layui-input-inline">
+                                <input type="radio" name="note" value="false" title="不需要">
+                                <input type="radio" name="note" value="true" title="需要" checked>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+                        <div class="layui-inline">
+
+                            <label class="layui-form-label">奖品设置</label>
+                            <div class="layui-input-inline">
+                                <button class="layui-btn  layui-btn-sm ">
+                                    <i class="layui-icon">&#xe608;</i>
+                                </button>
+
+                                <button class="layui-btn layui-btn-sm layui-btn-primary">
+                                    <i class="layui-icon">&#xe640;</i>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="layui-form-item">
+
+                        <div class="layui-inline">
+
+                            <div class="layui-input-inline">
+                                <input type="text" name="number" lay-verify="required" autocomplete="off" class="layui-input">
+                            </div>
+                            <div class="layui-input-inline">
+                                <input type="number" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
+
+                            </div>
+                        </div>
+                    </div>
+
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <div class="layui-input-block">
+                <button id="layui-submit" class="layui-btn" lay-submit="" lay-filter="component-form-element">立即提交</button>
+                <button type="reset" id='back' class="layui-btn layui-btn-primary">返回</button>
+            </div>
+        </div>
+    </div>
+    <script src="./layui/layui.js"></script>
+    <script>
+
+
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'form', 'laydate', 'upload'], function() {
+            var $ = layui.$,
+                admin = layui.admin,
+                element = layui.element,
+                upload = layui.upload,
+                layer = layui.layer,
+                laydate = layui.laydate,
+                form = layui.form;
+
+            form.render(null, 'component-form-group');
+
+            var uploadInst = upload.render({
+                elem: '#test-upload-normal',
+                url: '/upload/',
+                before: function(obj) {
+                    //预读本地文件示例，不支持ie8
+                    obj.preview(function(index, file, result) {
+                        $('#test-upload-normal-img').attr('src', result); //图片链接（base64）
+                    });
+                },
+                done: function(res) {
+                    //如果上传失败
+                    if (res.code > 0) {
+                        return layer.msg('上传失败');
+                    }
+                    //上传成功
+                },
+                error: function() {
+                    //演示失败状态，并实现重传
+                    var demoText = $('#test-upload-demoText');
+                    demoText.html('<span style="color: #FF5722;">上传成功</span> ');
+                    demoText.find('.demo-reload').on('click', function() {
+                        uploadInst.upload();
+                    });
+                }
+            });
+
+            var uploadInst2 = upload.render({
+                elem: '#test1' //绑定元素
+                ,url: '/upload/' //上传接口
+                ,done: function(res){
+                    //上传完毕回调
+                }
+                ,error: function(){
+                    //请求异常回调
+                }
+            });
+
+            laydate.render({
+                elem: '#LAY-component-form-group-date'
+            });
+
+            var insStart = laydate.render({
+                elem: '#test-laydate-start',
+                min: 0,
+                done: function(value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            /* 自定义验证规则 */
+            form.verify({
+                title: function(value) {
+                    if (value.length < 5) {
+                        return '标题至少得5个字符啊';
+                    }
+                },
+                pass: [/(.+){6,12}$/, '密码必须6到12位'],
+                content: function(value) {
+                    layedit.sync(editIndex);
+                }
+            });
+
+            /* 监听指定开关 */
+            form.on('switch(component-form-switchTest)', function(data) {
+                layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
+                    offset: '6px'
+                });
+                layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
+            });
+
+            /* 监听提交 */
+            form.on('submit(component-form-demo1)', function(data) {
+                layer.msg('数据提交成功！');
+                return false;
+            });
+            //这个是点击之后才添加的。
+            $('#layui-submit').on('click', function() {
+                layer.msg('数据提交成功！');
+            });
+            $('#back').on('click', function() {
+                history.back()
+            });
+            $('#dingwei').on('click', function() {
+                var con = '<div style="width:530px;margin:auto;">' +
+                    '<input id="text_" class="layui-input" type="text" placeholder="请输入要查询的地址" style="width:60%;display: inline;"/>&nbsp;&nbsp;' +
+                    '<input type="button" value="查询" class="layui-btn" onclick="searchByStationName();"/>' +
+                    '<div id="container" style="position: absolute; margin-top:30px;width: 530px;height: 390px;top: 50;border: 1px solid gray;overflow:hidden;">' +
+                    '</div>';
+
+                layer.open({
+                    type: 1,
+                    title: '选择经纬度',
+                    content: con,
+                    area: ['600px', '550px'],
+                    yes: function(index, layero) {
+                        //这是核心的代码。
+                        parent.tab.tabAdd({
+                            href: $(layero).find('input[name=url]').val(), //地址
+                            icon: $(layero).find('input[name=icon]').val(),
+                            title: $(layero).find('input[name=title]').val()
+                        });
+                    },
+                    shade: false,
+                    maxmin: true
+                });
+
+                map = new BMap.Map("container");
+                map.centerAndZoom("上海", 12);
+                map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
+                map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
+
+                map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
+                map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
+                map.addControl(new BMap.OverviewMapControl({
+                    isOpen: true,
+                    anchor: BMAP_ANCHOR_BOTTOM_RIGHT
+                })); //右下角，打开
+
+                localSearch = new BMap.LocalSearch(map);
+                localSearch.enableAutoViewport(); //允许自动调节窗体大小
+
+
+            });
+        });
+
+        function searchByStationName() {
+            map.clearOverlays(); //清空原来的标注
+            var keyword = document.getElementById("text_").value;
+            localSearch.setSearchCompleteCallback(function(searchResult) {
+                var poi = searchResult.getPoi(0);
+                document.getElementById("dingwei").value = poi.point.lng + "," + poi.point.lat;
+                map.centerAndZoom(poi.point, 13);
+                var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 创建标注，为要查询的地方对应的经纬度
+                map.addOverlay(marker);
+                var content = document.getElementById("text_").value + "<br/><br/>经度：" + poi.point.lng + "<br/>纬度：" + poi.point.lat;
+                var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
+                marker.addEventListener("click", function() {
+                    this.openInfoWindow(infoWindow);
+                });
+                //marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
+            });
+            localSearch.search(keyword);
+        }
+        searchByStationName();
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/huodong.html

@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>沪法云活动管理</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+
+<body>
+
+    <div class="layui-fluid">
+        <div class="layui-row layui-col-space15">
+            <div class="layui-col-md12">
+                <form class="layui-form" action="" lay-filter="component-form-element">
+                    <div class="layui-card">
+                        <div class="layui-card-header">沪法云活动管理</div>
+                        <div class="layui-card-body">
+                            <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                                活动名称：
+                                <div class="layui-inline">
+                                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                </div>&nbsp;&nbsp;&nbsp; 活动主题：
+                                <div class="layui-inline">
+                                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                </div>&nbsp;&nbsp;&nbsp; 主办方：
+                                <div class="layui-inline">
+                                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                </div>&nbsp;&nbsp;&nbsp; 活动状态：
+                                <div class="layui-input-inline">
+                                    <select name="modules" lay-verify="required" lay-search="">
+                      <option value="">全部</option>
+                      <option value="1">参加活动</option>
+                      <option value="2">历史活动</option>
+                    </select>
+                                </div>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
+                                <button class="layui-btn" data-type="reload">搜索</button>
+                                <button type="button" onclick="hudongbianji()" class="layui-btn layui-btn-warm" >新增</button>
+                                <button class="layui-btn layui-btn-danger" data-type="reload">导出</button>
+                            </div>
+                            <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+
+                            <script type="text/html" id="test-table-operate-barDemo">
+                                <button class="layui-btn layui-btn-sm" lay-event="show"> 查看 </button>
+                                <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="edit"> 编辑 </button>
+                            </script>
+                            <script type="text/html" id="test-table-operate-zhuantai">
+                                <input type="checkbox" name="marriage" lay-skin="switch" lay-text="开启|结束">
+                            </script>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'table', 'laydate', 'form'], function() {
+            var table = layui.table,
+                element = layui.element,
+                form = layui.form,
+                admin = layui.admin;
+            var laydate = layui.laydate;
+            form.render(null, 'component-form-element');
+            element.render('breadcrumb', 'breadcrumb');
+
+            form.on('submit(component-form-element)', function(data) {
+                // layer.msg(JSON.stringify(data.field));
+                return false;
+            });
+
+            //开始日期
+            var insStart = laydate.render({
+                elem: '#test-laydate-start',
+                min: 0,
+                done: function(value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            //结束日期
+            var insEnd = laydate.render({
+                elem: '#test-laydate-end',
+                min: 0,
+                done: function(value, date) {
+                    //更新开始日期的最大日期
+                    insStart.config.max = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+                }
+            });
+
+            table.render({
+                elem: '#test-table-operate',
+                url: './layui/demo/table.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '活动名称'
+                    }, {
+                        field: 'sign',
+                        title: '活动主题'
+                    }, {
+                        field: 'sex',
+                        title: '活动类型'
+                    }, {
+                        field: 'city',
+                        title: '主办方'
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '状态',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-zhuantai'
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '操作',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-barDemo'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+
+            // huodongnei
+
+
+            //监听表格复选框选择
+            table.on('checkbox(test-table-operate)', function(obj) {
+                console.log(obj)
+            });
+            //监听工具条
+            table.on('tool(test-table-operate)', function(obj) {
+                var data = obj.data;
+                if (obj.event === 'show') {
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './huodongnei.html?id=' + data.id
+                    });
+                } else if (obj.event === 'edit') {
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './huodongnei.html?id=' + data.id
+                    });
+                }
+            });
+
+            var $ = layui.$,
+                active = {
+                    getCheckData: function() { //获取选中数据
+                        var checkStatus = table.checkStatus('test-table-operate'),
+                            data = checkStatus.data;
+                        // layer.alert(JSON.stringify(data));
+                    },
+                    getCheckLength: function() { //获取选中数目
+                        var checkStatus = table.checkStatus('test-table-operate'),
+                            data = checkStatus.data;
+                        layer.msg('选中了：' + data.length + ' 个');
+                    },
+                    isAll: function() { //验证是否全选
+                        var checkStatus = table.checkStatus('test-table-operate');
+                        layer.msg(checkStatus.isAll ? '全选' : '未全选')
+                    }
+                };
+
+            $('.test-table-operate-btn .layui-btn').on('click', function() {
+                var type = $(this).data('type');
+                active[type] ? active[type].call(this) : '';
+            });
+
+        });
+
+        function hudongbianji() {
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './hudongbianji.html'
+            });
+        }
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/huodongnei.html

@@ -0,0 +1,828 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>编辑活动</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./css/admin.css" media="all">
+    <style>
+        .layui-upload-img {
+            width: 92px;
+            height: 92px;
+            margin: 0 10px 10px 0;
+        }
+    </style>
+</head>
+
+<body>
+
+
+    <div class="layui-fluid" id="component-tabs">
+        <div class="layui-row">
+            <div class="layui-col-md12">
+                <form class="layui-form" action="" lay-filter="component-form-element">
+                    <div class="layui-card">
+                        <div class="layui-card-header">活动信息管理</div>
+                        <div class="layui-card-body">
+                            <div class="layui-tab">
+                                <ul class="layui-tab-title">
+                                    <li class="layui-this">基本信息</li>
+                                    <li>报名 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                    <li>签到 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                    <li>留言 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                    <li>投票 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                    <li>抽奖 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                    <li>答题 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                    <li>视频资料 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
+                                </ul>
+                                <div class="layui-tab-content">
+                                    <div class="layui-tab-item layui-show">
+                                        <div class="layui-card">
+                                            <div class="layui-card-header">活动信息</div>
+                                            <div class="layui-card-body" style="padding: 15px;">
+                                                <div class="layui-form-item">
+                                                    <div class="layui-inline">
+                                                        <label class="layui-form-label">活动名称</label>
+                                                        <div class="layui-input-inline">
+                                                            <input type="tel" name="name" lay-verify="required" autocomplete="off" class="layui-input">
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="layui-inline">
+                                                        <label class="layui-form-label">活动类型</label>
+                                                        <div class="layui-input-inline">
+                                                            <select name="modules" lay-verify="required" lay-search="">
+                                          <option value="1">现场活动</option>
+                                          <option value="2">会议</option>
+                                          <option value="3">日程工作</option>
+                                        </select>
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="layui-form-item">
+                                                        <div class="layui-inline">
+                                                            <label class="layui-form-label">主办方</label>
+                                                            <div class="layui-input-inline">
+                                                                <input type="text" name="boss" lay-verify="required" autocomplete="off" class="layui-input">
+                                                            </div>
+                                                        </div>
+                                                        <div class="layui-inline">
+                                                            <label class="layui-form-label">活动主题</label>
+                                                            <div class="layui-input-inline">
+                                                                <select name="modules" lay-verify="required" lay-search="">
+                                          <option value="1">依法治国</option>
+                                          <option value="2">八五普法</option>
+                                          <option value="3">谁执法谁普法</option>
+                                          <option value="4">党内法规</option>
+                                        </select>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="layui-card-header">普通图片上传</div>
+                                                    <div class="layui-card-body">
+                                                        <div class="layui-upload">
+                                                            <button type="button" class="layui-btn" id="test-upload-normal">上传图片</button>
+                                                            <div class="layui-upload-list">
+                                                                <img class="layui-upload-img" id="test-upload-normal-img">
+                                                                <p id="test-upload-demoText"></p>
+                                                            </div>
+                                                        </div>
+                                                        <blockquote class="layui-elem-quote">
+                                                            （只能上传 jpg/png 文件，且不超过 500kb，图片尺寸： 335*115）
+                                                        </blockquote>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-card">
+                                            <div class="layui-card-header">场次信息</div>
+                                            <div class="layui-card-body" style="padding: 15px;">
+                                                <div class="layui-form-item">
+                                                    <div class="layui-inline">
+                                                        <label class="layui-form-label">时间</label>
+                                                        <div class="layui-input-inline">
+                                                            <input type="tel" name="activityDate" id="test-laydate-start" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" lay-key="1">
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="layui-inline">
+                                                        <label class="layui-form-label">地点</label>
+                                                        <div class="layui-input-inline">
+                                                            <input type="tel" id="dingwei" name="activityAddress" onclick="searchByStationName();" lay-verify="required" autocomplete="off" class="layui-input">
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="layui-form-item">
+                                                    <div class="layui-inline">
+                                                        <label class="layui-form-label">人数</label>
+                                                        <div class="layui-input-inline">
+                                                            <input type="text" name="activityQuantity" lay-verify="required|number" autocomplete="off" class="layui-input">
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="layui-form-item">
+                                                    <label class="layui-form-label">报名</label>
+                                                    <div class="layui-input-block">
+                                                        <input type="radio" name="sex" value="需要审核" title="需要审核" checked="">
+                                                        <div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i>
+                                                            <div>需要审核</div>
+                                                        </div>
+                                                        <input type="radio" name="sex" value="不需要审核" title="不需要审核">
+                                                        <div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i>
+                                                            <div>不需要审核</div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="layui-form-item">
+                                                    <div class="layui-input-block">
+                                                        <button class="layui-btn" lay-submit="" lay-filter="component-form-element">立即提交</button>
+                                                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="layui-tab-item">
+                                        <form class="layui-form" action="">
+                                            <div class="layui-card">
+                                                <div class="layui-card-body">
+                                                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                                                        姓名：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name" autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp; 手机号：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name"  autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp; 主办方：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name"  autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp; 职业信息
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name"  autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp;
+                                                        <button class="layui-btn" data-type="reload">搜索</button>
+                                                    </div>
+                                                    <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+
+                                                    <script type="text/html" id="test-table-operate-barDemo">
+                                                        <input type="checkbox" name="marriage" lay-skin="switch" lay-event="switch" checked lay-text="审核通过|审核不通过">
+                                                        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="edit"> 编辑 </button>
+                                                    </script>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                    <div class="layui-tab-item">
+                                        <form class="layui-form" action="" lay-filter="component-form-element">
+                                            <div class="layui-card">
+                                                <div class="layui-card-body">
+                                                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                                                        姓名：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp; 手机号：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp; 职业信息
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp;
+                                                        <button class="layui-btn" data-type="reload">搜索</button>
+                                                    </div>
+                                                    <table class="layui-hide" id="test-table-qiandao" lay-filter="test-table-qiandao"></table>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                    <div class="layui-tab-item">
+                                        <form class="layui-form" action="" lay-filter="component-form-element">
+                                            <div class="layui-card">
+                                                <div class="layui-card-body">
+                                                    <table class="layui-hide" id="test-table-liuyan" lay-filter="test-table-operate"></table>
+                                                    <script type="text/html" id="test-table-operate-liuyan">
+                                                        <button class="layui-btn layui-btn-sm" lay-event="edit5" type="button"> 转换状态 </button>
+
+                                                    </script>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                    <div class="layui-tab-item">
+
+                                        <form class="layui-form" action="" lay-filter="component-form-element">
+                                            <div class="layui-card">
+                                                <div class="layui-card-header">
+                                                    <span>
+                                                        投票描述：最佳讲师&nbsp;&nbsp;&nbsp;投票类型：单选&nbsp;&nbsp;&nbsp;投票数量：1
+                                                    </span>
+                                                    &nbsp;&nbsp;&nbsp;
+                                                    <button onclick="changeVoter()" type="button" class="layui-btn layui-btn-sm" id="upload">
+                                                       修改投票信息
+                                                    </button>
+                                                </div>
+                                                <div class="layui-card-body">
+                                                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                                                        选项名称：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp; 状态：
+                                                        <div class="layui-input-inline">
+                                                            <select name="modules" lay-verify="required" lay-search="">
+                                                <option value="1">启用</option>
+                                                <option value="2">停用</option>
+                                              </select>
+                                                        </div>&nbsp;&nbsp;&nbsp;
+
+                                                        <button class="layui-btn" data-type="reload">搜索</button>
+                                                        <button type="button" onclick="addVoter()" class="layui-btn layui-btn-warm">新增</button>
+                                                    </div>
+                                                    <table class="layui-hide" id="test-table-toupiao" lay-filter="test-table-operate"></table>
+                                                    <script type="text/html" id="test-table-operate-toupiao">
+                                                        <button type="button"  class="layui-btn layui-btn-sm" lay-event="edit2"> 编辑 </button>
+                                                    </script>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                    <div class="layui-tab-item">
+                                        <form class="layui-form" action="" lay-filter="component-form-element">
+                                            <div class="layui-card">
+                                                <div class="layui-card-body">
+                                                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+
+                                                        <button type="button" onclick="addLuck()" class="layui-btn layui-btn-warm">新增抽奖项</button>
+                                                    </div>
+                                                    <table class="layui-hide" id="test-table-choujiang" lay-filter="test-table-operate"></table>
+                                                    <script type="text/html" id="test-table-operate-choujiang">
+                                                        <button type="button" class="layui-btn layui-btn-sm" lay-event="edit4"> 编辑 </button>
+                                                    </script>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                    <div class="layui-tab-item">
+                                        <form class="layui-form" action="" lay-filter="component-form-element">
+                                            <div class="layui-card">
+                                                <div class="layui-card-header">
+                                                    <span>房间信息</span>
+                                                    <button type="button" onclick="changeRoom()" class="layui-btn layui-btn-sm" lay-event="edit"> 修改房间信息 </button>
+
+                                                </div>
+                                                <div class="layui-card-body">
+                                                    <div class="layui-row">
+                                                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
+                                                            房间名称：     上海市司法局宪法知识竞赛
+                                                        </div>
+                                                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
+                                                            用户数量：     150
+                                                        </div>
+                                                    </div>
+
+                                                    <div class="layui-row">
+                                                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
+                                                            单位名称：     上海市司法局
+                                                        </div>
+                                                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
+                                                            等待时间：     20
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="layui-card">
+                                                <div class="layui-card-header">
+                                                    题目信息
+                                                </div>
+                                                <div class="layui-card-body">
+                                                    <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                                                        题目关键词：
+                                                        <div class="layui-inline">
+                                                            <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                                                        </div>&nbsp;&nbsp;&nbsp;
+                                                        <button type="button" onclick="addSubject()" class="layui-btn">添加新题目</button>
+                                                        <button type="button" onclick="chooseSubject()" class="layui-btn layui-btn-warm">从题库中选择题目</button>
+                                                    </div>
+                                                    <table class="layui-hide" id="test-table-dati" lay-filter="test-table-operate"></table>
+                                                    <script type="text/html" id="test-table-operate-dati">
+                                                        <a href="hudongbianji.html" class="layui-btn layui-btn-sm" lay-event="edit"> 删除 </a>
+                                                    </script>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                    <div class="layui-tab-item">
+                                        <div class="layui-card">
+                                            <div class="layui-card-header">视频资料：</div>
+                                            <div class="layui-card-body">
+                                                <button type="button" class="layui-btn" id="test-upload-type3"><i class="layui-icon"></i>上传视频</button>
+                                            </div>
+                                        </div>
+                                        <div class="layui-card">
+                                            <label class="layui-form-label">视频地址：</label>
+                                            <div class="layui-input-block">
+                                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
+                                            </div>
+                                        </div>
+                                        <div class="layui-card">
+                                            <div class="layui-input-block">
+                                                <button class="layui-btn" lay-submit="" lay-filter="component-form-element">立即提交</button>
+                                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <script src="./layui/layui.js"></script>
+    <script>
+        layui.config({
+            base: './' //静态资源所在路径
+        }).extend({
+            index: 'lib/index' //主入口模块
+        }).use(['index', 'table', 'laydate', 'form', 'upload', 'element'], function() {
+            var table = layui.table,
+                element = layui.element,
+                upload = layui.upload,
+                form = layui.form,
+                table1 = layui.table,
+                table2 = layui.table,
+                table3 = layui.table,
+                table4 = layui.table,
+                table5 = layui.table,
+                admin = layui.admin;
+            var laydate = layui.laydate;
+            form.render(null, 'component-form-element');
+            element.render('breadcrumb', 'breadcrumb');
+
+            var uploadInst = upload.render({
+                elem: '#test-upload-normal',
+                url: '/upload/',
+                before: function(obj) {
+                    //预读本地文件示例，不支持ie8
+                    obj.preview(function(index, file, result) {
+                        $('#test-upload-normal-img').attr('src', result); //图片链接（base64）
+                    });
+                },
+                done: function(res) {
+                    //如果上传失败
+                    if (res.code > 0) {
+                        return layer.msg('上传失败');
+                    }
+                    //上传成功
+                },
+                error: function() {
+                    //演示失败状态，并实现重传
+                    var demoText = $('#test-upload-demoText');
+                    demoText.html('<span style="color: #FF5722;">上传成功</span> ');
+                    demoText.find('.demo-reload').on('click', function() {
+                        uploadInst.upload();
+                    });
+                }
+            });
+
+            form.on('submit(component-form-element)', function(data) {
+                // layer.msg(JSON.stringify(data.field));
+
+                return false;
+            });
+            table.render({
+                elem: '#test-table-operate',
+                url: './layui/demo/table.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '姓名'
+                    }, {
+                        field: 'sign',
+                        title: '手机号'
+                    }, {
+                        field: 'sex',
+                        title: '年龄'
+                    }, {
+                        field: 'city',
+                        title: '职位信息'
+                    }, {
+                        field: 'city',
+                        title: '报名时间'
+                    }, {
+                        field: 'status',
+                        title: '状态',
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '操作',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-barDemo'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+            //监听行工具事件
+            table.on('tool(test-table-operate)', function(obj) {
+                console.log(obj)
+                if (obj.event == 'edit') {
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './signEdit.html'
+                    });
+                }else if (obj.event == 'edit2') {
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './addVoter.html'
+                    });
+                }else if (obj.event == 'edit5') {
+                    obj.update({
+                        status:obj.data.status=="审核通过"?"审核失败":"审核通过"
+                    })
+                }
+                else if(obj.event=='showPerson'){
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './personList.html'
+                    });
+                }
+                else if(obj.event=='edit4'){
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './luckDraw.html'
+                    });
+                }else if(obj.event=='showLuck'){
+                    layer.open({
+                        type: 2,
+                        area: ['70%', '75%'],
+                        fixed: false,
+                        maxmin: true,
+                        content: './chongjiangjilu.html'
+                    });
+                }
+
+
+            });
+
+            table1.render({
+                elem: '#test-table-qiandao',
+                url: './layui/demo/person.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '姓名'
+                    }, {
+                        field: 'phone',
+                        title: '手机号'
+                    }, {
+                        field: 'age',
+                        title: '年龄'
+                    }, {
+                        field: 'work',
+                        title: '职位信息'
+                    }, {
+                        field: 'signTime',
+                        title: '签到时间'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+            table2.render({
+                elem: '#test-table-toupiao',
+                url: './layui/demo/voter.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '选项名称'
+                    }, {
+                        field: 'img',
+                        title: '选项图片',
+                        unresize: true,
+                        sort: false,
+                        templet:'<div class="layer-photos-demo" style="cursor:pointer;"><img src="{{d.img}}"></div>'
+                    }, {
+                        // field: 'num',
+                        title: '票数',
+                        event:"showPerson",
+                        templet:'<div style="text-decoration: underline;color:#009688;cursor: pointer">{{d.num}}</div>'
+                    }, {
+                        field: 'status',
+                        title: '状态'
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '操作',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-toupiao'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+
+            table3.render({
+                elem: '#test-table-dati',
+                url: './layui/demo/table.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '题目'
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '操作',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-dati'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+            table4.render({
+                elem: '#test-table-choujiang',
+                url: './layui/demo/voter.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '奖项名称'
+                    }, {
+                        field: 'num',
+                        title: '数量',
+                        event:'showLuck'
+                    }, {
+                        field: 'start_flag',
+                        title: '状态',
+                        templet:'<div style="text-decoration: underline;color:#009688;cursor: pointer">{{d.start_flag==0?"未开始":(d.start_flag==1?"进行中":"已结束")}}</div>'
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '操作',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-choujiang'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+            table5.render({
+                elem: '#test-table-liuyan',
+                url: './layui/demo/table.js',
+                cols: [
+                    [{
+                        field: 'id',
+                        title: 'ID',
+                        unresize: true,
+                        sort: true
+                    }, {
+                        field: 'username',
+                        title: '昵称'
+                    }, {
+                        field: 'sign',
+                        title: '内容'
+                    }, {
+                        field: 'time',
+                        title: '发布时间'
+                    }, {
+                        field: 'status',
+                        title: '状态',
+                    }, {
+                        width: 180,
+                        align: 'center',
+                        title: '操作',
+                        fixed: 'right',
+                        toolbar: '#test-table-operate-liuyan'
+                    }]
+                ],
+                page: {
+                    layout: ['prev', 'page', 'next', 'skip', 'count']
+                }
+            });
+            /* 触发事件 */
+            var active = {
+                tabAdd: function() {
+                    /* 新增一个Tab项 */
+                    element.tabAdd('demo', {
+                        title: '新选项' + (Math.random() * 1000 | 0) /* 用于演示 */ ,
+                        content: '内容' + (Math.random() * 1000 | 0),
+                        id: new Date().getTime() /* 实际使用一般是规定好的id，这里以时间戳模拟下 */
+                    })
+                },
+                tabDelete: function(othis) {
+                    /* 删除指定Tab项 */
+                    element.tabDelete('demo', '22');
+                    othis.addClass('layui-btn-disabled');
+                },
+                tabChange: function() {
+                    /* 切换到指定Tab项 */
+                    element.tabChange('demo', '33');
+                }
+            };
+
+            var insStart = laydate.render({
+                elem: '#test-laydate-start',
+                min: 0,
+                done: function(value, date) {
+                    //更新结束日期的最小日期
+                    insEnd.config.min = lay.extend({}, date, {
+                        month: date.month - 1
+                    });
+
+                    //自动弹出结束日期的选择器
+                    insEnd.config.elem[0].focus();
+                }
+            });
+
+            $('#component-tabs .site-demo-active').on('click', function() {
+                var othis = $(this),
+                    type = othis.data('type');
+                active[type] ? active[type].call(this, othis) : '';
+            });
+
+            /* Hash地址的定位 */
+            var layid = router.hash.replace(/^#layid=/, '');
+            layid && element.tabChange('component-tabs-hash', layid);
+
+            element.on('tab(component-tabs-hash)', function(elem) {
+                location.hash = '/' + layui.router().path.join('/') + '#layid=' + $(this).attr('lay-id');
+            });
+
+            $('#dingwei').on('click', function() {
+                var con = '<div style="width:530px;margin:auto;">' +
+                    '<input id="text_" class="layui-input" type="text" placeholder="请输入要查询的地址" style="width:60%;display: inline;"/>&nbsp;&nbsp;' +
+                    '<input type="button" value="查询" class="layui-btn" onclick="searchByStationName();"/>' +
+                    '<div id="container" style="position: absolute; margin-top:30px;width: 530px;height: 390px;top: 50;border: 1px solid gray;overflow:hidden;">' +
+                    '</div>';
+
+                layer.open({
+                    type: 1,
+                    title: '选择经纬度',
+                    content: con,
+                    area: ['600px', '550px'],
+                    yes: function(index, layero) {
+                        //这是核心的代码。
+                        parent.tab.tabAdd({
+                            href: $(layero).find('input[name=url]').val(), //地址
+                            icon: $(layero).find('input[name=icon]').val(),
+                            title: $(layero).find('input[name=title]').val()
+                        });
+                    },
+                    shade: false,
+                    maxmin: true
+                });
+
+                map = new BMap.Map("container");
+                map.centerAndZoom("上海", 12);
+                map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
+                map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
+
+                map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
+                map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
+                map.addControl(new BMap.OverviewMapControl({
+                    isOpen: true,
+                    anchor: BMAP_ANCHOR_BOTTOM_RIGHT
+                })); //右下角，打开
+
+                localSearch = new BMap.LocalSearch(map);
+                localSearch.enableAutoViewport(); //允许自动调节窗体大小
+
+
+            });
+        });
+
+        function searchByStationName() {
+            map.clearOverlays(); //清空原来的标注
+            var keyword = document.getElementById("text_").value;
+            localSearch.setSearchCompleteCallback(function(searchResult) {
+                var poi = searchResult.getPoi(0);
+                document.getElementById("dingwei").value = poi.point.lng + "," + poi.point.lat;
+                map.centerAndZoom(poi.point, 13);
+                var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 创建标注，为要查询的地方对应的经纬度
+                map.addOverlay(marker);
+                var content = document.getElementById("text_").value + "<br/><br/>经度：" + poi.point.lng + "<br/>纬度：" + poi.point.lat;
+                var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
+                marker.addEventListener("click", function() {
+                    this.openInfoWindow(infoWindow);
+                });
+                //marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
+            });
+            localSearch.search(keyword);
+        }
+
+        function addVoter(){
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './addVoter.html'
+            });
+        }
+
+        function changeVoter(){
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './changeVoter.html'
+            });
+        }
+        function chooseSubject(){
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './xuanzetimu.html'
+            });
+        }
+        function addSubject(){
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './addSubject.html'
+            });
+        }
+
+        function addLuck(){
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './luckDraw.html'
+            });
+        }
+
+        function changeRoom(){
+            layer.open({
+                type: 2,
+                area: ['70%', '75%'],
+                fixed: false,
+                maxmin: true,
+                content: './changeRoom.html'
+            });
+        }
+
+
+
+
+        searchByStationName();
+
+    </script>
+</body>
+
+</html>

src/main/webapp/Faxuanyuan/index.html

@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>沪法云后台管理系统</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+  
+  <script>
+  ///^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
+  </script>
+</head>
+<body class="layui-layout-body">
+  
+  <div id="LAY_app">
+    <div class="layui-layout layui-layout-admin">
+      <div class="layui-header">
+        <!-- 头部区域 -->
+        <ul class="layui-nav layui-layout-left">
+          <li class="layui-nav-item layadmin-flexible" lay-unselect>
+            <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
+              <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
+            </a>
+          </li>
+        </ul>
+        <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
+          <li class="layui-nav-item layui-hide-xs" lay-unselect>
+            <a href="javascript:;" layadmin-event="theme">
+              <i class="layui-icon layui-icon-theme"></i>
+            </a>
+          </li>
+          <li class="layui-nav-item layui-hide-xs" lay-unselect>
+            <a href="javascript:;" layadmin-event="note">
+              <i class="layui-icon layui-icon-note"></i>
+            </a>
+          </li>
+          <li class="layui-nav-item" lay-unselect>
+            <a href="javascript:;">
+              <cite>管理员</cite>
+            </a>
+            <dl class="layui-nav-child">
+              <dd><a lay-href="set/user/info.html">基本资料</a></dd>
+              <dd><a lay-href="set/user/password.html">修改密码</a></dd>
+              <hr>
+              <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
+            </dl>
+          </li>
+        </ul>
+      </div>
+      
+      <!-- 侧边菜单 -->
+      <div class="layui-side layui-side-menu">
+        <div class="layui-side-scroll">
+          <div class="layui-logo" lay-href="home/console.html">
+            <img style="height:50px;padding-top:20px;" src="./layui/images/logo.png"/>
+          </div>
+          
+          <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
+            <li data-name="component" class="layui-nav-item">
+              <a href="javascript:;" lay-tips="组件" lay-direction="2">
+                <i class="layui-icon layui-icon-component"></i>
+                <cite>活动管理</cite>
+              </a>
+              <dl class="layui-nav-child">
+                <dd data-name="huodong">
+                  <a lay-href="huodong.html">活动管理</a>
+                </dd>
+                <dd data-name="guanggao">
+                  <a lay-href="guanggao.html">首页广告管理</a>
+                </dd>
+                <dd data-name="form">
+                  <a lay-href="zhuti.html">活动主题列表</a>
+                </dd>
+              </dl>
+            </li>
+            <li data-name="user" class="layui-nav-item">
+              <a href="javascript:;" lay-tips="用户" lay-direction="2">
+                <i class="layui-icon layui-icon-user"></i>
+                <cite>用户管理</cite>
+              </a>
+              <dl class="layui-nav-child">
+                <dd><a lay-href="user.html">用户数据</a></dd>
+              </dl>
+              <dl class="layui-nav-child">
+                <dd><a lay-href="level.html">用户等级</a></dd>
+              </dl>
+            </li>
+            <li data-name="template" class="layui-nav-item">
+              <a href="javascript:;" lay-tips="模板" lay-direction="2">
+                <i class="layui-icon layui-icon-template"></i>
+                <cite>答题管理</cite>
+              </a>
+              <dl class="layui-nav-child">
+                <dd><a lay-href="timu.html">题库管理</a></dd>
+              </dl>
+              <dl class="layui-nav-child">
+                <dd><a lay-href="dati.html">每日答题</a></dd>
+              </dl>
+              <dl class="layui-nav-child">
+                <dd>
+                  <a lay-href="tuanzhan.html">团战信息</a>
+                </dd>
+              </dl>
+            </li>
+            <li data-name="template" class="layui-nav-item">
+              <a href="javascript:;" lay-tips="模板" lay-direction="2">
+                <i class="layui-icon layui-icon-template"></i>
+                <cite>阵地地址管理</cite>
+              </a>
+              <dl class="layui-nav-child">
+                <dd><a lay-href="zhendi.html">阵地管理</a></dd>
+              </dl>
+            </li>
+            <li data-name="set" class="layui-nav-item">
+              <a href="javascript:;" lay-tips="设置" lay-direction="2">
+                <i class="layui-icon layui-icon-set"></i>
+                <cite>统计分析</cite>
+              </a>
+              <dl class="layui-nav-child">
+                  <dd><a lay-href="analysis-user.html">用户等级分布</a></dd>
+                </dl>
+                <dl class="layui-nav-child">
+                  <dd><a lay-href="analysis-theme.html">主题库使用统计</a></dd>
+                </dl>
+                <dl class="layui-nav-child">
+                  <dd><a lay-href="analysis-dati.html">每日答题统计</a></dd>
+                </dl>
+                <dl class="layui-nav-child">
+                  <dd><a lay-href="analysis-activity.html">活动统计</a></dd>
+                </dl>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <!-- 页面标签 -->
+      <div class="layadmin-pagetabs" id="LAY_app_tabs">
+        <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
+        <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
+        <!-- <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div> -->
+        <div class="layui-icon layadmin-tabs-control layui-icon-down">
+          <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
+            <li class="layui-nav-item" lay-unselect>
+              <a href="javascript:;"></a>
+              <dl class="layui-nav-child layui-anim-fadein">
+                <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
+                <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
+                <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
+              </dl>
+            </li>
+          </ul>
+        </div>
+        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
+          <ul class="layui-tab-title" id="LAY_app_tabsheader">
+            <li lay-id="console.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
+          </ul>
+        </div>
+      </div>
+      
+      
+      <!-- 主体内容 -->
+      <div class="layui-body" id="LAY_app_body">
+        <div class="layadmin-tabsbody-item layui-show">
+          <iframe src="huodong.html" frameborder="0" class="layadmin-iframe"></iframe>
+        </div>
+      </div>
+      
+      <!-- 辅助元素，一般用于移动设备下遮罩 -->
+      <div class="layadmin-body-shade" layadmin-event="shade"></div>
+    </div>
+  </div>
+
+ <style id="LAY_layadmin_theme">
+	.layui-side-menu,.layadmin-pagetabs 
+	.layui-tab-title li:after,
+	.layadmin-pagetabs 
+	.layui-tab-title li
+	.layui-this:after,
+	.layui-layer-admin 
+	.layui-layer-title,
+	.layadmin-side-shrink 
+	.layui-side-menu 
+	.layui-nav>.layui-nav-item>.layui-nav-child{background-color:#2B333E !important;}
+	.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-nav-child dd.layui-this,
+	.layui-nav-tree .layui-nav-child dd.layui-this a{background-color:#5FB878 !important;}
+	.layui-layout-admin .layui-logo{background-color:#fff !important;}
+  </style>
+  <script src="./layui/layui.js"></script>
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use('index');
+  </script>
+</body>
+</html>
+
+

src/main/webapp/Faxuanyuan/info.html

@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>设置我的资料</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">设置我的资料</div>
+          <div class="layui-card-body" pad15>
+            
+            <div class="layui-form" lay-filter="">
+              <div class="layui-form-item">
+                <label class="layui-form-label">我的角色</label>
+                <div class="layui-input-inline">
+                  <select name="role" lay-verify="">
+                    <option value="1" selected>超级管理员</option>
+                    <option value="2" disabled>普通管理员</option>
+                    <option value="3" disabled>审核员</option>
+                    <option value="4" disabled>编辑人员</option>
+                  </select> 
+                </div>
+                <div class="layui-form-mid layui-word-aux">当前角色不可更改为其它角色</div>
+              </div>
+              <div class="layui-form-item">
+                <label class="layui-form-label">用户名</label>
+                <div class="layui-input-inline">
+                  <input type="text" name="username" value="xianxin" readonly class="layui-input">
+                </div>
+                <div class="layui-form-mid layui-word-aux">不可修改。一般用于后台登入名</div>
+              </div>
+              <div class="layui-form-item">
+                <label class="layui-form-label">昵称</label>
+                <div class="layui-input-inline">
+                  <input type="text" name="nickname" value="贤心" lay-verify="nickname" autocomplete="off" placeholder="请输入昵称" class="layui-input">
+                </div>
+              </div>
+              <div class="layui-form-item">
+                <label class="layui-form-label">性别</label>
+                <div class="layui-input-block">
+                  <input type="radio" name="sex" value="男" title="男">
+                  <input type="radio" name="sex" value="女" title="女" checked>
+                </div>
+              </div>
+              <div class="layui-form-item">
+                <label class="layui-form-label">头像</label>
+                <div class="layui-input-inline">
+                  <input name="avatar" lay-verify="required" id="LAY_avatarSrc" placeholder="图片地址" value="http://cdn.layui.com/avatar/168.jpg" class="layui-input">
+                </div>
+                <div class="layui-input-inline layui-btn-container" style="width: auto;">
+                  <button type="button" class="layui-btn layui-btn-primary" id="LAY_avatarUpload">
+                    <i class="layui-icon">&#xe67c;</i>上传图片
+                  </button>
+                  <button class="layui-btn layui-btn-primary" layadmin-event="avartatPreview">查看图片</button >
+                </div>
+             </div>
+              <div class="layui-form-item">
+                <label class="layui-form-label">手机</label>
+                <div class="layui-input-inline">
+                  <input type="text" name="cellphone" value="" lay-verify="phone" autocomplete="off" class="layui-input">
+                </div>
+              </div>
+              <div class="layui-form-item">
+                <label class="layui-form-label">邮箱</label>
+                <div class="layui-input-inline">
+                  <input type="text" name="email" value="" lay-verify="email" autocomplete="off" class="layui-input">
+                </div>
+              </div>
+              <div class="layui-form-item layui-form-text">
+                <label class="layui-form-label">备注</label>
+                <div class="layui-input-block">
+                  <textarea name="remarks" placeholder="请输入内容" class="layui-textarea"></textarea>
+                </div>
+              </div>
+              <div class="layui-form-item">
+                <div class="layui-input-block">
+                  <button class="layui-btn" lay-submit lay-filter="setmyinfo">确认修改</button>
+                  <button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'set']);
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/jifenxiangqing.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>沪法云活动管理</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+  
+    <div class="layui-fluid">
+      <div class="layui-row layui-col-space15">
+        <div class="layui-col-md12">
+          <div class="layui-card">
+            <div class="layui-card-header">积分详情</div>
+            <form class="layui-form" action="" lay-filter="component-form-group">
+              <div class="layui-card-body">
+                <div class="test-table-reload-btn" style="margin-bottom: 10px;">
+                  用户：
+                  <div class="layui-inline">
+                    <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
+                  </div>&nbsp;&nbsp;&nbsp;
+                  <button class="layui-btn" data-type="reload">搜索</button>
+                  <button onclick="window.history.go(-1);" class="layui-btn layui-btn-danger" >返回</button>
+                </div>
+                <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <script src="./layui/layui.js"></script>  
+    <script>
+    layui.config({
+      base: './' //静态资源所在路径
+    }).extend({
+      index: 'lib/index' //主入口模块
+    }).use(['index', 'table','laydate'], function(){
+      var table = layui.table
+      ,admin = layui.admin;
+      var laydate = layui.laydate;
+      
+      //开始日期
+      var insStart = laydate.render({
+        elem: '#test-laydate-start'
+        ,min: 0
+        ,done: function(value, date){
+          //更新结束日期的最小日期
+          insEnd.config.min = lay.extend({}, date, {
+            month: date.month - 1
+          });
+          
+          //自动弹出结束日期的选择器
+         insEnd.config.elem[0].focus();
+        }
+      });
+      
+      
+      table.render({
+        elem: '#test-table-operate'
+        ,url: './layui/demo/jifenxiangqing.js'
+        ,cols: [[
+          {type:'checkbox', fixed: 'left'}
+          ,{field:'id', title:'ID',  unresize: true, sort: true}
+          ,{field:'username', title:'用户'}
+          ,{field:'pointDetail',  title: '积分明细项'}
+          ,{field:'point',  title: '积分'}
+          ,{field:'createTime', title: '积分获取时间'}
+        ]]
+        ,page: {
+          layout: [ 'prev', 'page', 'next', 'skip','count']
+        }
+      });
+      
+      //监听表格复选框选择
+      table.on('checkbox(test-table-operate)', function(obj){
+        console.log(obj)
+      });
+      //监听工具条
+      table.on('tool(test-table-operate)', function(obj){
+        var data = obj.data;
+        if(obj.event === 'detail'){
+          layer.msg('ID：'+ data.id + ' 的查看操作');
+        } else if(obj.event === 'del'){
+          layer.confirm('真的删除行么', function(index){
+            obj.del();
+            layer.close(index);
+          });
+        } else if(obj.event === 'edit'){
+          layer.alert('编辑行：<br>'+ JSON.stringify(data))
+        }
+      });
+      
+      var $ = layui.$, active = {
+        getCheckData: function(){ //获取选中数据
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.alert(JSON.stringify(data));
+        }
+        ,getCheckLength: function(){ //获取选中数目
+          var checkStatus = table.checkStatus('test-table-operate')
+          ,data = checkStatus.data;
+          layer.msg('选中了：'+ data.length + ' 个');
+        }
+        ,isAll: function(){ //验证是否全选
+          var checkStatus = table.checkStatus('test-table-operate');
+          layer.msg(checkStatus.isAll ? '全选': '未全选')
+        }
+      };
+      
+      $('.test-table-operate-btn .layui-btn').on('click', function(){
+        var type = $(this).data('type');
+        active[type] ? active[type].call(this) : '';
+      });
+    
+    });
+    </script>
+    </body>
+    </html>

src/main/webapp/Faxuanyuan/laydatedemo1.html

@@ -0,0 +1,341 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>layDate 日期组件功能演示一</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>日期时间</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">常规用法</div>
+          <div class="layui-card-body" pad15>
+            
+            <div class="layui-form">
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">中文版</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-normal-cn" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">国际版</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-normal-en" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">五大选择器</div>
+          <div class="layui-card-body" pad15>
+            
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">年选择器</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-type-year" placeholder="yyyy">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">年月选择器</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-type-month" placeholder="yyyy-MM">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">日期选择器</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-type-date" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">时间选择器</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-type-time" placeholder="HH:mm:ss">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">日期时间选择器</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-type-datetime" placeholder="yyyy-MM-dd HH:mm:ss">
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">范围选择</div>
+          <div class="layui-card-body" pad15>
+            
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">日期范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-range-date" placeholder=" - ">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">年范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-range-year" placeholder=" - ">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">年月范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-range-month" placeholder=" - ">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">时间范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-range-time" placeholder=" - ">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">日期时间范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-range-datetime" placeholder=" - ">
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">自定义格式</div>
+          <div class="layui-card-body" pad15>
+            
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">请选择日期</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-format-date1" placeholder="yyyy年MM月dd日">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">请选择日期</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-format-date2" placeholder="dd/MM/yyyy">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">请选择月份</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-format-month" placeholder="yyyyMM">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">请选择时间</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-format-time" placeholder="H点m分">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">请选择范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-format-range1" placeholder=" ~ ">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">请选择范围</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-format-range2" placeholder="开始 到 结束">
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">同时绑定多个</div>
+          <div class="layui-card-body" pad15>  
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <input type="text" class="layui-input test-laydate-item" placeholder="yyyy-MM-dd">
+                </div>
+                <div class="layui-inline">
+                  <input type="text" class="layui-input test-laydate-item" placeholder="yyyy-MM-dd">
+                </div>
+                <div class="layui-inline">
+                  <input type="text" class="layui-input test-laydate-item" placeholder="yyyy-MM-dd">
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      
+      
+    </div>
+  </div>
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'laydate'], function(){
+    var laydate = layui.laydate;
+    
+    //示例代码
+    
+    //常规用法
+    laydate.render({
+      elem: '#test-laydate-normal-cn'
+    });
+    
+    //国际版
+    laydate.render({
+      elem: '#test-laydate-normal-en'
+      ,lang: 'en'
+    });
+    
+    //年选择器
+    laydate.render({
+      elem: '#test-laydate-type-year'
+      ,type: 'year'
+    });
+    
+    //年月选择器
+    laydate.render({
+      elem: '#test-laydate-type-month'
+      ,type: 'month'
+    });
+    
+    //日期选择器
+    laydate.render({
+      elem: '#test-laydate-type-date'
+      //,type: 'date' //type 默认为 date，所以可不填
+    });
+    
+    //时间选择器
+    laydate.render({
+      elem: '#test-laydate-type-time'
+      ,type: 'time'
+    });
+    
+    //日期时间选择器
+    laydate.render({
+      elem: '#test-laydate-type-datetime'
+      ,type: 'datetime'
+    });
+    
+    //日期范围
+    laydate.render({
+      elem: '#test-laydate-range-date'
+      ,range: true
+    });
+    
+    //年范围
+    laydate.render({
+      elem: '#test-laydate-range-year'
+      ,type: 'year'
+      ,range: true
+    });
+    
+    //年月范围
+    laydate.render({
+      elem: '#test-laydate-range-month'
+      ,type: 'month'
+      ,range: true
+    });
+    
+    //时间范围
+    laydate.render({
+      elem: '#test-laydate-range-time'
+      ,type: 'time'
+      ,range: true
+    });
+    
+    //日期时间范围
+    laydate.render({
+      elem: '#test-laydate-range-datetime'
+      ,type: 'datetime'
+      ,range: true
+    });
+    
+    //自定义格式
+    laydate.render({
+      elem: '#test-laydate-format-date1'
+      ,format: 'yyyy年MM月dd日'
+    });
+    laydate.render({
+      elem: '#test-laydate-format-date2'
+      ,format: 'dd/MM/yyyy'
+    });
+    laydate.render({
+      elem: '#test-laydate-format-month'
+      ,type: 'month'
+      ,format: 'yyyyMM'
+    });
+    laydate.render({
+      elem: '#test-laydate-format-time'
+      ,type: 'time'
+      ,format: 'H点m分'
+    });
+    laydate.render({
+      elem: '#test-laydate-format-range1'
+      ,range: '~'
+    });
+    laydate.render({
+      elem: '#test-laydate-format-range2'
+      ,type: 'datetime'
+      ,range: '到'
+      ,format: 'yyyy年M月d日H时m分s秒'
+    });
+    
+    //同时绑定多个
+    lay('.test-laydate-item').each(function(){
+      laydate.render({
+        elem: this
+        ,trigger: 'click'
+      });
+    });
+    
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/laydatedemo2.html

@@ -0,0 +1,293 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>layDate 日期组件功能演示二</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>日期时间</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">公历节日和自定义重要日子</div>
+          <div class="layui-card-body" pad15>
+            
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">开启公历节日</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-mark" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">自定义重要日</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-mark-custom" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">控制可选的日期与时间</div>
+          <div class="layui-card-body" pad15>
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">限定可选日期</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-limit1" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">前后若干天可选</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-limit2" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">限定可选时间</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-limit3" placeholder="HH:mm:ss">
+                  </div>
+                  <div class="layui-form-mid layui-word-aux">
+                    这里以控制在9:30-17:30为例
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">其它功能示例</div>
+          <div class="layui-card-body" pad15>
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">初始赋值</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-init-value" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">选中后的回调</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-call-done" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">日期切换的回调</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-call-change" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                
+                <div class="layui-inline">
+                  <label class="layui-form-label">不出现底部栏</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-showBottom" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">只出现确定按钮</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-confirm" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">自定义事件</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-trigger1" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label" id="test-laydate-trigger2-1">点我触发</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-trigger2" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label" id="test-laydate-trigger3-1">双击我触发</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-trigger3" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                
+                <div class="layui-inline">
+                  <label class="layui-form-label">日期只读</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-readonly" readonly="" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">非input元素</label>
+                  <div class="layui-input-inline">
+                    <div id="test-laydate-normElem" style="height: 38px; line-height: 38px; cursor: pointer; border-bottom: 1px solid #e2e2e2;"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'laydate'], function(){
+    var laydate = layui.laydate;
+    
+    //示例代码
+    
+    //开启公历节日
+    laydate.render({
+      elem: '#test-laydate-mark'
+      ,calendar: true
+    });
+    
+    //自定义重要日
+    laydate.render({
+      elem: '#test-laydate-mark-custom'
+      ,mark: {
+        '0-10-14': '生日'
+        ,'0-12-31': '跨年' //每年的日期
+        ,'0-0-10': '工资' //每月某天
+        ,'0-0-15': '月中'
+        ,'2018-8-8': '' //如果为空字符，则默认显示数字+徽章
+        ,'2099-10-14': '呵呵'
+      }
+      ,done: function(value, date){
+        if(date.year === 2018 && date.month === 8 && date.date === 8){ //点击2018年8月8日，弹出提示语
+          layer.msg('北京奥运会十周年，时间都去哪儿了');
+        }
+      }
+    });
+    
+    //限定可选日期
+    var ins22 = laydate.render({
+      elem: '#test-laydate-limit1'
+      ,min: '2016-10-14'
+      ,max: '2080-10-14'
+      ,ready: function(){
+        ins22.hint('日期可选值设定在 <br> 2016-10-14 到 2080-10-14');
+      }
+    });
+    
+    //前后若干天可选，这里以7天为例
+    laydate.render({
+      elem: '#test-laydate-limit2'
+      ,min: -7
+      ,max: 7
+    });
+    
+    //限定可选时间
+    laydate.render({
+      elem: '#test-laydate-limit3'
+      ,type: 'time'
+      ,min: '09:30:00'
+      ,max: '17:30:00'
+      ,btns: ['clear', 'confirm']
+    });
+    
+    
+    //初始赋值
+    laydate.render({
+      elem: '#test-laydate-init-value'
+      ,value: '1989-10-14'
+    });
+    
+    //选中后的回调
+    laydate.render({
+      elem: '#test-laydate-call-done'
+      ,done: function(value, date){
+        layer.alert('你选择的日期是：' + value + '<br>获得的对象是' + JSON.stringify(date));
+      }
+    });
+    
+    //日期切换的回调
+    laydate.render({
+      elem: '#test-laydate-call-change'
+      ,change: function(value, date){
+        layer.msg('你选择的日期是：' + value + '<br><br>获得的对象是' + JSON.stringify(date));
+      }
+    });
+    //不出现底部栏
+    laydate.render({
+      elem: '#test-laydate-showBottom'
+      ,showBottom: false
+    });
+    
+    //只出现确定按钮
+    laydate.render({
+      elem: '#test-laydate-confirm'
+      ,btns: ['confirm']
+    });
+    
+    //自定义事件
+    laydate.render({
+      elem: '#test-laydate-trigger1'
+      ,trigger: 'mousedown'
+    });
+    
+    //点我触发
+    laydate.render({
+      elem: '#test-laydate-trigger2'
+      ,eventElem: '#test-laydate-trigger2-1'
+      ,trigger: 'click'
+    });
+    
+    //双击我触发
+    lay('#test-laydate-trigger3-1').on('dblclick', function(){
+      laydate.render({
+        elem: '#test-laydate-trigger3'
+        ,show: true
+        ,closeStop: '#test-laydate-trigger3-1'
+      });
+    });
+    
+    //日期只读
+    laydate.render({
+      elem: '#test-laydate-readonly'
+      ,trigger: 'click'
+    });
+    
+    //非input元素
+    laydate.render({
+      elem: '#test-laydate-normElem'
+    });
+    
+    
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/laydatedemo3.html

@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>layDate 日期组件功能演示</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+  <style>
+  .test-laydate-theme-box .layui-inline{margin: 0 20px 20px 0;}
+  
+  /* 定制 laydate 皮肤：gbw（由社区提供） */
+  .layui-laydate-hint.laydate-theme-gbw,.layui-laydate.laydate-theme-gbw{border:1px solid #FFF;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);-moz-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}
+  .layui-laydate.laydate-theme-gbw{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-family:"Helvetica Neue For Number",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:rgba(0,0,0,.65);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;position:absolute;z-index:19850126}
+  .laydate-theme-gbw .layui-laydate-header{border-bottom:1px solid #e8e8e8;padding-top:5px}
+  .laydate-theme-gbw .layui-laydate-header i{font-size:12px;color:rgba(0,0,0,.45)}
+  .laydate-theme-gbw .layui-laydate-header span{color:rgba(0,0,0,.85);font-weight:500}
+  .laydate-theme-gbw .layui-laydate-header i:hover,.laydate-theme-gbw .layui-laydate-header span:hover{color:#40a9ff}
+  .laydate-theme-gbw .layui-laydate-footer{border-top:0;padding-top:0;height:36px}
+  .laydate-theme-gbw .layui-laydate-footer span:hover{color:#40a9ff}
+  .laydate-theme-gbw .laydate-footer-btns{top:0}
+  .laydate-theme-gbw .layui-laydate-content th{color:rgba(0,0,0,.65)}
+  .laydate-theme-gbw .layui-laydate-content td{color:rgba(0,0,0,.65);border-radius:2px;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
+  .laydate-theme-gbw .layui-laydate-content .laydate-day-next,.laydate-theme-gbw .layui-laydate-content .laydate-day-prev{color:rgba(0,0,0,.25)}
+  .layui-laydate.laydate-theme-gbw td.layui-this{background-color:transparent!important;border:1px solid #1890ff;border-radius:3px;font-weight:700;color:#1890ff!important}
+  .layui-laydate.laydate-theme-gbw li.layui-this{background-color:#1890ff!important;color:#fff!important;border-radius:0;border:0}
+  </style>
+  
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>日期时间</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">自定义按钮主题</div>
+          <div class="layui-card-body" pad15>
+            <div class="layui-form" wid100>
+              <div class="layui-form-item">
+                <div class="layui-inline">
+                  <label class="layui-form-label">墨绿主题</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-theme-molv" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">格子主题</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-theme-grid" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">蓝色主题</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-theme-blue" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">大红主题</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-theme-red" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">自定义其它颜色</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-theme-other" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+                <div class="layui-inline">
+                  <label class="layui-form-label">定制主题</label>
+                  <div class="layui-input-inline">
+                    <input type="text" class="layui-input" id="test-laydate-theme-custom" placeholder="yyyy-MM-dd">
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">直接嵌套显示</div>
+          <div class="layui-card-body" pad15>
+            <div class="test-laydate-theme-box">
+              <div class="layui-inline" id="test-laydate-static-n1"></div>
+              <div class="layui-inline" id="test-laydate-static-n2"></div>
+              <div class="layui-inline" id="test-laydate-static-n3"></div>
+              <div class="layui-inline" id="test-laydate-static-n4"></div>
+              <div class="layui-inline" id="test-laydate-static-n5"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      
+      
+    </div>
+  </div>
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'laydate'], function(){
+    var laydate = layui.laydate;
+    
+    //示例代码
+    
+    //墨绿主题
+    laydate.render({
+      elem: '#test-laydate-theme-molv'
+      ,theme: 'molv'
+    });
+    
+    //格子主题
+    laydate.render({
+      elem: '#test-laydate-theme-grid'
+      ,theme: 'grid'
+    });
+    
+    //蓝色主题
+    laydate.render({
+      elem: '#test-laydate-theme-blue'
+      ,theme: '#1E9FFF'
+    });
+    
+    //大红主题
+    laydate.render({
+      elem: '#test-laydate-theme-red'
+      ,theme: '#c00'
+    });
+    
+    //自定义其它颜色
+    laydate.render({
+      elem: '#test-laydate-theme-other'
+      ,theme: '#393D49'
+    });
+    
+    //定制主题
+    laydate.render({
+      elem: '#test-laydate-theme-custom'
+      ,theme: 'gbw'
+    });
+    
+    //直接嵌套显示
+    laydate.render({
+      elem: '#test-laydate-static-n1'
+      ,position: 'static'
+    });
+    laydate.render({
+      elem: '#test-laydate-static-n2'
+      ,position: 'static'
+      ,lang: 'en'
+    });
+    laydate.render({
+      elem: '#test-laydate-static-n3'
+      ,type: 'year'
+      ,position: 'static'
+    });
+    laydate.render({
+      elem: '#test-laydate-static-n4'
+      ,type: 'month'
+      ,position: 'static'
+    });
+    laydate.render({
+      elem: '#test-laydate-static-n4'
+      ,type: 'time'
+      ,position: 'static'
+    });
+    
+    
+  });
+  </script>
+</body>
+</html>

src/main/webapp/Faxuanyuan/laypagedemo1.html

@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>功能演示1 - 通用分页组件</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>分页演示一</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">总页数低于页码总数</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo0"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">总页数大于页码总数</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo1"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">自定义主题 - 颜色随意定义</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo2"></div>
+            <div id="test-laypage-demo2-1"></div>
+            <div id="test-laypage-demo2-2"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">自定义首页、尾页、上一页、下一页文本</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo3"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">不显示首页尾页</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo4"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">开启HASH</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo5"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">只显示上一页、下一页</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo6"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'laypage'], function(){
+    var laypage = layui.laypage;
+    
+    //总页数低于页码总数
+    laypage.render({
+      elem: 'test-laypage-demo0'
+      ,count: 50 //数据总数
+    });
+    
+    //总页数大于页码总数
+    laypage.render({
+      elem: 'test-laypage-demo1'
+      ,count: 70 //数据总数
+      ,jump: function(obj){
+        console.log(obj)
+      }
+    });
+    
+    //自定义样式
+    laypage.render({
+      elem: 'test-laypage-demo2'
+      ,count: 100
+      ,theme: '#1E9FFF'
+    });
+    laypage.render({
+      elem: 'test-laypage-demo2-1'
+      ,count: 100
+      ,theme: '#FF5722'
+    });
+    laypage.render({
+      elem: 'test-laypage-demo2-2'
+      ,count: 100
+      ,theme: '#FFB800'
+    });
+    
+    //自定义首页、尾页、上一页、下一页文本
+    laypage.render({
+      elem: 'test-laypage-demo3'
+      ,count: 100
+      ,first: '首页'
+      ,last: '尾页'
+      ,prev: '<em>←</em>'
+      ,next: '<em>→</em>'
+    });
+    
+    //不显示首页尾页
+    laypage.render({
+      elem: 'test-laypage-demo4'
+      ,count: 100
+      ,first: false
+      ,last: false
+    });
+    
+    //开启HASH
+    laypage.render({
+      elem: 'test-laypage-demo5'
+      ,count: 500
+      ,curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
+      ,hash: 'fenye' //自定义hash值
+    });
+    
+    //只显示上一页、下一页
+    laypage.render({
+      elem: 'test-laypage-demo6'
+      ,count: 50
+      ,layout: ['prev', 'next']
+      ,jump: function(obj, first){
+        if(!first){
+          layer.msg('第 '+ obj.curr +' 页');
+        }
+      }
+    });
+    
+  });
+  </script>
+</body>

src/main/webapp/Faxuanyuan/laypagedemo2.html

@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>功能演示2 - 通用分页组件</title>
+  <meta name="renderer" content="webkit">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <link rel="stylesheet" href="./layui/css/layui.css" media="all">
+  <link rel="stylesheet" href="./css/admin.css" media="all">
+</head>
+<body>
+
+
+  <div class="layui-card layadmin-header">
+    <div class="layui-breadcrumb" lay-filter="breadcrumb">
+      <a lay-href="">主页</a>
+      <a><cite>组件</cite></a>
+      <a><cite>分页演示二</cite></a>
+    </div>
+  </div>
+  
+  <div class="layui-fluid">
+    <div class="layui-row layui-col-space15">
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">显示完整功能</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo7"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">自定义排版</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo8"></div>
+            <div id="test-laypage-demo9"></div>
+            <div id="test-laypage-demo10"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">自定义每页条数的选择项</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo11"></div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">将一段已知数组分页展示</div>
+          <div class="layui-card-body">
+            <div id="test-laypage-demo20"></div>
+            <ul id="test-laypage-biuuu_city_list"></ul> 
+          </div>
+        </div>
+      </div>
+ 
+    </div>
+  </div>
+
+  
+  <script src="./layui/layui.js"></script>  
+  <script>
+  layui.config({
+    base: './' //静态资源所在路径
+  }).extend({
+    index: 'lib/index' //主入口模块
+  }).use(['index', 'laypage'], function(){
+    var laypage = layui.laypage;
+    
+    //完整功能
+    laypage.render({
+      elem: 'test-laypage-demo7'
+      ,count: 100
+      ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
+      ,jump: function(obj){
+        console.log(obj)
+      }
+    });
+    
+    //自定义排版
+    laypage.render({
+      elem: 'test-laypage-demo8'
+      ,count: 1000
+      ,layout: ['limit', 'prev', 'page', 'next']
+    });
+    laypage.render({
+      elem: 'test-laypage-demo9'
+      ,count: 1000
+      ,layout: ['prev', 'next', 'page']
+    });
+    laypage.render({
+      elem: 'test-laypage-demo10'
+      ,count: 1000
+      ,layout: ['page', 'count']
+    });
+    
+    //自定义每页条数的选择项
+    laypage.render({
+      elem: 'test-laypage-demo11'
+      ,count: 1000
+      ,limit: 100
+      ,limits: [100, 300, 500]
+    });
+    
+    
+    //将一段数组分页展示
+    
+    //测试数据
+    var testLayPageData = [
+      '北京',
+      '上海',
+      '广州',
+      '深圳',
+      '杭州',
+      '长沙',
+      '合肥',
+      '宁夏',
+      '成都',
+      '西安',
+      '南昌',
+      '上饶',
+      '沈阳',
+      '济南',
+      '厦门',
+      '福州',
+      '九江',
+      '宜春',
+      '赣州',
+      '宁波',
+      '绍兴',
+      '无锡',
+      '苏州',
+      '徐州',
+      '东莞',
+      '佛山',
+      '中山',
+      '成都',
+      '武汉',
+      '青岛',
+      '天津',
+      '重庆',
+      '南京',
+      '九江',
+      '香港',
+      '澳门',
+      '台北'
+    ];
+    
+    //调用分页
+    laypage.render({
+      elem: 'test-laypage-demo20'
+      ,count: testLayPageData.length
+      ,jump: function(obj){
+        //模拟渲染
+        document.getElementById('test-laypage-biuuu_city_list').innerHTML = function(){
+          var arr = []
+          ,thisData = testLayPageData.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
+          layui.each(thisData, function(index, item){
+            arr.push('<li>'+ item +'</li>');
+          });
+          return arr.join('');
+        }();
+      }
+    });
+    
+  });
+  </script>
+</body>

src/main/webapp/Faxuanyuan/layui/css/modules/code.css

@@ -0,0 +1,2 @@
+/** layui-v2.3.0 MIT License By https://www.layui.com */
+ html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}

src/main/webapp/Faxuanyuan/layui/demo/analysisActivity.js

@@ -0,0 +1,31 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 5,
+    "data": [{
+        "id": 1,
+        "title": "依法治国",
+        "total": 4,
+        "correct": 12,
+        "wrong": 23
+    }, {
+        "id": 2,
+        "title": "八五普法",
+        "total": 5,
+        "correct": 234,
+        "wrong": 345
+    }, {
+        "id": 3,
+        "title": "谁执法谁普法",
+        "total": 23,
+        "correct": 23,
+        "wrong": 1
+    }, {
+        "id": 4,
+        "title": "宪法日活动",
+        "total": 35,
+        "correct": 1234,
+        "wrong": 233
+    }]
+}
+

src/main/webapp/Faxuanyuan/layui/demo/analysisDati.js

@@ -0,0 +1,41 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 5,
+    "data": [{
+        "id": 12,
+        "username": "从零开始",
+        "score": 335,
+        "correctNum": 155,
+        "wrongNum": 56,
+        "percent": 0.05
+    }, {
+        "id": 42,
+        "username": "随缘",
+        "score": 297,
+        "correctNum": 145,
+        "wrongNum": 64,
+        "percent": -0.021
+    }, {
+        "id": 31,
+        "username": "我的回忆",
+        "score": 288,
+        "correctNum": 132,
+        "wrongNum": 72,
+        "percent": 0.034
+    }, {
+        "id": 45,
+        "username": "盖浇饭",
+        "score": 265,
+        "correctNum": 130,
+        "wrongNum": 88,
+        "percent": -0.047
+    }, {
+        "id": 51,
+        "username": "马克",
+        "score": 244,
+        "correctNum": 128,
+        "wrongNum": 97,
+        "percent": 0.05
+    }]
+}

src/main/webapp/Faxuanyuan/layui/demo/analysisTheme.js

@@ -0,0 +1,37 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 5,
+    "data": [{
+        "id": 1,
+        "title": "劳动法",
+        "total": 234,
+        "correct": 12,
+        "wrong": 23
+    }, {
+        "id": 2,
+        "title": "宪法",
+        "total": 2345,
+        "correct": 234,
+        "wrong": 345
+    }, {
+        "id": 3,
+        "title": "交通法",
+        "total": 235,
+        "correct": 23,
+        "wrong": 1
+    }, {
+        "id": 4,
+        "title": "刑事法",
+        "total": 2345,
+        "correct": 1234,
+        "wrong": 233
+    }, {
+        "id": 5,
+        "title": "合同法",
+        "total": 1100,
+        "correct": 234,
+        "wrong": 122
+    }]
+}
+

src/main/webapp/Faxuanyuan/layui/demo/analysisUser.js

@@ -0,0 +1,26 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 5,
+    "data": [{
+        "id": 1,
+        "title": "坚韧黑铁",
+        "usernum": 335
+    }, {
+        "id": 2,
+        "title": "英勇黄铜",
+        "usernum": 310
+    }, {
+        "id": 3,
+        "title": "不屈白银",
+        "usernum": 234
+    }, {
+        "id": 4,
+        "title": "荣耀黄金",
+        "usernum": 135
+    }, {
+        "id": 5,
+        "title": "华贵铂金",
+        "usernum": 1548
+    }]
+}

src/main/webapp/Faxuanyuan/layui/demo/chongjiangjilu.js

@@ -0,0 +1,28 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10000,
+    "name": "一等奖",
+    "username": "刘冬梅",
+    "phone": "18918887395",
+    "createTime": "2018-11-01 16:40:21"
+},
+    {
+        "id": 10001,
+        "name": "二等奖",
+        "username": "雾清",
+        "phone": "18918887395",
+        "createTime": "2018-11-01 16:40:21"
+    },
+    {
+        "id": 10002,
+        "name": "三等奖",
+        "username": "張浩",
+        "phone": "18918887395",
+        "createTime": "2018-11-01 16:40:21"
+    }
+
+]
+}

src/main/webapp/Faxuanyuan/layui/demo/demo.js

@@ -0,0 +1,96 @@
+
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 3000000
+  ,"data": [{
+    "id": "10001"
+    ,"username": "杜甫"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "男"
+    ,"city": "浙江杭州"
+    ,"sign": "点击此处，显示更多。当内容超出时，点击单元格会自动显示更多内容。"
+    ,"experience": "116"
+    ,"ip": "192.168.0.8"
+    ,"logins": "108"
+    ,"joinTime": "2016-10-14"
+  }, {
+    "id": "10002"
+    ,"username": "李白"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "男"
+    ,"city": "浙江杭州"
+    ,"sign": "君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我倾耳听。(倾耳听 一作：侧耳听) 钟鼓馔玉不足贵，但愿长醉不复醒。(不足贵 一作：何足贵；不复醒 一作：不愿醒/不用醒) 古来圣贤皆寂寞，惟有饮者留其名。(古来 一作：自古；惟 通：唯) 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌。 五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。"
+    ,"experience": "12"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+    ,"LAY_CHECKED": true
+  }, {
+    "id": "10003"
+    ,"username": "王勃"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "男"
+    ,"city": "浙江杭州"
+    ,"sign": "人生恰似一场修行"
+    ,"experience": "65"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+  }, {
+    "id": "10004"
+    ,"username": "李清照"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "女"
+    ,"city": "浙江杭州"
+    ,"sign": "人生恰似一场修行"
+    ,"experience": "666"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+  }, {
+    "id": "10005"
+    ,"username": "冰心"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "女"
+    ,"city": "浙江杭州"
+    ,"sign": "人生恰似一场修行"
+    ,"experience": "86"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+  }, {
+    "id": "10006"
+    ,"username": "贤心"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "男"
+    ,"city": "浙江杭州"
+    ,"sign": "人生恰似一场修行"
+    ,"experience": "12"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+  }, {
+    "id": "10007"
+    ,"username": "贤心"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "男"
+    ,"city": "浙江杭州"
+    ,"sign": "人生恰似一场修行"
+    ,"experience": "16"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+  }, {
+    "id": "10008"
+    ,"username": "贤心"
+    ,"email": "xianxin@layui.com"
+    ,"sex": "男"
+    ,"city": "浙江杭州"
+    ,"sign": "人生恰似一场修行"
+    ,"experience": "106"
+    ,"ip": "192.168.0.8"
+    ,"logins": "106"
+    ,"joinTime": "2016-10-14"
+  }]
+}  

src/main/webapp/Faxuanyuan/layui/demo/demo2.js

@@ -0,0 +1,61 @@
+
+{
+  "code": 0
+  ,"msg": ""
+  ,"count": 66
+  ,"data": [{
+    "username": "张小三"
+    ,"amount": 18
+    ,"province": "浙江"
+    ,"city": "杭州"
+    ,"zone": "西湖区"
+    ,"street": "西溪街道"
+    ,"address": "西溪花园"
+    ,"house": "30栋1单元"
+  }, {
+    "username": "李小四"
+    ,"amount": 39
+    ,"province": "江苏"
+    ,"city": "苏州"
+    ,"zone": "姑苏区"
+    ,"street": "丝绸路"
+    ,"address": "天墅之城"
+    ,"house": "9幢2单元"
+  }, {
+    "username": "王小五"
+    ,"amount": 8
+    ,"province": "江西"
+    ,"city": "南昌"
+    ,"zone": "青山湖区"
+    ,"street": "艾溪湖办事处"
+    ,"address": "中兴和园"
+    ,"house": "1幢3单元"
+  }, {
+    "username": "赵小六"
+    ,"amount": 16
+    ,"province": "福建"
+    ,"city": "泉州"
+    ,"zone": "丰泽区"
+    ,"street": "南洋街道"
+    ,"address": "南洋村"
+    ,"house": "6幢1单元"
+  }, {
+    "username": "孙小七"
+    ,"amount": 12
+    ,"province": "湖北"
+    ,"city": "武汉"
+    ,"zone": "武昌区"
+    ,"street": "武昌大道"
+    ,"address": "两湖花园"
+    ,"house": "16幢2单元"
+  }, {
+    "username": "周小八"
+    ,"amount": 11
+    ,"province": "安徽"
+    ,"city": "黄山"
+    ,"zone": "黄山区"
+    ,"street": "汤口镇"
+    ,"address": "温泉村"
+    ,"house": "21号"
+  }]
+}  

src/main/webapp/Faxuanyuan/layui/demo/jifenxiangqing.js

@@ -0,0 +1,29 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10000,
+    "username": "张三",
+    "pointDetail": "参加法治宣传日活动",
+    "point": "+50",
+    "createTime": "2018-3-01 12:40:21"
+},
+    {
+        "id": 10002,
+        "username": "张三",
+        "pointDetail": "参加上海司法局组织的宪法活动",
+        "point": "+180",
+        "createTime": "2018-4-01 12:40:21"
+    },
+    {
+        "id": 10003,
+        "username": "张三",
+        "pointDetail": "参加每日答题",
+        "point": "+110",
+        "createTime": "2018-5-01 12:40:21"
+    }
+
+
+]
+}

src/main/webapp/Faxuanyuan/layui/demo/level.js

@@ -0,0 +1,34 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+        "id": 10000,
+        "level_name": "坚韧黑铁",
+        "score": "0"
+    }, {
+        "id": 10000,
+        "level_name": "英勇黄铜",
+        "score": "50"
+    }, {
+        "id": 10000,
+        "level_name": "不屈白银",
+        "score": "100"
+    }, {
+        "id": 10000,
+        "level_name": "荣耀黄金",
+        "score": "200"
+    }, {
+        "id": 10000,
+        "level_name": "华贵铂金",
+        "score": "300"
+    }, {
+        "id": 10000,
+        "level_name": "璀璨钻石",
+        "score": "500"
+    }, {
+        "id": 10000,
+        "level_name": "最强王者",
+        "score": "800"
+    }]
+}

src/main/webapp/Faxuanyuan/layui/demo/person.js

@@ -0,0 +1,54 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10000,
+    "username": "法援",
+    "age": 30,
+    "phone": 18366668888,
+    "work": "宪法宣传委员",
+    "signTime": "2018-12-03 12:33",
+    "voterStatus":true
+},{
+    "id": 10000,
+    "username": "法援惠民生，关爱残疾人",
+    "age": 30,
+    "phone": 18366668888,
+    "work": "宪法宣传委员",
+    "signTime": "2018-12-03 12:33",
+    "voterStatus":true
+},{
+    "id": 10000,
+    "username": "法援惠民生，关爱残疾人",
+    "age": 30,
+    "phone": 18366668888,
+    "work": "宪法宣传委员",
+    "signTime": "2018-12-03 12:33",
+    "voterStatus":true
+},{
+    "id": 10000,
+    "username": "法援惠民生，关爱残疾人",
+    "age": 30,
+    "phone": 18366668888,
+    "work": "宪法宣传委员",
+    "signTime": "2018-12-03 12:33",
+    "voterStatus":true
+},{
+    "id": 10000,
+    "username": "法援惠民生，关爱残疾人",
+    "age": 30,
+    "phone": 18366668888,
+    "work": "宪法宣传委员",
+    "signTime": "2018-12-03 12:33",
+    "voterStatus":true
+},{
+    "id": 10000,
+    "username": "法援惠民生，关爱残疾人",
+    "age": 30,
+    "phone": 18366668888,
+    "work": "宪法宣传委员",
+    "signTime": "2018-12-03 12:33",
+    "voterStatus":true
+}]
+}

src/main/webapp/Faxuanyuan/layui/demo/question.js

@@ -0,0 +1,51 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }, {
+        "id": 10000,
+        "content": "鱼玄机杀了婢女后，深感愧疚，于是决定主动投向执法机关并坦白自己的罪行，她的行为属于自首吗？",
+        "type": "刑法",
+        "status": "启用"
+    }]
+}

src/main/webapp/Faxuanyuan/layui/demo/style.js

@@ -0,0 +1,2 @@
+
+{"code":0,"msg":"","count":1000,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24,"wealth":82830700,"classify":"作家","score":57},{"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58,"wealth":64928690,"classify":"词人","score":27},{"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},{"id":10003,"username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68},{"id":10004,"username":"user-4","sex":"男","city":"城市-4","sign":"签名-4","experience":807,"logins":51,"wealth":76263262,"classify":"作家","score":6},{"id":10005,"username":"user-5","sex":"女","city":"城市-5","sign":"签名-5","experience":173,"logins":68,"wealth":60344147,"classify":"作家","score":87},{"id":10006,"username":"user-6","sex":"女","city":"城市-6","sign":"签名-6","experience":982,"logins":37,"wealth":57768166,"classify":"作家","score":34},{"id":10007,"username":"user-7","sex":"男","city":"城市-7","sign":"签名-7","experience":727,"logins":150,"wealth":82030578,"classify":"作家","score":28},{"id":10008,"username":"user-8","sex":"男","city":"城市-8","sign":"签名-8","experience":951,"logins":133,"wealth":16503371,"classify":"词人","score":14},{"id":10009,"username":"user-9","sex":"女","city":"城市-9","sign":"签名-9","experience":484,"logins":25,"wealth":86801934,"classify":"词人","score":75}]}

src/main/webapp/Faxuanyuan/layui/demo/table.js

@@ -0,0 +1,85 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+        "id": 10000,
+        "username": "法援惠民生，关爱残疾人",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "幸运法博士现场答题",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "上海市宪法知识竞赛",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "徐家汇街道工会十七大知识及法律竞赛",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "第二届上海市企业法务技能大赛",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "弘扬法治精神，建设法治上海",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过"
+    }, {
+        "id": 10000,
+        "username": "第5个国家宪法日暨上海市第30届宪法宣传周主题活动",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "我执法我普法",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "新时代 宪在发声 2018闵行区晓法说第三季演讲比赛",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }, {
+        "id": 10000,
+        "username": "“一所一品”主题实践活动 成果展示会",
+        "sex": "在线活动",
+        "city": "上海市司法局",
+        "sign": "宪法宣传",
+        "status": "审核通过",
+    "time": "2018-12-03 12:33"
+    }]
+}

src/main/webapp/Faxuanyuan/layui/demo/tuanzhan.js

@@ -0,0 +1,39 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10001,
+    "houseName": "汇学法",
+    "theme": "主题",
+    "organization": "单位",
+    "number": "9",
+    "createTime": "2018-11-02 13:41:14"
+},
+    {
+        "id": 10002,
+        "houseName": "逻辑",
+        "theme": "劳动法",
+        "organization": "徐汇",
+        "number": "12",
+        "createTime": "2018-11-02 14:31:14"
+    },
+    {
+        "id": 10003,
+        "houseName": "宪法竞赛",
+        "theme": "宪法",
+        "organization": "徐汇",
+        "number": "33",
+        "createTime": "2018-11-02 14:41:44"
+    },
+    {
+        "id": 10004,
+        "houseName": "汇学法",
+        "theme": "公安",
+        "organization": "华谊",
+        "number": "16",
+        "createTime": "2018-11-02 17:33:14"
+    }
+
+]
+}

src/main/webapp/Faxuanyuan/layui/demo/tuanzhanxiangqing.js

@@ -0,0 +1,44 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10001,
+    "username": "张李",
+    "beginTime": "2018-11-02 13:41:14",
+    "endTime": "2018-11-02 15:41:14",
+    "rightNum": "9",
+    "wrongNum": "10",
+    "points": "45"
+},
+    {
+        "id": 10002,
+        "username": "张李",
+        "beginTime": "2018-11-02 13:41:14",
+        "endTime": "2018-11-02 15:41:14",
+        "rightNum": "9",
+        "wrongNum": "10",
+        "points": "45"
+    },
+    {
+        "id": 10003,
+        "username": "张李",
+        "beginTime": "2018-11-02 13:41:14",
+        "endTime": "2018-11-02 15:41:14",
+        "rightNum": "5",
+        "wrongNum": "8",
+        "points": "80"
+    },
+    {
+        "id": 10004,
+        "username": "肖光了",
+        "beginTime": "2018-11-02 13:30:14",
+        "endTime": "2018-11-02 14:50:00",
+        "rightNum": "5",
+        "wrongNum": "6",
+        "points": "100"
+    }
+
+
+]
+}

src/main/webapp/Faxuanyuan/layui/demo/user.js

@@ -0,0 +1 @@
+{"code":0,"msg":"","count":1000,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24,"wealth":82830700,"classify":"作家","score":57},{"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58,"wealth":64928690,"classify":"词人","score":27},{"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},{"id":10003,"username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68},{"id":10004,"username":"user-4","sex":"男","city":"城市-4","sign":"签名-4","experience":807,"logins":51,"wealth":76263262,"classify":"作家","score":6},{"id":10005,"username":"user-5","sex":"女","city":"城市-5","sign":"签名-5","experience":173,"logins":68,"wealth":60344147,"classify":"作家","score":87},{"id":10006,"username":"user-6","sex":"女","city":"城市-6","sign":"签名-6","experience":982,"logins":37,"wealth":57768166,"classify":"作家","score":34},{"id":10007,"username":"user-7","sex":"男","city":"城市-7","sign":"签名-7","experience":727,"logins":150,"wealth":82030578,"classify":"作家","score":28},{"id":10008,"username":"user-8","sex":"男","city":"城市-8","sign":"签名-8","experience":951,"logins":133,"wealth":16503371,"classify":"词人","score":14},{"id":10009,"username":"user-9","sex":"女","city":"城市-9","sign":"签名-9","experience":484,"logins":25,"wealth":86801934,"classify":"词人","score":75}]}

src/main/webapp/Faxuanyuan/layui/demo/userInfo.js

@@ -0,0 +1,37 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10000,
+    "username": "张三",
+    "icon": "sss",
+    "sex": "男",
+    "point": "123",
+    "createTime": "2018-3-01 12:40:21",
+    "level": "英勇黄铜",
+    "phone": "156232233"
+},
+    {
+        "id": 10001,
+        "username": "李四",
+        "icon": "aaa",
+        "sex": "男",
+        "point": "555",
+        "createTime": "2018-9-01 16:40:21",
+        "level": "不屈白银",
+        "phone": "156224233"
+    },
+    {
+        "id": 10002,
+        "username": "王二",
+        "icon": "vvv",
+        "sex": "女",
+        "point": "466",
+        "createTime": "2018-11-01 16:40:21",
+        "level": "华贵铂金",
+        "phone": "1562223233"
+    }
+
+]
+}

src/main/webapp/Faxuanyuan/layui/demo/voter.js

@@ -0,0 +1,13 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10000,
+    "username": "一等奖",
+    "img":"http://bpic.588ku.com/illus_pic/18/10/19/26615eeec0522c06dde1ea5633b1c47e.jpg",
+    "num": 30,
+    "status": "启用",
+    "start_flag":0
+}]
+}

src/main/webapp/Faxuanyuan/layui/demo/zhendi.js

@@ -0,0 +1,30 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 1000,
+    "data": [{
+    "id": 10000,
+    "name": "上海杨浦法院博物馆",
+    "type": "主题公园",
+    "status": "未使用",
+    "longitude": "经度",
+    "latitude": "纬度",
+    "address": "钦州北路314号"
+}, {
+    "id": 10002,
+    "name": "徐汇法院法制馆",
+    "type": "主题广场",
+    "status": "未使用",
+    "longitude": "经度",
+    "latitude": "纬度",
+    "address": "闵行区宝南路88号"
+}, {
+    "id": 10003,
+    "name": "崇明区港西镇社区法治实践基地",
+    "type": "主题专列",
+    "status": "已使用",
+    "longitude": "经度",
+    "latitude": "纬度",
+    "address": "松江区茸平路28号"
+}]
+}