前台提交

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://49.4.67.181:8082';
+const baseUrl = process.env.NODE_ENV === 'production' ? '../' : 'http://localhost:8080';
 store.commit('updateBaseUrl', baseUrl)
 axios.defaults.withCredentials = true;
 axios.defaults.baseURL = baseUrl;

src/main/House/src/pages/HousingTrust.vue

@@ -0,0 +1,178 @@
+<template>
+    <div class="container">
+        <img src="../assets/logo.png" class="logo" alt="">
+        <div class="content">
+            <div class="item" v-for="(item,key) in input">
+                <div class="title">{{item.name}}</div>
+                <div class="val">
+                    <input :type="item.type" v-model="item.val" @keydown="content(key)" @focus="item.focus=true" @blur="item.focus=false" :placeholder="item.placeholder" :maxlength="item.maxlength">
+                    <img v-if="item.val&&item.focus" @click="item.val=''" src="@/assets/list_icon_del.png" alt="">
+                </div>
+            </div>
+        </div>
+
+        <div class="btn-content">
+            <gm-button type='primary' @click="click">提交信息</gm-button>
+        </div>
+    </div>
+</template>
+<script>
+import GmButton from '@/components/Button'
+import { mapState } from "vuex";
+export default {
+    data() {
+        return {
+            input: {
+                name: {
+                    val: '',
+                    focus: false,
+                    maxlength: 10,
+                    type: 'text',
+                    placeholder: "请输入您的姓名",
+                    name: '姓名'
+                },
+                phone: {
+                    val: '',
+                    focus: false,
+                    maxlength: 11,
+                    type: 'number',
+                    placeholder: "请输入您的联系方式",
+                    name: '联系方式'
+                },
+                address: {
+                    val: '',
+                    focus: false,
+                    maxlength: 30,
+                    type: 'text',
+                    placeholder: "请输入房屋区域",
+                    name: '房屋区域'
+                },
+                addressDetail: {
+                    val: '',
+                    focus: false,
+                    maxlength: 30,
+                    type: 'text',
+                    placeholder: "请输入具体位置",
+                    name: '具体位置'
+                }
+            }
+        }
+    },
+    watch: {
+
+    },
+    created() {
+
+
+    },
+    computed: {
+        ...mapState(["userInfo"])
+    },
+    methods: {
+        click() {
+            if (!this.checkPhone(this.input.phone.val)) {
+                this.$modal.info({ msg: '手机号格式错误', duration: 1500 })
+                return
+            }
+            this.$store.commit('updateLoading', true)
+            this.$http.post({
+                url: '/housingTrust/save',
+                data: {
+                    userName: this.userInfo.nickname,
+                    userId: this.userInfo.id,
+                    realName: this.input.name.val,
+                    telephone: this.input.phone.val,
+                    address: this.input.address.val,
+                    addressDetail: this.input.addressDetail.val
+                }
+            }).then(res => {
+                this.$store.commit('updateLoading', false)
+                if (res.success) {
+                    this.$alert({ title: '', content: '感谢您的信任，平台将尽快与您联系', showCancel: false, }, () => {
+                        history.back()
+                    })
+                } else {
+                    this.$modal.info({ msg: '失败', duration: 1500 })
+                }
+            })
+        },
+        content(name) {
+
+            if (this.input[name].type == 'number') {
+                console.log(this.input[name].val.slice(0, 11))
+                setTimeout(() => {
+                    this.input[name].val = this.input[name].val.slice(0, 11)
+                }, 100)
+            }
+        }
+    },
+    components: { GmButton }
+}
+</script>
+<style lang="less" scoped>
+.container {
+    background: rgba(242, 242, 242, 1);
+    .logo {
+        width: 4.12rem;
+        height: 1.48rem;
+        margin: 0.6rem auto;
+        display: block;
+    }
+    .content {
+        margin: 0 0.3rem 0.3rem;
+        background: rgba(255, 255, 255, 1);
+        border-radius: 0.12rem;
+        padding: 0 0.3rem;
+
+        .item {
+            .title {
+                font-size: 0.36rem;
+                font-weight: bold;
+                color: rgba(0, 0, 0, 1);
+                line-height: 0.5rem;
+                margin: 0.4rem 0 0;
+            }
+
+            .val {
+                font-size: 0.28rem;
+                color: rgba(0, 0, 0, 1);
+                display: flex;
+
+                input {
+                    font-size: 0.36rem;
+                    font-weight: bold;
+                    color: rgba(51, 51, 51, 1);
+                    flex-grow: 1;
+                    height: 1.32rem;
+                    border: 0;
+                    outline: none;
+                    min-width: 0;
+
+                    &::-webkit-input-placeholder {
+                        font-weight: normal;
+                        font-size: 0.28rem;
+                        color: rgba(170, 172, 173, 1);
+                    }
+                }
+
+                img {
+                    width: 0.6rem;
+                    height: 0.6rem;
+                    align-self: center;
+                    min-width: 0.6rem;
+                }
+            }
+
+            &:not(:last-child) {
+                border-bottom: 0.02rem solid #f2f4f5;
+            }
+        }
+    }
+
+    .btn-content {
+        padding: 0.8rem 0.3rem 0.5rem;
+    }
+}
+</style>
+
+

src/main/House/src/pages/User.vue

@@ -36,11 +36,16 @@
                 <router-link :to="{name:'feedback',params:{isNext:1}}" class="nav-item">
                     <div class="title">联系我们</div>
                     <img src="@/assets/icon_inter.png" alt="">
+                </router-link>
+                 <router-link :to="{name:'housingTrust',params:{isNext:1}}" class="nav-item">
+                    <div class="title">房屋托管</div>
+                    <img src="@/assets/icon_inter.png" alt="">
                 </router-link>
                 <router-link :to="{name:'about',params:{isNext:1}}" class="nav-item">
                     <div class="title">关于享租屋</div>
                     <img src="@/assets/icon_inter.png" alt="">
                 </router-link>
+
             </div>
         </div>
     </div>

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

@@ -137,6 +137,13 @@ const router = new Router({
         meta: {
             title: '联系记录',
         }
+    }, {
+        path: "/housingTrust",
+        name: "housingTrust",
+        component: resolve => require(["../pages/HousingTrust"], resolve),
+        meta: {
+            title: '房屋托管',
+        }
     }],
 
 })

src/main/webapp/WEB-INF/html/house.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><title>享居屋</title><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><script src=https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js></script><script src=//unpkg.com/vue-ydui/dist/ydui.flexible.js></script><link href=./staticWeb/house/css/app.85c5b68255439861a8fc76ee8eaf7015.css rel=stylesheet></head><style>.swiper-pagination-bullet {
+<!DOCTYPE html><html><head><meta charset=utf-8><title>享居屋</title><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><script src=https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js></script><script src=//unpkg.com/vue-ydui/dist/ydui.flexible.js></script><link href=./staticWeb/house/css/app.bd1316188c94cbcd671f12f6fdf76278.css rel=stylesheet></head><style>.swiper-pagination-bullet {
         width: 0.16rem;
         height: 0.04rem;
         background: rgba(255, 255, 255, 0.5);
@@ -44,4 +44,4 @@
         width: 30%!important;
     }
     
-    .mint-datetime-cancel {}</style><body><div id=app></div><script type=text/javascript src=./staticWeb/house/js/manifest.4b4b3cae457406094288.js></script><script type=text/javascript src=./staticWeb/house/js/vendor.5c62c0610e6477bc8275.js></script><script type=text/javascript src=./staticWeb/house/js/app.6b1976f8db2d43c6e9b5.js></script></body></html>
+    .mint-datetime-cancel {}</style><body><div id=app></div><script type=text/javascript src=./staticWeb/house/js/manifest.95e994ba30bffa07ed55.js></script><script type=text/javascript src=./staticWeb/house/js/vendor.79e26893f52bb2d8895d.js></script><script type=text/javascript src=./staticWeb/house/js/app.7a1ff4ea08883bbcd27b.js></script></body></html>

src/main/webapp/staticWeb/house/js/14.08b27788a2080dffd2b5.js → src/main/webapp/staticWeb/house/js/15.c835a7a3ddfd6c1b9ba3.js

@@ -1,2 +1,2 @@
-webpackJsonp([14],{B3yX:function(t,a){},en7K:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=e("Dd8w"),n=e.n(s),i=e("qkow"),c=e("NYxO"),o={data:function(){return{list:[]}},created:function(){var t=this;this.$store.commit("updateLoading",!0),this.$http.get({url:"/companyInfo/all",data:{}}).then(function(a){t.$store.commit("updateLoading",!1),a.success&&(t.list=a.data)})},computed:n()({},Object(c.b)(["locationInfo"])),methods:{},components:{GmButton:i.a}},r={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"container"},[s("img",{staticClass:"logo",attrs:{src:e("7Otq"),alt:""}}),t._v(" "),s("div",{staticClass:"content"},t._l(t.list,function(a){return s("div",{staticClass:"item"},[s("div",{staticClass:"title"},[t._v(t._s(a.title))]),t._v(" "),s("div",{staticClass:"val"},[t._v(t._s(a.remark))])])}))])},staticRenderFns:[]};var l=e("VU/8")(o,r,!1,function(t){e("B3yX")},"data-v-76a328e7",null);a.default=l.exports}});
-//# sourceMappingURL=14.08b27788a2080dffd2b5.js.map
+webpackJsonp([15],{B3yX:function(t,a){},en7K:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var s=e("Dd8w"),n=e.n(s),i=e("qkow"),c=e("NYxO"),o={data:function(){return{list:[]}},created:function(){var t=this;this.$store.commit("updateLoading",!0),this.$http.get({url:"/companyInfo/all",data:{}}).then(function(a){t.$store.commit("updateLoading",!1),a.success&&(t.list=a.data)})},computed:n()({},Object(c.b)(["locationInfo"])),methods:{},components:{GmButton:i.a}},r={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"container"},[s("img",{staticClass:"logo",attrs:{src:e("7Otq"),alt:""}}),t._v(" "),s("div",{staticClass:"content"},t._l(t.list,function(a){return s("div",{staticClass:"item"},[s("div",{staticClass:"title"},[t._v(t._s(a.title))]),t._v(" "),s("div",{staticClass:"val"},[t._v(t._s(a.remark))])])}))])},staticRenderFns:[]};var l=e("VU/8")(o,r,!1,function(t){e("B3yX")},"data-v-76a328e7",null);a.default=l.exports}});
+//# sourceMappingURL=15.c835a7a3ddfd6c1b9ba3.js.map

src/main/webapp/staticWeb/house/js/manifest.4b4b3cae457406094288.js

@@ -1,2 +0,0 @@
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var d,f,u,i=0,b=[];i<r.length;i++)f=r[i],t[f]&&b.push(t[f][0]),t[f]=0;for(d in c)Object.prototype.hasOwnProperty.call(c,d)&&(e[d]=c[d]);for(n&&n(r,c,a);b.length;)b.shift()();if(a)for(i=0;i<a.length;i++)u=o(o.s=a[i]);return u};var r={},t={20:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"house/js/"+e+"."+{0:"e51464821978d100e2eb",1:"e508a9d2c86be30f6ce1",2:"633cb55458313e64b21f",3:"dece21d003dee5bbc24c",4:"566873d5ee5e32bff9b2",5:"aa86283d633bccb3af4d",6:"8c4bb944ccdf0dcfa8d2",7:"1c239476c4e4ad77dbed",8:"b62bdc2adda10de98726",9:"ab7560b28eadcc22b5aa",10:"eabf89ab52916806d514",11:"67ed3efe8028050a0714",12:"25eca58d4509f2881818",13:"54870e93c85e7b1a55f1",14:"08b27788a2080dffd2b5",15:"afcb876869b3800d4848",16:"7a9b8cafeb7c0fc31527",17:"d13e1ef68d79678d0954"}[e]+".js";var d=setTimeout(f,12e4);function f(){a.onerror=a.onload=null,clearTimeout(d);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=f,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./staticWeb/",o.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.4b4b3cae457406094288.js.map

src/main/webapp/staticWeb/house/js/manifest.95e994ba30bffa07ed55.js

@@ -0,0 +1,2 @@
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,o,a){for(var d,f,b,u=0,i=[];u<r.length;u++)f=r[u],t[f]&&i.push(t[f][0]),t[f]=0;for(d in o)Object.prototype.hasOwnProperty.call(o,d)&&(e[d]=o[d]);for(n&&n(r,o,a);i.length;)i.shift()();if(a)for(u=0;u<a.length;u++)b=c(c.s=a[u]);return b};var r={},t={21:0};function c(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,c){n=t[e]=[r,c]});n[2]=r;var o=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,c.nc&&a.setAttribute("nonce",c.nc),a.src=c.p+"house/js/"+e+"."+{0:"e51464821978d100e2eb",1:"e508a9d2c86be30f6ce1",2:"633cb55458313e64b21f",3:"dece21d003dee5bbc24c",4:"6ef3ee5535d934c15b63",5:"aa86283d633bccb3af4d",6:"8c4bb944ccdf0dcfa8d2",7:"1c239476c4e4ad77dbed",8:"b62bdc2adda10de98726",9:"ab7560b28eadcc22b5aa",10:"eabf89ab52916806d514",11:"67ed3efe8028050a0714",12:"25eca58d4509f2881818",13:"54870e93c85e7b1a55f1",14:"7c7d271ecf38b7d367b4",15:"c835a7a3ddfd6c1b9ba3",16:"cca787873b3f39db0d41",17:"0316c83d79b6688bdca6",18:"20303bc9e91a69672b06"}[e]+".js";var d=setTimeout(f,12e4);function f(){a.onerror=a.onload=null,clearTimeout(d);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=f,o.appendChild(a),r},c.m=e,c.c=r,c.d=function(e,n,r){c.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},c.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(n,"a",n),n},c.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},c.p="./staticWeb/",c.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.95e994ba30bffa07ed55.js.map