first commit

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  'extends': ['taro/react']
+}

.gitignore

@@ -0,0 +1,6 @@
+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store

babel.config.js

@@ -0,0 +1,10 @@
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'react',
+      ts: false
+    }]
+  ]
+}

config/dev.js

@@ -0,0 +1,14 @@
+
+module.exports = {
+  env: {
+    NODE_ENV: '"development"'
+  },
+  defineConstants: {
+    HOST: '"http://localhost:7080"',
+    WSS_HOST: '"ws://localhost:7080"',
+    // OSS_PATH: "https://njcj.oss-cn-shanghai.aliyuncs.com/",
+    // OSS_FAST_PATH: "https://njcj.oss-accelerate.aliyuncs.com/",
+  },
+  weapp: {},
+  h5: {}
+};

config/index.js

@@ -0,0 +1,76 @@
+const config = {
+  projectName: 'shigongliApp',
+  date: '2020-12-12',
+  designWidth: 750,
+  // deviceRatio: {
+  //   640: 2.34 / 2,
+  //   750: 1,
+  //   828: 1.81 / 2
+  // },
+  deviceRatio: {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2,
+    // 1125:2 / 3
+  },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  plugins: [],
+  defineConstants: {
+  },
+  copy: {
+    patterns: [
+    ],
+    options: {
+    }
+  },
+  framework: 'react',
+  mini: {
+    postcss: {
+      pxtransform: {
+        enable: true,
+        config: {
+
+        }
+      },
+      url: {
+        enable: true,
+        config: {
+          limit: 1024 // 设定转换尺寸上限
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  },
+  h5: {
+    publicPath: '/',
+    staticDirectory: 'static',
+    postcss: {
+      autoprefixer: {
+        enable: true,
+        config: {
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  }
+}
+
+module.exports = function (merge) {
+  if (process.env.NODE_ENV === 'development') {
+    return merge({}, config, require('./dev'))
+  }
+  return merge({}, config, require('./prod'))
+}

config/prod.js

@@ -0,0 +1,18 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"production"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {
+    /**
+     * 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。
+     * 参考代码如下：
+     * webpackChain (chain) {
+     *   chain.plugin('analyzer')
+     *     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+     * }
+     */
+  }
+}

package.json

@@ -0,0 +1,65 @@
+{
+  "name": "shigongliApp",
+  "version": "1.0.0",
+  "private": true,
+  "description": "十公里小程序",
+  "templateInfo": {
+    "name": "taro-ui",
+    "typescript": false,
+    "css": "sass"
+  },
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:quickapp": "taro build --type quickapp",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:quickapp": "npm run build:quickapp -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.7.7",
+    "@tarojs/cli": "3.0.13",
+    "@tarojs/components": "3.0.13",
+    "@tarojs/react": "3.0.13",
+    "@tarojs/runtime": "3.0.13",
+    "@tarojs/taro": "3.0.13",
+    "lodash": "4.17.15",
+    "react": "^16.10.0",
+    "react-dom": "^16.10.0",
+    "react-redux": "^7.2.2",
+    "redux": "^4.0.5",
+    "taro-ui": "^3.0.0-alpha.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@tarojs/mini-runner": "3.0.13",
+    "@tarojs/webpack-runner": "3.0.13",
+    "@types/webpack-env": "^1.13.6",
+    "babel-preset-taro": "3.0.13",
+    "eslint": "^6.8.0",
+    "eslint-config-taro": "3.0.13",
+    "stylelint": "9.3.0",
+    "@types/react": "^16.0.0",
+    "eslint-plugin-react": "^7.8.2",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react-hooks": "^1.6.1"
+  }
+}

project.config.json

@@ -0,0 +1,26 @@
+{
+	"miniprogramRoot": "dist/",
+	"projectname": "shigongliApp",
+	"description": "十公里小程序",
+	"appid": "wx06a7372d48d56843",
+	"setting": {
+		"urlCheck": true,
+		"es6": false,
+		"postcss": false,
+		"preloadBackgroundData": false,
+		"minified": false,
+		"newFeature": true,
+		"autoAudits": false,
+		"coverView": true,
+		"showShadowRootInWxmlPanel": false,
+		"scopeDataCheck": false,
+		"useCompilerModule": false
+	},
+	"compileType": "miniprogram",
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {},
+	"useExtendedLib": {
+		"weui": true
+	  }
+}

src/actions/user.js

@@ -0,0 +1,24 @@
+import {
+  ADD,
+  MINUS
+} from '../constants/user'
+
+export const add = () => {
+  return {
+    type: ADD
+  }
+}
+export const minus = () => {
+  return {
+    type: MINUS
+  }
+}
+
+// 异步的action
+export function asyncAdd () {
+  return dispatch => {
+    setTimeout(() => {
+      dispatch(add())
+    }, 2000)
+  }
+}

src/app.config.js

@@ -0,0 +1,22 @@
+export default {
+  pages: [
+    'pages/index/index',
+    'pages/house/index',
+    'pages/map/index',
+    'pages/wifi/index',
+    'pages/share/index',
+    'pages/house/addnewhouse/index',
+    'pages/house/household/index',
+    'pages/account/index',
+    'pages/account/edit/index',
+    'pages/material/index',
+    'pages/label/index',
+    'pages/label/edit/index',
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+}

src/app.js

@@ -0,0 +1,33 @@
+
+import 'taro-ui/dist/style/index.scss'
+import React, { Component } from 'react'
+import { Provider } from 'react-redux'
+
+import configStore from './store'
+
+import './app.scss'
+
+const store = configStore()
+
+class App extends Component {
+  componentDidMount () {}
+
+  componentDidShow () {}
+
+  componentDidHide () {}
+
+  componentDidCatchError () {}
+
+  // 在 App 类中的 render() 函数没有实际作用
+  // 请勿修改此函数
+  render () {
+    return (
+      <Provider store={store}>
+        {this.props.children}
+      </Provider>
+    )
+  }
+}
+
+export default App
+

src/app.scss

@@ -0,0 +1,57 @@
+page {
+   background-color: #f4f4f4;
+   letter-spacing: 4px;
+
+
+}
+.page-container {
+   padding: 0 41.3px 0;
+   width: 667.33px;
+ 
+   
+ 
+ 
+   color: #181818;
+ }
+
+
+ .title{
+   color: #7b7b7b;
+   font-size: 30px;
+   font-weight: 500;
+   margin-left: 40px;
+ }
+
+
+ .inputstyle {
+   // padding:13.33px;
+   &-view {
+     margin: 50px 0 0;
+ 
+     &-card {
+       // height: 106px;
+       // line-height: 106px;
+       padding: 0 40px;
+       // color:#181818;
+       font-size: 24px;
+       // font-weight: 600;
+       margin-top: 26.67px;
+       border-radius: 30px;
+       border-radius: 20px;
+       .input{
+         font-size: 28px;
+         padding:30px 0;
+         line-height: 106px;
+         // color: red;
+       }
+       .placeholderinput{
+         // line-height: 106px;
+         color: #d2d2d2;
+         font-size: 28px;
+       }
+     }
+     
+     // style={{width:'48.4rpx',height:'48.4rpx'}}
+   }
+ 
+ }

src/compents/container/index.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import './index.scss'
+
+const container = (props) => {
+    const { className,children, ...prop } = props
+    // let { className, ...prop } = props
+// console.log(props,prop)
+    return  <view className={`container,${className}`} {...prop} >{children}</view>;
+    // <view className={`container,${className}`} props >{children}</view>;
+}
+
+export default container

src/compents/container/index.scss

@@ -0,0 +1,6 @@
+.container{
+ 
+    background-color: #fff;
+    border-radius: 56px;
+    padding: 40px;
+}

src/compents/tab/index.jsx

@@ -0,0 +1,57 @@
+import React, { useEffect, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Image } from '@tarojs/components'
+import uploadicon from '../../assets/uploadicon.png'
+import roleList from '../../util/userRole'
+import './index.scss'
+
+const getColor = (role) => {
+    switch (role) {
+        case roleList.landlord: return '#274291'
+        case roleList.adminuser: return '#274291'
+        // landlord: 'landlord',
+        case roleList.customer: return '#fed12f'
+    }
+}
+
+
+const tab = (props) => {
+
+    const user = useSelector(state => state.user)
+
+    const { value, pageState, color, ...prop } = props
+
+    const [state, setState] = useState(1)
+    console.log(props)
+    useEffect(() => {
+
+    }, [])
+    //  &-on{
+    //     color: #fed12f;
+    // }${props.className}
+    return <View className='tab'>
+        {value.length == 1 && <View className={`tab,tab1,${props.className}`} style={{ backgroundColor: getColor(user.role) ,color}}   onClick={() => props.onClick('2')}>{value[0]}
+        </View>}
+        {value.length == 2 && <View className={`tab,tab2,${props.className}`} style={{ display: 'flex', }}>
+            <View style={{ width: '50%' }} style={pageState == '2' ? { color: getColor(user.role), width: '50%' } : { width: '50%' }} onClick={props.onClick[0]}>{value[0]}</View>
+            <View style={{ width: '50%' }} style={pageState == '3' ? { color: getColor(user.role), width: '50%' } : { width: '50%' }} onClick={props.onClick[1]}>{value[1]}</View>
+        </View>}
+        {/* {value==1&&<View className={`tab,tab1,${props.className}`} onClick={()=>props.onClick(2)}>onClick={props.onClick[0]('2')}
+            开启旅程
+        </View>}
+        {value!=1&&<View className={`tab,tab2,${props.className}`}  style={{display: 'flex',}}>
+            <View style={{width:'50%'}} style={value=='guide'||value==2 ?{color: getColor(user.role),width:'50%'}:{width:'50%'}}  onClick={()=>props.onClick('guide')}>入住指引</View>
+            <View style={{width:'50%'}} style={value=='recommend' ?{color: getColor(user.role),width:'50%'}:{width:'50%'}} c onClick={()=>props.onClick('recommend')}>房东推荐</View>
+        </View>} */}
+        {/* {value==1&&<View className={`tab,tab1,${props.className}`} style={{background:getColor(user.role),color:'#ffffff'} } onClick={()=>Taro.navigateTo({ url: "/pages/house/add/index" })}>
+           +新增房源
+        </View>}
+        {value!=1&&<View className={`tab,tab2,${props.className}`}  style={{display: 'flex',}}>
+            <View style={{width:'50%'}} style={value=='guide'||value==2 ?{color: getColor(user.role),width:'50%'}:{width:'50%'}}  onClick={()=>props.onClick('guide')}>入住指引</View>
+            <View style={{width:'50%'}} style={value=='recommend' ?{color: getColor(user.role),width:'50%'}:{width:'50%'}} c onClick={()=>props.onClick('recommend')}>房东推荐</View>
+        </View>} */}
+    </View>
+};
+
+export default tab

src/compents/tab/index.scss

@@ -0,0 +1,29 @@
+.tab{
+    
+    position:absolute;
+    bottom: 0;
+    width: 100%;
+    height: 173.33px;
+    border-radius:40px 40px 0 0;
+    text-align: center;
+    line-height: 173px;
+    z-index:999;
+
+
+    .tab1 {
+        background-color: #274291;
+        font-size: 44px;
+        font-weight: 600;
+        letter-spacing: 14px;
+    }
+
+    .tab2 {
+        background-color: #ffffff;
+        font-size: 34px;
+        color: #d2d2d2;
+        font-weight: 500;
+       
+    }
+
+    
+}

src/compents/tags/index.jsx

@@ -0,0 +1,50 @@
+import React, { useEffect, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Text } from '@tarojs/components'
+import roleList from '../../util/userRole'
+import './index.scss'
+import { set } from 'lodash';
+
+const getColor = (role) => {
+    switch (role) {
+        case roleList.landlord: return '#274291'
+        case roleList.adminuser: return '#274291'
+        // landlord: 'landlord',
+        case roleList.customer: return '#fed12f'
+    }
+}
+
+
+const tags = (props) => {
+
+    const user = useSelector(state => state.user)
+
+    const { value, list, onChange, ...prop } = props
+
+    const [state, setState] = useState(1)
+    const [key,setKey] = useState(value)
+    console.log(props)
+    useEffect(() => {
+
+    }, [])
+   const onClick = (item) =>{
+
+       setKey(item.id)
+       onChange(item)
+   }
+    return <View className='tags'>
+        <View className='at-row at-row--wrap' style={{marginTop:'10rpx'}}>
+            {
+                list.map((item)=>{
+                   return <View className='at-col at-col-4 ' >
+                       <View className={`tags-btn tags-btn${item.id===key?'-on':''}`} onClick={()=>onClick(item)} >{item.name}</View>
+                       </View>
+                })
+            }
+
+        </View>
+    </View>
+};
+
+export default tags

src/compents/tags/index.scss

@@ -0,0 +1,20 @@
+.tags{
+    
+
+
+   &-btn{
+       background-color: #ffffff;
+       color: #acacac;
+       margin: 10px;
+       font-size: 22px;
+       height: 50px;
+       line-height: 50px;
+       border-radius: 25px;
+       &-on {
+        background-color: #274291;
+        color: #ffffff;
+       }
+   }
+
+    
+}

src/constants/user.js

@@ -0,0 +1,2 @@
+export const ADD = 'ADD'
+export const MINUS = 'MINUS'

src/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title></title>
+  <script>
+    !function(x){function w(){var v,u,t,tes,s=x.document,r=s.documentElement,a=r.getBoundingClientRect().width;if(!v&&!u){var n=!!x.navigator.appVersion.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;tes=x.devicePixelRatio;v=n?v:1,u=1/v}if(a>=640){r.style.fontSize="40px"}else{if(a<=320){r.style.fontSize="20px"}else{r.style.fontSize=a/320*20+"px"}}}x.addEventListener("resize",function(){w()});w()}(window);
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/layout/index.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View, ScrollView } from '@tarojs/components'
+
+const Layout = ({ children }) => {
+    return <ScrollView scrollY style={{ height: 'calc(100vh - 162rpx)' }} >
+        <View className='page-container' >
+            {children}
+        </View>
+    </ScrollView>
+}
+
+
+export default Layout;

src/pages/account/edit/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  navigationBarTitleText: '首页',
+  
+}

src/pages/account/edit/index.jsx

@@ -0,0 +1,159 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Input, Text, Image, Form } from '@tarojs/components'
+import Layout from '../../../layout/index'
+import Tab from '../../../compents/tab/index'
+import Container from '../../../compents/container/index'
+import locationicon from '../../../assets/locationicon.png'
+import uploadicon from '../../../assets/uploadicon.png'
+import './index.scss'
+
+const index = (props) => {
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onSave = () => {
+        console.log(333)
+
+        Taro.showModal({
+            title: '修改成功',
+            content: '点击确认按钮，返回上级菜单',
+            showCancel: false,
+            success: function (res) {
+                if (res.confirm) {
+                    console.log('用户点击确定')
+
+                    Taro.navigateBack({
+                        delta: 1
+                    })
+                } else if (res.cancel) {
+                    console.log('用户点击取消')
+                }
+            }
+        })
+    }
+
+    const onChooseLocation = () => {
+        console.log(333)
+        wx.chooseLocation({
+            success: (res) => {
+                console.log(res)
+            }
+        })
+    }
+    const formSubmit = (e) => {
+        console.log(e, 'formSubmit')
+    }
+
+    const formReset = () => {
+        console.log('formReset')
+    }
+
+    return <View className='addnewhouse'>
+
+
+        {/* <Form onSubmit={this.formSubmit} onReset={this.formReset} >
+        <View className='example-body'>
+          <Switch name='switch' className='form-switch'></Switch>
+        </View>
+      </Form> */}
+
+        <Layout>
+            <Form onSubmit={formSubmit} onReset={formReset}>
+                <View className='inputstyle-view'>
+                    <Text className='title'>系统账号</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>姓名</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>电话</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>微信号</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>房源数</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>logo</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Image className='guide-view-img' mode='widthFix' onClick={() => wx.chooseImage({
+                            count: 1,
+                            sizeType: ['original', 'compressed'],
+                            sourceType: ['album',],
+                            success: (res) => {
+                                // tempFilePath可以作为img标签的src属性显示图片
+
+                                console.log(res)
+                                // const tempFilePaths = res.tempFilePaths
+                                // setImgurl(tempFilePaths[0])
+                            }
+                        })} src={uploadicon || "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg"}></Image>
+                        {/* <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' /> */}
+                    </Container>
+                </View>
+            </Form>
+
+        </Layout>
+        <Tab className='addhousetab' pageState='3' value={['取消', '确认修改']} onClick={[(e) => Taro.navigateBack({
+                        delta: 1
+                    }), () => onSave()]}></Tab>
+
+
+
+
+
+    </View>
+}
+
+export default index

src/pages/account/edit/index.scss

@@ -0,0 +1,50 @@
+.map {
+  // padding:13.33px;
+  &-view {
+    margin: 50px 0 0;
+
+    &-card {
+      // height: 106px;
+      // line-height: 106px;
+      padding: 0 40px;
+      // color:#181818;
+      font-size: 24px;
+      // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 30px;
+      border-radius: 20px;
+      .input{
+        font-size: 28px;
+        padding:30px 0;
+        line-height: 106px;
+        // color: red;
+      }
+      .placeholderinput{
+        // line-height: 106px;
+        color: #d2d2d2;
+        font-size: 28px;
+      }
+    }
+    &-icon {
+      margin-left: 40px;
+      // padding: 20px 30px;
+      // color:#181818;
+      width: 150px;
+      height: 106.67px;
+      // font-size: 36px;
+      // // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 20px;
+      background-color: #274291;
+      padding: 0;
+      text-align: center;
+      line-height:120.67px;
+      .icon {
+        
+        // width: 100%;
+      }
+    }
+    // style={{width:'48.4rpx',height:'48.4rpx'}}
+  }
+
+}

src/pages/account/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/account/index.jsx

@@ -0,0 +1,124 @@
+import React, { useEffect, useMemo, useState, useRef } from 'react'
+import Taro from '@tarojs/taro'
+import './index.scss'
+import { View, Text, Input, Image } from '@tarojs/components'
+import ContainerLayout from '../../compents/container/index'
+import Tab from '../../compents/tab/index'
+import Layout from '../../layout/index'
+
+const house = (props) => {
+
+  const [list, setList] = useState([])
+  const [radioHouse, setRadioHouse] = useState()
+
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = 3;
+  });
+
+
+
+  const radioHouseState = useMemo(() => props.radioHouseState, [props.radioHouseState])
+  wx.setNavigationBarTitle({
+    title: '民宿房源管理'
+  })
+  console.log(props, radioHouseState)
+  useEffect(() => {
+    setList([
+      {
+        id: 1,
+        name: 'zhou',
+        phone: '177',
+        user: {
+          name: '张三',
+          phone: '17777777777',
+          wxid: 'hhh',
+          number: '3'
+        }
+      },
+      {
+        id: 2,
+        name: 'zhou',
+        phone: '177',
+        user: {
+          name: '张三',
+          phone: '17777777777',
+          wxid: 'hhh',
+          number: '3',
+          user: {
+            name: '张三',
+            phone: '17777777777',
+            wxid: 'hhh',
+            number: '3'
+          }
+        }
+      },
+      {
+        id: 3,
+        name: 'zhou',
+        phone: '177',
+        user: {
+          name: '张三',
+          phone: '17777777777',
+          wxid: 'hhh',
+          number: '3',
+          user: {
+            name: '张三',
+            phone: '17777777777',
+            wxid: 'hhh',
+            number: '3'
+          }
+        }
+      }
+    ])
+  }, [])
+
+  const onDelete = () => {
+    Taro.showModal({
+      title: '确定删除该老板账号吗',
+      content: '确定后，该老板房源信息将一并删除',
+      cancelColor:'#d2d2d2',
+                confirmColor:"#274191",
+      success: function (res) {
+        if (res.confirm) {
+          console.log('用户点击确定')
+
+         
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
+  }
+
+
+
+
+  return <View className='account'>
+    <Layout>
+      {list.map((x, index) => {
+        return <View className='account-view'>
+          <Text className='account-view-title'>房源编号：{index + 1}</Text>
+          <ContainerLayout className='account-view-card'>
+            <View className='top' onClick={() => { if (!radioHouseState) Taro.navigateTo({ url: `/pages/house/index?=${x.id}` }) }}>
+              <View>姓名：{x.user.name}</View>
+              <View>电话：{x.user.name}</View>
+              <View>微信号：{x.user.name}</View>
+              <View>房源数：{x.user.name}</View>
+            </View>
+            <View className='bottom'>
+              <Text onClick={() => { Taro.navigateTo({ url: `/pages/account/edit/index?=${x.id}` }) }}>编辑</Text>
+              <Text onClick={onDelete}>删除</Text>
+            </View>
+          </ContainerLayout>
+
+        </View>
+
+      })}
+    </Layout>
+    {/* onClick={(e)=>(e) */}
+    <Tab value={['+新增名宿老板账号']} color='#ffffff' onClick={() => { Taro.navigateTo({ url: `/pages/account/edit/index` }) }} ></Tab>
+  </View>
+}
+
+export default house

src/pages/account/index.scss

@@ -0,0 +1,54 @@
+.account {
+
+  // padding: 13.33px 0;
+  &-view {
+    margin: 40px 0 0;
+
+    // padding: 0;
+    &-title {
+      color: #7b7b7b;
+      font-size: 30px;
+      font-weight: 500;
+      margin-left: 40px;
+
+    }
+
+    &-card {
+      padding: 0;
+      color: #181818;
+      font-size: 24px;
+      font-weight: 600;
+      margin-top: 26.67px;
+      position: relative;
+
+      &-radio {
+          width: 50px;
+          height: 50px;
+        background-color: #274291;
+        text-align: center;
+        line-height: 50px;
+        position: absolute;
+        border-radius: 25px;
+        top: -12.5px;
+        right: -12.5px;
+      }
+
+      .top {
+        padding: 40px 40px;
+        border-bottom: 1px solid #f4f4f4;
+        line-height: 32px;
+        font-weight: 500;
+        // font-size: ;
+        // min-height: 120px;
+      }
+
+      .bottom {
+        display: flex;
+        justify-content: space-around;
+        padding: 20px
+      }
+
+
+    }
+  }
+}

src/pages/adminUser/index.jsx

@@ -0,0 +1,97 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro, { } from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Text, Image } from '@tarojs/components'
+import Layout from '../../layout/index'
+import ContainerLayout from '../../compents/container/index'
+import usericon from '../../assets/usericon.png'
+import editicon from '../../assets/editicon.png'
+import upload from '../../assets/upload.png'
+import menuicon from '../../assets/menuicon.png'
+
+import './index.scss'
+import { xor } from 'lodash';
+
+const menuList = [{
+  title: '名宿老板账号管理',
+  icon: usericon,
+  url: '/pages/account/index'
+}, {
+  title: '素材编辑与查询',
+  icon: editicon,
+  url: '/pages/material/index'
+}, {
+  title: '素材批量录入',
+  icon: upload,
+  url: '33'
+}, {
+  title: '素材标签管理',
+  icon: menuicon,
+  url: '/pages/label/index'
+}]
+
+const index = (props) => {
+
+  const page = useSelector(state => state.page)
+
+  const user = useSelector(state => state.user)
+  const [isOpened, setIsOpened] = useState(false)
+  const [userRole, setUserRole] = useState('1')
+  const [pageState, setPageState] = useState('1')
+  const [list, setList] = useState([])
+  const [radioHouseData, setRadioHouseData] = useState()
+  const [radioHouseState, setRadioHouseState] = useState(false)
+
+  useEffect(() => {
+
+
+  }, [])
+
+
+
+  const handleClose = () => {
+    setIsOpened(false)
+  }
+  const onTabClick = (e) => {
+    console.log(e, '111')
+    setUserRole(e)
+
+  }
+
+  const onRegisterChange = (e) => {
+    console.log(e, '111')
+  }
+  const onClick = (row) => {
+
+
+    Taro.navigateTo({ url: row.url })
+
+
+
+  }
+
+
+  return <View className='adminUser'>
+
+
+
+
+    <Layout>
+      {menuList.map((row) => {
+        return <ContainerLayout className='adminUser-menu' onClick={() => onClick(row)}>
+          <Text>{row.title}</Text>
+          <View className='adminUser-menu-img' >
+            <Image className='image' src={row.icon}></Image>
+          </View>
+
+        </ContainerLayout>
+      })}
+    </Layout>
+
+
+
+
+  </View>
+}
+
+export default index

src/pages/adminUser/index.scss

@@ -0,0 +1,27 @@
+.adminUser{
+  
+  &-menu{
+    margin-top: 40px;
+    padding: 60px;
+    font-size: 32px;
+    font-weight: 600;
+    border-radius: 50px;
+    position: relative;
+    &-img{
+      background-color:#274291 ;
+      position: absolute;
+      width: 60px;
+      height: 60px;
+      right: 40px;
+      top: 50px;
+      border-radius: 30px;
+      text-align: center;
+      line-height: 70px;
+      .image{
+        margin-top: 15px;
+        width: 30px;
+        height: 30px;
+      }
+    }
+  }
+}

src/pages/customer/index.js

@@ -0,0 +1,92 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import { useSelector } from 'react-redux'
+import { View, ScrollView } from '@tarojs/components'
+import  Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+import Register from './register/index'
+import Guide from '../guide/index'
+import Recommend from '../recommend/index'
+// import HouseLIst from '../house/list'
+
+import './index.scss'
+
+const index = (props) => {
+
+  const page = useSelector(state => state.page)
+
+  const user = useSelector(state => state.user)
+
+  const [userRole, setUserRole] = useState('1')
+  const [pageState, setPageState] = useState('2')
+  const [list, setList] = useState([])
+  useEffect(() => {
+
+    console.log(page,'page')
+    setList([
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      }
+    ])
+  }, [])
+
+
+  const onTabClick = (e) => {
+    console.log(e, '111')
+    setUserRole(e)
+  }
+
+  const onRegisterChange = (e) => {
+    console.log(e, '111')
+  }
+
+ 
+  return <View className='index'>
+
+
+     <View>
+
+    <Layout>
+    {pageState=='1'&&<Register></Register>  }
+    {pageState=='2'&&<Guide></Guide>  }
+    {pageState=='3'&&<Recommend></Recommend>  }
+    </Layout>
+    {pageState=='1' &&<Tab value={['开启旅程']} onClick={(e)=>setPageState(e)}></Tab>}
+    {pageState!='1' &&<Tab value={['入住指引','房东推荐']} pageState={pageState} onClick={[(e) => setPageState('2'),(e) => setPageState('3')]}></Tab>}
+
+    </View>
+
+
+
+      {/* userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)} */}
+
+        {/* {userRole == 1 ? <Register userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}></Register> :
+          <View>
+            {(userRole == 'guide' || userRole == 2) && <Guide userRole={userRole}/>}
+            {userRole == 'recommend' && <Recommend userRole={userRole}/>}
+          </View>
+        }
+        {userRole == 2 ? <Register userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}></Register> :
+          <View>
+            {(userRole == 'guide' || userRole == 2) && <Guide userRole={userRole}/>}
+            {userRole == 'recommend' && <Recommend userRole={userRole}/>}
+          </View>
+        }
+     <HouseLIst userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}></HouseLIst>  */}
+       
+        
+      
+      {/* value={userRole} onClick={(e) => onTabClick(e)*/}
+    
+  </View>
+}
+
+export default index

src/pages/customer/index.scss

@@ -0,0 +1,5 @@
+.page-container {
+
+
+  color: #181818;
+}

src/pages/customer/register/index.jsx

@@ -0,0 +1,53 @@
+import React, { useEffect, useState } from 'react'
+import './register.scss'
+import { View, Text, Input } from '@tarojs/components'
+import ContainerLayout from '../../../compents/container/index'
+import { AtInput }  from 'taro-ui'
+
+const register = (props) => {
+
+    // const {list,onChange}= props
+
+    const [list, setList] = useState([])
+    useEffect(() => {
+  
+    //   console.log(page,'page')
+      setList([
+        {
+          name: 'zhou',
+          phone: '177'
+        },
+        {
+          name: 'zhou',
+          phone: '177'
+        },
+        {
+          name: 'zhou',
+          phone: '177'
+        },
+        {
+            name: 'zhou',
+            phone: '177'
+          }
+      ])
+    }, [])
+    // const onChange =
+//  onChange={onChange}
+//  onChange={onChange}
+    return <View className='register'>
+        {list.map((x, index) => {
+            return <View className='register-user'>
+                <Text>入住人{index + 1}</Text>
+                <ContainerLayout className='register-user-from'>
+                    <AtInput className='register-user-from-input' title='姓名' type='text'   />
+                    <AtInput className='register-user-from-input'  title='电话' type='text'   />
+                </ContainerLayout>
+
+            </View>
+
+        })}
+
+    </View>
+}
+
+export default register

src/pages/customer/register/register.scss

@@ -0,0 +1,44 @@
+.register{
+    padding: 13.33px 0;
+    &-user{
+        padding-top: 40px;
+        Text {
+            
+            color: #7b7b7b;
+            font-size: 30px;
+            font-weight: 500;
+            margin-left: 40px;
+        }
+        &-from{
+            // height: 300px;
+            padding: 37.33px 40px;
+            margin-top: 26.67px;
+            &-input{
+                margin: 16px 0 26.67px;
+                // height:54px;
+                line-height: 54px;
+                font-size: 24px;
+            }
+
+            .at-input {
+                // margin-left: 0;
+                background: #f4f4f4;
+                padding: 16px 0;
+                // height: 60px;
+                border-radius: 20px;
+                font-size: 24px;
+                border-bottom: none;
+
+                &::after{
+                    border:none
+                }
+              }
+            .at-input__title{
+                text-align: center;
+                color: #cccccc;
+                font-size: 24px;
+                line-height: 54px
+            }
+        }
+    }
+}

src/pages/guide/index.jsx

@@ -0,0 +1,93 @@
+import React, { useState } from 'react'
+import Taro from '@tarojs/taro'
+import { View, Text, Image } from '@tarojs/components'
+import ContainerLayout from '../../compents/container/index'
+import icon from '../../assets/icon.png'
+import './index.scss'
+import userRloe from '../../util/userRole'
+import { useSelector } from 'react-redux'
+
+const guide = (props) => {
+
+    const user = useSelector(state => state.user)
+    // const guide = useSelector(state => state.guide)
+
+    const { value, ...prop } = props
+    console.log(guide,'guide')
+    const [state, setState] = useState(1)
+
+    const [imgurl, setImgurl] = useState('')
+
+    const onToMap = (type) => {
+        if (user.role == userRloe.customer) return
+        console.log(type)
+        switch (type){
+            case 'house':Taro.navigateTo({ url: `/pages/map/index?type=${type}` }); break;
+            case 'park':Taro.navigateTo({ url: `/pages/map/index?type=${type}` }); break;
+            case 'wifi':Taro.navigateTo({ url: `/pages/wifi/index?type=${type}` }); break;
+            case 'image':{
+                wx.chooseImage({
+                count: 1,
+                sizeType: ['original', 'compressed'],
+                sourceType: ['album',],
+                success: (res)=> {
+                  // tempFilePath可以作为img标签的src属性显示图片
+                
+                  console.log(res)
+                  const tempFilePaths = res.tempFilePaths
+                    setImgurl(tempFilePaths[0])
+                }
+              }); break;}
+        }
+        // Taro.navigateTo({ url: `/pages/map/index?type=${type}` })
+    }
+    // 
+    return <View className='guide'>
+        <View className='guide-view'>
+            <Text className='guide-view-info'>房屋位置</Text>
+            <ContainerLayout className='guide-view-layout' style={{ display: 'flex', justifyContent: 'space-between' }} onClick={() => onToMap('house')}>
+                <View  >
+                    <View className='guide-view-layout-text1' >南京市 浦口</View>
+                    <View className='guide-view-layout-text2'>秦淮区仙鹤街</View>
+                </View>
+                {user.role == userRloe.customer && <View style={{ float: 'right' }}>
+                    <Image className='icon' src={icon} />
+                    <View className='icontext'>去这里</View>
+                </View>}
+            </ContainerLayout>
+        </View>
+        <View className='guide-view'>
+            <Text className='guide-view-info'>停车位置</Text>
+            <ContainerLayout className='guide-view-layout' style={{ display: 'flex', justifyContent: 'space-between' }} onClick={() => onToMap('park')}>
+                <View  >
+                    <View className='guide-view-layout-text1' >南京市 浦口</View>
+                    <View className='guide-view-layout-text2'>秦淮区仙鹤街</View>
+                </View>
+                {user.role == userRloe.customer && <View style={{ float: 'right' }}>
+                    <Image className='icon' src={icon} />
+                    <View className='icontext'>去这里</View>
+                </View>}
+            </ContainerLayout>
+        </View>
+        <View className='guide-view'>
+            <Text className='guide-view-info'>wifi信息</Text>
+            <ContainerLayout className='guide-view-layout guide-view-wifi' onClick={() => onToMap('wifi')}>
+                <View>
+                    <Text>名称：</Text><Text>{4324}</Text>
+                </View>
+                <View>
+                    <Text>密码：</Text><Text>{23423}</Text>
+                </View>
+            </ContainerLayout>
+        </View>
+        <View className='guide-view'>
+            <Text className='guide-view-info'>其他指引</Text>
+            {/* <ContainerLayout className='guide-view-layout guide-view-img'> */}
+            <Image className='guide-view-img' mode='widthFix' onClick={() => onToMap('image')} src={imgurl||"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg"}></Image>
+            {/* </ContainerLayout> */}
+        </View>
+
+    </View>
+};
+
+export default guide

src/pages/guide/index.scss

@@ -0,0 +1,88 @@
+.guide {
+  &-view {
+    margin: 40px 0 0;
+
+    &-info {
+      color: #7b7b7b;
+      font-size: 30px;
+      font-weight: 500;
+      margin-left: 40px;
+    }
+
+    &-layout {
+      // padding: 80px 60px;
+      padding: 0 0 40px;
+
+      margin: 26.67px 0 40px;
+
+      &-text1 {
+        color: #181818;
+        font-size: 28px;
+        font-weight: 550;
+        margin: 40px 40px 0;
+      }
+
+      &-text2 {
+        color: #7b7b7b;
+        font-size: 24px;
+        // font-weight: 600;
+        margin: 10px 40px 0;
+      }
+    }
+
+    &-wifi {
+      padding: 30px 40px;
+      font-size: 24px;
+      color: #7b7b7b;
+      line-height: 32px;
+    }
+
+    &-img {
+      // width: 100%;
+      // height: 100%;
+      margin-top: 26.667px;
+      width: 100%;
+      height: 100%;
+      border-radius: 40px;
+
+    }
+  }
+
+  .icon {
+    width: 40px;
+    height: 40px;
+    margin: 48px 40px 0;
+  }
+
+  .icontext {
+    color: #181818;
+    font-size: 22px;
+    text-align: center;
+    // font-weight: 600;
+    // margin: 20px 60px 80px;
+  }
+}
+
+// .register{
+//     &-user{
+//         margin: 60px 0 0;
+//         Text {
+//             color: #7b7b7b;
+//             font-size: 34px;
+//             font-weight: 500;
+//         }
+//         &-from{
+//             // height: 300px;
+//             padding: 80px 60px;
+//             margin-top: 40px;
+//             &-input{
+//                 margin: 40px 0;
+//                 // 
+//             }
+//             .at-input__title{
+//                 text-align: center;
+//                 color: #cccccc;
+//             }
+//         }
+//     }
+// }

src/pages/house/add/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/house/add/index.jsx

@@ -0,0 +1,64 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import { useSelector } from 'react-redux'
+import { View, ScrollView } from '@tarojs/components'
+import Tab from '../../../compents/tab/index'
+import Guide from '../../guide/index'
+import Recommend from '../../recommend/index'
+import './index.scss'
+
+const houseadd = (props) => {
+
+  const user = useSelector(state => state.user)
+
+  const [userRole, setUserRole] = useState('guide')
+  const [pageState, SetPageState] = useState('1')
+  const [list, setList] = useState([])
+  useEffect(() => {
+    setList([
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      }
+    ])
+  }, [])
+
+
+  const onTabClick = (e) => {
+    console.log(e, '111')
+    setUserRole(e)
+  }
+
+  const onRegisterChange = (e) => {
+    console.log(e, '111')
+  }
+
+
+  return <View className='index'>
+    <ScrollView scrollY style={{ height: 'calc(100vh - 180rpx)' }} >
+    <View className='page-container' >
+        <View className='house-add'>
+        
+
+
+            <View>
+              {userRole == 'guide' && <Guide userRole={userRole} />}
+              {userRole == 'recommend' && <Recommend userRole={userRole} />}
+            </View>
+
+        </View>
+
+      </View>
+    </ScrollView>
+    <Tab value={userRole} onClick={(e) => onTabClick(e)}></Tab>
+  </View>
+}
+
+export default houseadd

src/pages/house/add/index.scss

@@ -0,0 +1,53 @@
+.houselist{
+    &-view{
+        margin: 60px 0 0;
+        // padding: 0;
+        &-title {
+            color: #7b7b7b;
+            font-size: 45px;
+            font-weight: 500;
+            margin-left: 60px;
+            
+        }
+        &-card{
+            padding: 0;
+            color:#181818;
+            font-size: 36px;
+            font-weight: 600;
+            margin-top: 40px;
+            .top{
+                padding: 62px 60px;
+                border-bottom: 1px solid  #f4f4f4;
+                min-height: 120px;
+            }
+            .bottom{
+                 display: flex;
+                 justify-content: space-around;
+                 padding:30px
+            }
+         
+
+        }
+        
+        &-from{
+            // height: 300px;
+            padding: 80px 60px;
+            margin-top: 40px;
+            &-input{
+                margin: 36px 0 40px;
+                height:102px;
+                line-height: 102px;
+                font-size: 42px;
+            }
+            // &-input:nth-child(2){
+                // margin-bottom: 36px;
+            // }
+            .at-input__title{
+                text-align: center;
+                color: #cccccc;
+                font-size: 36px;
+                line-height: 102px;
+            }
+        }
+    }
+}

src/pages/house/addnewhouse/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/house/addnewhouse/index.jsx

@@ -0,0 +1,176 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Input, Text, Image, Form } from '@tarojs/components'
+import Layout from '../../../layout/index'
+import Tab from '../../../compents/tab/index'
+import Container from '../../../compents/container/index'
+import locationicon from '../../../assets/locationicon.png'
+import uploadicon from '../../../assets/uploadicon.png'
+import './index.scss'
+
+const index = (props) => {
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onSave = () => {
+        console.log(333)
+
+        Taro.showModal({
+            title: '修改成功',
+            content: '点击确认按钮，返回上级菜单',
+            showCancel: false,
+            success: function (res) {
+                if (res.confirm) {
+                    console.log('用户点击确定')
+
+                    Taro.navigateBack({
+                        delta: 1
+                    })
+                } else if (res.cancel) {
+                    console.log('用户点击取消')
+                }
+            }
+        })
+    }
+
+    const onChooseLocation = () => {
+        console.log(333)
+        wx.chooseLocation({
+            success: (res) => {
+                console.log(res)
+            }
+        })
+    }
+    const formSubmit = (e) => {
+        console.log(e, 'formSubmit')
+    }
+
+    const formReset = () => {
+        console.log('formReset')
+    }
+
+    return <View className='addnewhouse'>
+
+
+        {/* <Form onSubmit={this.formSubmit} onReset={this.formReset} >
+        <View className='example-body'>
+          <Switch name='switch' className='form-switch'></Switch>
+        </View>
+      </Form> */}
+
+        <Layout>
+            <Form onSubmit={formSubmit} onReset={formReset}>
+                <View className='inputstyle-view'>
+                    <Text className='title'>民宿名称</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>房屋名称</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>位置形象</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>当前地址</Text>
+                    <View style={{ display: 'flex' }}>
+                        <Container className='inputstyle-view-card' style={{ width: '100%', borderRadius: '20rpx', padding: '0 40rpx' }}>
+                            <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+
+                        </Container>
+                        <Container className='map-view-icon' onClick={onChooseLocation}>
+                            <Image className='icon' mode='widthFix' style={{ width: '100%' }} style={{ width: '40rpx' }} src={locationicon} />
+
+                        </Container>
+                    </View>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>具体地址</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>WiFi名称</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>WiFi密码</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>其他指引</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Image className='guide-view-img' mode='widthFix' onClick={() => wx.chooseImage({
+                            count: 1,
+                            sizeType: ['original', 'compressed'],
+                            sourceType: ['album',],
+                            success: (res) => {
+                                // tempFilePath可以作为img标签的src属性显示图片
+
+                                console.log(res)
+                                // const tempFilePaths = res.tempFilePaths
+                                // setImgurl(tempFilePaths[0])
+                            }
+                        })} src={uploadicon || "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg"}></Image>
+                        {/* <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' /> */}
+                    </Container>
+                </View>
+            </Form>
+
+        </Layout>
+        <Tab className='addhousetab' pageState='3' value={['取消', '确认新增']} onClick={[(e) => setPageState('2'), () => formSubmit()]}></Tab>
+
+
+
+
+
+    </View>
+}
+
+export default index

src/pages/house/addnewhouse/index.scss

@@ -0,0 +1,50 @@
+.map {
+  // padding:13.33px;
+  &-view {
+    margin: 50px 0 0;
+
+    &-card {
+      // height: 106px;
+      // line-height: 106px;
+      padding: 0 40px;
+      // color:#181818;
+      font-size: 24px;
+      // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 30px;
+      border-radius: 20px;
+      .input{
+        font-size: 28px;
+        padding:30px 0;
+        line-height: 106px;
+        // color: red;
+      }
+      .placeholderinput{
+        // line-height: 106px;
+        color: #d2d2d2;
+        font-size: 28px;
+      }
+    }
+    &-icon {
+      margin-left: 40px;
+      // padding: 20px 30px;
+      // color:#181818;
+      width: 150px;
+      height: 106.67px;
+      // font-size: 36px;
+      // // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 20px;
+      background-color: #274291;
+      padding: 0;
+      text-align: center;
+      line-height:120.67px;
+      .icon {
+        
+        // width: 100%;
+      }
+    }
+    // style={{width:'48.4rpx',height:'48.4rpx'}}
+  }
+
+}

src/pages/house/household/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/house/household/index.jsx

@@ -0,0 +1,73 @@
+import React, { useEffect, useMemo, useState,useRef } from 'react'
+import Taro from '@tarojs/taro'
+import './index.scss'
+import { View, Text, Input,Image } from '@tarojs/components'
+import ContainerLayout from '../../../compents/container/index'
+import radio from '../../../assets/radio.png'
+import Layout from '../../../layout/index'
+const house = (props) => {
+
+  const [list, setList] = useState([])
+  const [radioHouse, setRadioHouse] = useState()
+  
+    const ref = useRef();
+    useEffect(() => {
+      ref.current = 3;
+    });
+  
+  
+
+  const radioHouseState = useMemo(()=>props.radioHouseState,[props.radioHouseState])
+  wx.setNavigationBarTitle({
+    title: '民宿房源管理'
+  })
+console.log(props,radioHouseState)
+  useEffect(() => {
+    setList([
+      {
+        id:1,
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        id:2,
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        id:3,
+        name: 'zhou',
+        phone: '177'
+      }
+    ])
+  }, [])
+
+  const onShare = () => {
+    Taro.navigateTo({ url: "/pages/share/index" })
+  }
+
+
+
+  return <View className='household'>
+
+    <Layout>
+      <View className='household-text'>vjoaphepionvodashvoia</View>
+    {list.map((x, index) => {
+      return <View className='household-view'>
+
+        <Text className='household-view-title'>入住日期：{index + 1}</Text>
+        <ContainerLayout className='household-view-card'>
+         
+         暂无入住人信息    
+        </ContainerLayout>
+
+      </View>
+
+    })}
+    </Layout>
+   
+   
+  </View>
+}
+
+export default house

src/pages/house/household/index.scss

@@ -0,0 +1,34 @@
+.household {
+
+  &-text{
+    padding:40px 40px;
+    text-align: center;
+  }
+  &-view {
+    margin: 40px 0 0;
+
+    // padding: 0;
+    &-title {
+      color: #7b7b7b;
+      font-size: 30px;
+      font-weight: 500;
+      margin-left: 40px;
+
+    }
+
+    &-card {
+      // padding: 0;
+      color: #fff;
+      font-size: 28px;
+      // font-weight: 600;
+      margin-top: 26.67px;
+      position: relative;
+      min-height: 150px;
+
+ text-align: center;
+background-color:#274291;
+
+
+    }
+  }
+}

src/pages/house/index.config.js

@@ -0,0 +1,5 @@
+// export default {
+//     navigationStyle: "custom"
+    
+//   }
+  

src/pages/house/index.jsx

@@ -0,0 +1,69 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import { useSelector } from 'react-redux'
+import { View, ScrollView } from '@tarojs/components'
+import Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+import Guide from '../guide/index'
+import Recommend from '../recommend/index'
+
+// import HouseLIst from '../house/list'
+
+import './index.scss'
+
+const house = (props) => {
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('2')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+
+
+    return <View className='index'>
+
+
+        <View >
+
+            <Layout>
+                {pageState == '2' && <Guide></Guide>}
+                {pageState == '3' && <Recommend></Recommend>}
+            </Layout>
+            {pageState != '1' && <Tab value={['入住指引', '房东推荐']} pageState={pageState} onClick={[(e) => setPageState('2'),(e) => setPageState('3')]}></Tab>}
+
+        </View>
+
+
+    </View>
+}
+
+export default house

src/pages/house/index.scss

@@ -0,0 +1,53 @@
+.house{
+    &-view{
+        margin: 60px 0 0;
+        // padding: 0;
+        &-title {
+            color: #7b7b7b;
+            font-size: 45px;
+            font-weight: 500;
+            margin-left: 60px;
+            
+        }
+        &-card{
+            padding: 0;
+            color:#181818;
+            font-size: 36px;
+            font-weight: 600;
+            margin-top: 40px;
+            .top{
+                padding: 62px 60px;
+                border-bottom: 1px solid  #f4f4f4;
+                min-height: 120px;
+            }
+            .bottom{
+                 display: flex;
+                 justify-content: space-around;
+                 padding:30px
+            }
+         
+
+        }
+        
+        &-from{
+            // height: 300px;
+            padding: 80px 60px;
+            margin-top: 40px;
+            &-input{
+                margin: 36px 0 40px;
+                height:102px;
+                line-height: 102px;
+                font-size: 42px;
+            }
+            // &-input:nth-child(2){
+                // margin-bottom: 36px;
+            // }
+            .at-input__title{
+                text-align: center;
+                color: #cccccc;
+                font-size: 36px;
+                line-height: 102px;
+            }
+        }
+    }
+}

src/pages/house/list/index.jsx

@@ -0,0 +1,73 @@
+import React, { useEffect, useMemo, useState,useRef } from 'react'
+import Taro from '@tarojs/taro'
+import './index.scss'
+import { View, Text, Input,Image } from '@tarojs/components'
+import ContainerLayout from '../../../compents/container/index'
+import radio from '../../../assets/radio.png'
+
+const house = (props) => {
+
+  const [list, setList] = useState([])
+  const [radioHouse, setRadioHouse] = useState()
+  
+    const ref = useRef();
+    useEffect(() => {
+      ref.current = 3;
+    });
+  
+  
+
+  const radioHouseState = useMemo(()=>props.radioHouseState,[props.radioHouseState])
+  wx.setNavigationBarTitle({
+    title: '民宿房源管理'
+  })
+console.log(props,radioHouseState)
+  useEffect(() => {
+    setList([
+      {
+        id:1,
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        id:2,
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        id:3,
+        name: 'zhou',
+        phone: '177'
+      }
+    ])
+  }, [])
+
+  const onShare = () => {
+    Taro.navigateTo({ url: "/pages/share/index" })
+  }
+
+
+
+  return <View className='houselist'>
+    {list.map((x, index) => {
+      return <View className='houselist-view'>
+        <Text className='houselist-view-title'>房源编号：{index + 1}</Text>
+        <ContainerLayout className='houselist-view-card'>
+          {radioHouseState&&<View className='houselist-view-card-radio' onClick={()=>{ props.onChange(x),setRadioHouse(x.id)}}>
+            {radioHouse==x.id&&<Image src={radio} style={{width:'30rpx',height:'20rpx'}}></Image>}
+          </View>}
+          <View className='top' onClick={() => {if(!radioHouseState) Taro.navigateTo({ url: `/pages/house/index?=${x.id}`  })}}>福娃给v阿萨v不会让发到付</View>
+          <View className='bottom'>
+            <Text onClick={() => {if(!radioHouseState) Taro.navigateTo({ url: `/pages/house/household/index?id=${x.id}` })}}>查看入住人</Text>
+            <Text onClick={onShare}>分享链接</Text>
+          </View>
+        </ContainerLayout>
+        
+      </View>
+
+    })}
+   
+  </View>
+}
+
+export default house

src/pages/house/list/index.scss

@@ -0,0 +1,52 @@
+.houselist {
+
+  // padding: 13.33px 0;
+  &-view {
+    margin: 40px 0 0;
+
+    // padding: 0;
+    &-title {
+      color: #7b7b7b;
+      font-size: 30px;
+      font-weight: 500;
+      margin-left: 40px;
+
+    }
+
+    &-card {
+      padding: 0;
+      color: #181818;
+      font-size: 24px;
+      font-weight: 600;
+      margin-top: 26.67px;
+      position: relative;
+
+      &-radio {
+          width: 50px;
+          height: 50px;
+        background-color: #274291;
+        text-align: center;
+        line-height: 50px;
+        position: absolute;
+        border-radius: 25px;
+        top: -12.5px;
+        right: -12.5px;
+      }
+
+      .top {
+        padding: 60px 40px;
+        border-bottom: 1px solid #f4f4f4;
+        line-height: 32px;
+        // min-height: 120px;
+      }
+
+      .bottom {
+        display: flex;
+        justify-content: space-around;
+        padding: 20px
+      }
+
+
+    }
+  }
+}

src/pages/index/compents/register.jsx

@@ -0,0 +1,31 @@
+import React, { useEffect, useState } from 'react'
+import './register.scss'
+import { View, Text, Input } from '@tarojs/components'
+import ContainerLayout from '../../../compents/container/index'
+import { AtInput }  from 'taro-ui'
+
+const register = (props) => {
+
+    const {list,onChange}= props
+
+
+    // const onChange =
+ 
+
+    return <View className='register'>
+        {list.map((x, index) => {
+            return <View className='register-user'>
+                <Text>入住人{index + 1}</Text>
+                <ContainerLayout className='register-user-from'>
+                    <AtInput className='register-user-from-input' onChange={onChange} title='姓名' type='text'   />
+                    <AtInput className='register-user-from-input' onChange={onChange} title='电话' type='text'   />
+                </ContainerLayout>
+
+            </View>
+
+        })}
+
+    </View>
+}
+
+export default register

src/pages/index/compents/register.scss

@@ -0,0 +1,31 @@
+.register{
+    &-user{
+        margin: 60px 0 0;
+        Text {
+            color: #7b7b7b;
+            font-size: 45px;
+            font-weight: 500;
+            margin-left: 60px;
+        }
+        &-from{
+            // height: 300px;
+            padding: 80px 60px;
+            margin-top: 40px;
+            &-input{
+                margin: 36px 0 40px;
+                height:102px;
+                line-height: 102px;
+                font-size: 42px;
+            }
+            // &-input:nth-child(2){
+                // margin-bottom: 36px;
+            // }
+            .at-input__title{
+                text-align: center;
+                color: #cccccc;
+                font-size: 36px;
+                line-height: 102px;
+            }
+        }
+    }
+}

src/pages/index/index.config.js

@@ -0,0 +1,4 @@
+export default {
+  navigationBarTitleText: '首页',
+  
+}

src/pages/index/index.jsx

@@ -0,0 +1,100 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import { useSelector } from 'react-redux'
+import { View, ScrollView } from '@tarojs/components'
+import Tab from '../../compents/tab/index'
+import Customer from '../customer/index'
+import Landlord from '../landlord/index'
+import AdminUser from '../adminUser/index'
+import Guide from '../guide/index'
+import Recommend from '../recommend/index'
+import HouseLIst from '../house/list'
+import roleList from '../../util/userRole'
+import './index.scss'
+import request from '../../util/request'
+const index = (props) => {
+
+  const page = useSelector(state => state.page)
+
+  const user = useSelector(state => state.user)
+
+  const [userRole, setUserRole] = useState('1')
+  const [pageState, SetPageState] = useState('1')
+  const [list, setList] = useState([])
+  useEffect(() => {
+
+    console.log(page,'page')
+    setList([
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      }
+    ])
+
+    // fetch({ url: API_CARDS_LIST, payload })
+
+    request({
+      url:'/api/taHouseSurround',
+      method: 'get',
+      // params:{
+      //   id:3,
+
+      //   b:3
+      // }
+    })
+
+
+  }, [])
+
+
+  const onTabClick = (e) => {
+    console.log(e, '111')
+    setUserRole(e)
+  }
+
+  const onRegisterChange = (e) => {
+    console.log(e, '111')
+  }
+
+
+
+ 
+  return <View className='index'>
+    {/* <ScrollView scrollY style={{ height: 'calc(100vh - 180rpx)' }} >
+
+   
+      <View className='page-container' > */}
+
+      {user.role==roleList.customer&&<Customer></Customer>  }
+      {user.role==roleList.landlord&&<Landlord></Landlord>  }
+      {user.role==roleList.adminuser&&<AdminUser></AdminUser>  }
+        {/* {userRole == 1 ? <Register userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}></Register> :
+          <View>userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}
+            {(userRole == 'guide' || userRole == 2) && <Guide userRole={userRole}/>}
+            {userRole == 'recommend' && <Recommend userRole={userRole}/>}
+          </View>
+        }
+        {userRole == 2 ? <Register userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}></Register> :
+          <View>
+            {(userRole == 'guide' || userRole == 2) && <Guide userRole={userRole}/>}
+            {userRole == 'recommend' && <Recommend userRole={userRole}/>}
+          </View>
+        }
+     <HouseLIst userRole={userRole} list={list} onChange={(e) => onRegisterChange(e)}></HouseLIst>  */}
+       
+        
+      
+      {/* </View>
+    </ScrollView>
+    <Tab value={userRole} onClick={(e) => onTabClick(e)}></Tab> */}
+  </View>
+}
+
+export default index

src/pages/index/index.scss

@@ -0,0 +1,15 @@
+// .page-container {
+//   padding: 0 62px 40px;
+//   width: 1001px;
+
+//   .at-input {
+//     // margin-left: 0;
+//     background: #f4f4f4;
+//     height: 102px;
+//     border-radius: 10px;
+//     font-size: 36px;
+//   }
+
+
+//   color: #181818;
+// }

src/pages/label/edit/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/label/edit/index.jsx

@@ -0,0 +1,130 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Input, Text, Image, Form } from '@tarojs/components'
+import Layout from '../../../layout/index'
+import Tab from '../../../compents/tab/index'
+import Container from '../../../compents/container/index'
+import locationicon from '../../../assets/locationicon.png'
+import uploadicon from '../../../assets/uploadicon.png'
+import './index.scss'
+
+const index = (props) => {
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onSave = () => {
+        console.log(333)
+
+        Taro.showModal({
+            title: '修改成功',
+            content: '点击确认按钮，返回上级菜单',
+            showCancel: false,
+            success: function (res) {
+                if (res.confirm) {
+                    console.log('用户点击确定')
+
+                    Taro.navigateBack({
+                        delta: 1
+                    })
+                } else if (res.cancel) {
+                    console.log('用户点击取消')
+                }
+            }
+        })
+    }
+
+    const onChooseLocation = () => {
+        console.log(333)
+        wx.chooseLocation({
+            success: (res) => {
+                console.log(res)
+            }
+        })
+    }
+    const formSubmit = (e) => {
+        console.log(e, 'formSubmit')
+    }
+
+    const formReset = () => {
+        console.log('formReset')
+    }
+
+    return <View className='addnewhouse'>
+
+
+        {/* <Form onSubmit={this.formSubmit} onReset={this.formReset} >
+        <View className='example-body'>
+          <Switch name='switch' className='form-switch'></Switch>
+        </View>
+      </Form> */}
+
+        <Layout>
+            <Form onSubmit={formSubmit} onReset={formReset}>
+                <View className='inputstyle-view'>
+                    <Text className='title'>标签组编号</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>标签组名称</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+                <View className='inputstyle-view'>
+                    <Text className='title'>标签数量</Text>
+                    <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                        <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                    </Container>
+                </View>
+           
+            </Form>
+
+        </Layout>
+        <Tab className='addhousetab' pageState='3' value={['取消', '确认修改']} onClick={[(e) => Taro.navigateBack({
+                        delta: 1
+                    }), () => onSave()]}></Tab>
+
+
+
+
+
+    </View>
+}
+
+export default index

src/pages/label/edit/index.scss

@@ -0,0 +1,50 @@
+.map {
+  // padding:13.33px;
+  &-view {
+    margin: 50px 0 0;
+
+    &-card {
+      // height: 106px;
+      // line-height: 106px;
+      padding: 0 40px;
+      // color:#181818;
+      font-size: 24px;
+      // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 30px;
+      border-radius: 20px;
+      .input{
+        font-size: 28px;
+        padding:30px 0;
+        line-height: 106px;
+        // color: red;
+      }
+      .placeholderinput{
+        // line-height: 106px;
+        color: #d2d2d2;
+        font-size: 28px;
+      }
+    }
+    &-icon {
+      margin-left: 40px;
+      // padding: 20px 30px;
+      // color:#181818;
+      width: 150px;
+      height: 106.67px;
+      // font-size: 36px;
+      // // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 20px;
+      background-color: #274291;
+      padding: 0;
+      text-align: center;
+      line-height:120.67px;
+      .icon {
+        
+        // width: 100%;
+      }
+    }
+    // style={{width:'48.4rpx',height:'48.4rpx'}}
+  }
+
+}

src/pages/label/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/label/index.jsx

@@ -0,0 +1,137 @@
+import React, { useEffect, useMemo, useState, useRef } from 'react'
+import Taro from '@tarojs/taro'
+import './index.scss'
+import { View, Text, Input, Image } from '@tarojs/components'
+import ContainerLayout from '../../compents/container/index'
+import Tab from '../../compents/tab/index'
+import Layout from '../../layout/index'
+
+const house = (props) => {
+
+  const [list, setList] = useState([])
+  const [radioHouse, setRadioHouse] = useState()
+
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = 3;
+  });
+
+
+
+  const radioHouseState = useMemo(() => props.radioHouseState, [props.radioHouseState])
+  wx.setNavigationBarTitle({
+    title: '民宿房源管理'
+  })
+  console.log(props, radioHouseState)
+  useEffect(() => {
+    setList([
+      {
+        id: 1,
+        name: 'zhou',
+        phone: '177',
+        user: {
+          name: '张三',
+          phone: '17777777777',
+          wxid: 'hhh',
+          number: '3'
+        }
+      },
+      {
+        id: 2,
+        name: 'zhou',
+        phone: '177',
+        user: {
+          name: '张三',
+          phone: '17777777777',
+          wxid: 'hhh',
+          number: '3',
+          user: {
+            name: '张三',
+            phone: '17777777777',
+            wxid: 'hhh',
+            number: '3'
+          }
+        }
+      },
+      {
+        id: 3,
+        name: 'zhou',
+        phone: '177',
+        user: {
+          name: '张三',
+          phone: '17777777777',
+          wxid: 'hhh',
+          number: '3',
+          user: {
+            name: '张三',
+            phone: '17777777777',
+            wxid: 'hhh',
+            number: '3'
+          }
+        }
+      }
+    ])
+  }, [])
+
+  const onDelete = (row) => {
+    Taro.showModal({
+      title: '确定删除该标签组吗？',
+      content: row.user.name,
+      cancelColor:'#d2d2d2',
+                confirmColor:"#274191",
+      success: function (res) {
+        if (res.confirm) {
+          console.log('用户点击确定')
+          Taro.showModal({
+            title: `改标签组有${row.user.number}个标签仍在使用。请先清空标签，再删除标签组`,
+   showCancel:false,
+            // cancelColor:'#d2d2d2',
+                      confirmColor:"#274191",
+            success: function (res) {
+              if (res.confirm) {
+                console.log('用户点击确定')
+      
+               
+              } else if (res.cancel) {
+                console.log('用户点击取消')
+              }
+            }
+          })
+         
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
+  }
+
+
+
+
+  return <View className='account'>
+    <Layout>
+      {list.map((x, index) => {
+        return <View className='account-view'>
+          <Text className='account-view-title'>标签组编号：{index + 1}</Text>
+          <ContainerLayout className='account-view-card'>
+            <View className='top' onClick={() => { if (!radioHouseState) Taro.navigateTo({ url: `/pages/house/index?=${x.id}` }) }}>
+              <View>标签组名称：{x.user.name}</View>
+              <View>房源数：{x.user.name}</View>
+
+            </View>
+            <View className='bottom'>
+              <Text onClick={() => { Taro.navigateTo({ url: `/pages/label/edit/index?=${x.id}` }) }}>编辑</Text>
+              <Text onClick={()=>onDelete(x)}>删除</Text>
+            </View>
+          </ContainerLayout>
+
+        </View>
+
+      })}
+    </Layout>
+    {/* onClick={(e)=>(e) */}
+    <Tab value={['+新增标签组']} color='#ffffff' onClick={() => { Taro.navigateTo({ url: `/pages/label/edit/index` }) }} ></Tab>
+  </View>
+}
+
+export default house

src/pages/label/index.scss

@@ -0,0 +1,54 @@
+.account {
+
+  // padding: 13.33px 0;
+  &-view {
+    margin: 40px 0 0;
+
+    // padding: 0;
+    &-title {
+      color: #7b7b7b;
+      font-size: 30px;
+      font-weight: 500;
+      margin-left: 40px;
+
+    }
+
+    &-card {
+      padding: 0;
+      color: #181818;
+      font-size: 24px;
+      font-weight: 600;
+      margin-top: 26.67px;
+      position: relative;
+
+      &-radio {
+          width: 50px;
+          height: 50px;
+        background-color: #274291;
+        text-align: center;
+        line-height: 50px;
+        position: absolute;
+        border-radius: 25px;
+        top: -12.5px;
+        right: -12.5px;
+      }
+
+      .top {
+        padding: 40px 40px;
+        border-bottom: 1px solid #f4f4f4;
+        line-height: 32px;
+        font-weight: 500;
+        // font-size: ;
+        // min-height: 120px;
+      }
+
+      .bottom {
+        display: flex;
+        justify-content: space-around;
+        padding: 20px
+      }
+
+
+    }
+  }
+}

src/pages/landlord/index.jsx

@@ -0,0 +1,110 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro, {  } from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, ScrollView, Button } from '@tarojs/components'
+import Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+// import Register from './register/index'
+import Guide from '../guide/index'
+import Recommend from '../recommend/index'
+import HouseLIst from '../house/list/index'
+import { AtFloatLayout } from "taro-ui"
+import './index.scss'
+
+const index = (props) => {
+
+  const page = useSelector(state => state.page)
+
+  const user = useSelector(state => state.user)
+  const [isOpened, setIsOpened] = useState(false)
+  const [userRole, setUserRole] = useState('1')
+  const [pageState, setPageState] = useState('1')
+  const [list, setList] = useState([])
+  const [radioHouseData, setRadioHouseData] = useState()
+  const [radioHouseState, setRadioHouseState] = useState(false)
+ 
+  useEffect(() => {
+
+    console.log(page, 'page')
+    setList([
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      },
+      {
+        name: 'zhou',
+        phone: '177'
+      }
+    ])
+  }, [])
+
+
+
+  const handleClose = () => {
+    setIsOpened(false)
+  }
+  const onTabClick = (e) => {
+    console.log(e, '111')
+    setUserRole(e)
+    
+  }
+
+  const onRegisterChange = (e) => {
+    console.log(e, '111')
+  }
+  const onCopy = (e) => {
+    
+    console.log(radioHouseData, '111')
+    if(radioHouseData.id){
+      Taro.navigateTo({ url: '/pages/house/addnewhouse/index?id=radioHouseData.id'})
+      // Taro.showModal({
+      //   title: '修改成功',
+      //   content: '点击确认按钮，返回上级菜单',
+      //   showCancel:false,
+      //   success: function (res) {
+      //     if (res.confirm) {
+      //       console.log('用户点击确定')
+
+      //       Taro.navigateTo({ url: '/pages/house/addnewhouse/index?id=radioHouseData.id'})
+      //     } else if (res.cancel) {
+      //       console.log('用户点击取消')
+      //     }
+      //   }
+      // })
+     
+    } 
+ 
+  }
+
+  
+  return <View className='index'>
+
+
+    <View>
+
+      <Layout>
+        {pageState == '1' && <HouseLIst  radioHouseState={radioHouseState} onChange={(e) => setRadioHouseData(e)}></HouseLIst>}
+      </Layout>
+      {!isOpened && <Tab className='addhousetab' value={['+添加房源']} onClick={(e) => setIsOpened(true)}></Tab>}
+      {/* {pageState!='1' &&<Tab value={['入住指引','房东推荐']} pageState={pageState} onClick={(e)=>setPageState(e)}></Tab>} */}
+      {radioHouseState && <Tab pageState='3' value={['取消', '确认复制']} onClick={[(e) => { setRadioHouseState(false), setIsOpened(false) },()=>onCopy()]}></Tab>}
+    </View>
+
+
+
+    <AtFloatLayout isOpened={isOpened} onClose={() => handleClose()} style={{ zIndex: '1000' }}>
+      <View className='floatmodel' >
+        <View onClick={() => Taro.navigateTo({ url: '/pages/house/addnewhouse/index' })}>新增房源</View>
+        <View onClick={() => { setIsOpened(false); setRadioHouseState(true) }}>复制房源</View>
+        <View style={{ color: '#d2d2d2' }} onClick={()=>setIsOpened(false)}>取消</View>
+      </View>
+
+    </AtFloatLayout>
+  </View>
+}
+
+export default index

src/pages/landlord/index.scss

@@ -0,0 +1,35 @@
+.page-container {
+
+
+  color: #181818;
+}
+
+
+.index {
+  .addhousetab {
+    color: #fff;
+  }
+}
+
+.floatmodel {
+  height: 500px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  font-size: 32px;
+}
+
+.at-float-layout__container {
+  min-height: 100px;
+  color: #274291;
+  font-weight: 600;
+  border-radius: 50px 50px 0 0;
+}
+
+.at-float-layout {
+  .layout-page {
+    padding: 0;
+  }
+
+}

src/pages/map/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/map/index.jsx

@@ -0,0 +1,99 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Input, Text, Image } from '@tarojs/components'
+import Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+import Container from '../../compents/container/index'
+import locationicon from '../../assets/locationicon.png'
+import './index.scss'
+
+const index = (props) => {
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onChooseLocation = () => {
+        console.log(333)
+        wx.chooseLocation({
+            success:(res)=>{
+                console.log(res)
+            }
+        })
+    }
+    
+
+    return <View className='map'>
+
+
+
+
+        <Layout>
+            <View className='map-view'>
+                <Text className='title'>位置信息</Text>
+                <Container className='map-view-card'>
+                <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                </Container>
+            </View>
+            <View className='map-view' >
+                <Text className='title'>当前地址</Text>
+                <View style={{ display: 'flex' }}>
+                <Container className='map-view-card' style={{ width: '100%' }}>
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+
+                </Container>
+                <Container className='map-view-icon' onClick={onChooseLocation}>
+                    <Image className='icon' mode='widthFix' style={{ width: '100%' }} style={{width: '40rpx'}} src={locationicon} />
+
+                </Container>
+                </View>
+            </View>
+            <View className='map-view'>
+                <Text className='title'>具体地址</Text>
+                <Container className='map-view-card'>
+                <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                </Container>
+            </View>
+        </Layout>
+        {pageState == '1' && <Tab className='addhousetab' pageState='3' value={['取消', '保存修改']} onClick={[(e) => setPageState('2'), (e) => setPageState('3')]}></Tab>}
+
+
+
+
+
+    </View>
+}
+
+export default index

src/pages/map/index.scss

@@ -0,0 +1,50 @@
+.map {
+  // padding:13.33px;
+  &-view {
+    margin: 50px 0 0;
+
+    &-card {
+      // height: 106px;
+      // line-height: 106px;
+      padding: 0 40px;
+      // color:#181818;
+      font-size: 24px;
+      // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 30px;
+      border-radius: 20px;
+      .input{
+        font-size: 28px;
+        padding:30px 0;
+        line-height: 106px;
+        // color: red;
+      }
+      .placeholderinput{
+        // line-height: 106px;
+        color: #d2d2d2;
+        font-size: 28px;
+      }
+    }
+    &-icon {
+      margin-left: 40px;
+      // padding: 20px 30px;
+      // color:#181818;
+      width: 150px;
+      height: 106.67px;
+      // font-size: 36px;
+      // // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 20px;
+      background-color: #274291;
+      padding: 0;
+      text-align: center;
+      line-height:120.67px;
+      .icon {
+        
+        // width: 100%;
+      }
+    }
+    // style={{width:'48.4rpx',height:'48.4rpx'}}
+  }
+
+}

src/pages/material/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/material/index.jsx

@@ -0,0 +1,192 @@
+ import React, { useEffect, useMemo, useState } from 'react'
+// import { useEffect, useLayoutEffect, useReducer, useState, useContext, useRef, useCallback, useMemo } from '@tarojs/taro'
+import Taro, { useShareAppMessage } from "@tarojs/taro";
+import { useSelector, } from 'react-redux'
+import { View, Input, Text, Image } from '@tarojs/components'
+import Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+import Container from '../../compents/container/index'
+import locationicon from '../../assets/locationicon.png'
+import Tags from '../../compents/tags/index'
+import './index.scss'
+
+// Page({
+//     data: {
+//         text: 'init data',
+//         array: [{ msg: '1' }, { msg: '2' }]
+//     }
+// })
+
+const index = (props) => {
+
+
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        // console.log(page, 'page')
+        setList([
+            {
+                typename: '行政区域',
+                list: [
+                    {
+                        id: 1,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 2,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 3,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 4,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 5,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 6,
+                        name: '建邺区'
+                    },{
+                        id: 7,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 8,
+                        name: '建邺区'
+                    },
+                    
+
+                ]
+            },
+            {
+                typename: '行政区域',
+                list: [
+                    {
+                        id: 1,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 2,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 3,
+                        name: '建邺区'
+                    },
+
+                ]
+            },
+            {
+                typename: '行政区域',
+                list: [
+                    {
+                        id: 1,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 2,
+                        name: '建邺区'
+                    },
+                    {
+                        id: 3,
+                        name: '建邺区'
+                    },
+
+                ]
+            },
+        ])
+    }, [])
+    useShareAppMessage(res => {
+        console.log('3333')
+        if (res.from === 'button') {
+            // 来自页面内转发按钮
+            console.log(res.target)
+        }
+        return {
+            title: '自定义转发标题',
+            path: '/page/share/index'
+        }
+    })
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onSave = () => {
+        console.log(333)
+
+        Taro.showModal({
+            title: '修改成功',
+            content: '点击确认按钮，返回上级菜单',
+            showCancel: false,
+            success: function (res) {
+                if (res.confirm) {
+                    console.log('用户点击确定')
+
+                    Taro.navigateBack({
+                        delta: 1
+                    })
+                } else if (res.cancel) {
+                    console.log('用户点击取消')
+                }
+            }
+        })
+    }
+
+    return <View className='material'>
+
+
+
+
+        <Layout>
+            {
+                list.map((item) => {
+                    return <View className='material-card'>
+                        <Text>{item.typename}</Text>
+                        <Tags list={item.list}  onChange={(e)=>{console.log(e)}} style={{marginTop:'90rpx'}}> </Tags>
+                    </View>
+                })
+            }
+
+            {/* <View className='inputstyle-view'>
+                <Text className='title'>入住人数</Text>
+                <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                </Container>
+            </View>
+            <View className='inputstyle-view'>
+                <Text className='title'>入住日期</Text>
+                <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                </Container>
+            </View>
+
+            <View className='inputstyle-view'>
+                <Text className='title'>离店日期</Text>
+                <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                </Container>
+            </View> */}
+        </Layout>
+{/* className='addhousetab' */}
+        <Tab  pageState='3' value={['取消', '开始查询']} onClick={[(e) => setPageState('2'), (e) => setPageState('3')]}></Tab>
+    </View>
+}
+
+export default index

src/pages/material/index.scss

@@ -0,0 +1,58 @@
+.material {
+  padding-top: 30rpx;
+  &-card {
+    text-align: center;
+color: #7b7b7b;
+margin-top: 30px;
+
+  }
+
+  // // padding:13.33px;
+  // &-view {
+  //   margin: 50px 0 0;
+
+  //   &-card {
+  //     // height: 106px;
+  //     // line-height: 106px;
+  //     padding: 0 40px;
+  //     // color:#181818;
+  //     font-size: 24px;
+  //     // font-weight: 600;
+  //     margin-top: 26.67px;
+  //     border-radius: 30px;
+  //     border-radius: 20px;
+  //     .input{
+  //       font-size: 28px;
+  //       padding:30px 0;
+  //       line-height: 106px;
+  //       // color: red;
+  //     }
+  //     .placeholderinput{
+  //       // line-height: 106px;
+  //       color: #d2d2d2;
+  //       font-size: 28px;
+  //     }
+  //   }
+  //   &-icon {
+  //     margin-left: 40px;
+  //     // padding: 20px 30px;
+  //     // color:#181818;
+  //     width: 150px;
+  //     height: 106.67px;
+  //     // font-size: 36px;
+  //     // // font-weight: 600;
+  //     margin-top: 26.67px;
+  //     border-radius: 20px;
+  //     background-color: #274291;
+  //     padding: 0;
+  //     text-align: center;
+  //     line-height:120.67px;
+  //     .icon {
+
+  //       // width: 100%;
+  //     }
+  //   }
+  //   // style={{width:'48.4rpx',height:'48.4rpx'}}
+  // }
+
+}

src/pages/recommend/index.jsx

@@ -0,0 +1,117 @@
+import React, { useEffect, useState } from 'react'
+import Taro from '@tarojs/taro'
+import { View, Text, Image } from '@tarojs/components'
+import ContainerLayout from '../../compents/container/index'
+import more from '../../assets/more.png'
+import deleteicon from '../../assets/deleteicon.png'
+import userRloe from '../../util/userRole'
+import './index.scss'
+import { useSelector } from 'react-redux'
+import { AtFab } from 'taro-ui'
+
+const recommend = (props) => {
+
+    const user = useSelector(state => state.user)
+
+    const { value, ...prop } = props
+
+    const [state, setState] = useState(1)
+    const [list, setList] = useState([])
+    const [id, setId] = useState()
+    useEffect(() => {
+        setList([{
+            id: 1,
+            src: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg',
+            title: '八八餐厅1',
+            srcdetail: '',
+        }, {
+            id: 2,
+            src: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg',
+            title: '八八餐厅2',
+            srcdetail: '',
+        }, {
+            id: 3,
+            src: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg',
+            title: '八八餐厅3',
+            srcdetail: '',
+        }, {
+            id: 4,
+            src: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1657471424,2319316184&fm=26&gp=0.jpg',
+            title: '八八餐厅4',
+            srcdetail: '',
+        }])
+    }, [])
+
+    
+    // 
+
+    const onClick = (item) => {
+        if(user.role == userRloe.customer){
+            setId(item.id)
+        }
+        else{
+            Taro.showModal({
+                title: '确定删除该图片吗？',
+                content: '确定后，相关房东推荐会即时更新',
+                cancelColor:'#d2d2d2',
+                confirmColor:"#274191",
+                success: function (res) {
+                    if (res.confirm) {
+                        console.log('用户点击确定')
+        
+                     
+                    } else if (res.cancel) {
+                        console.log('用户点击取消')
+                    }
+                }
+            })
+        }
+        
+    }
+    return <View className='recommend'>
+        {
+            true && list.map((x) => {
+                return <View className='recommend-view'>
+                    <ContainerLayout className='recommend-view-layout' >
+                        {id != x.id ? <View><Image className='recommend-view-img' src={x.src} style={{ height: '280rpx' }}></Image>
+                            <View style={{ display: 'flex', justifyContent: 'space-between' }}>
+                                <View className='recommend-view-info'>
+                                    <Text className='recommend-view-info-title'>{x.title}</Text>
+                                    <Text className='introduction'>水煮鱼</Text>
+                                </View>
+                               { userRloe.customer==user.role ?  <Image className='icon' src={more  } onClick={() => onClick(x)}></Image>
+
+                              :  <Image className='icon' src={ deleteicon } style ={{width:'40rpx'}} onClick={() => onClick(x)}></Image>
+                              }
+                            </View>
+                        </View> :
+                            <View><Image className='recommend-view-img' mode='widthFix' src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3184265929,203096592&fm=26&gp=0.jpg"></Image>
+                                <View style={{ display: 'flex', justifyContent: 'space-between' }}>
+                                    <View className='recommend-view-info'>
+                                        <Text className='text'>地址：{x.title}</Text>
+                                        <Text className='text'>推荐：水煮鱼</Text>
+                                    </View>
+                                </View>
+                            </View>
+                        }
+                    </ContainerLayout>
+                </View>
+            })
+        }
+<AtFab>
+  <Text className='at-fab__icon at-icon at-icon-menu'></Text>
+</AtFab>
+        {
+            false && <View className='recommend-noorder' style={{ marginTop: 'calc(40vh)' }}>
+                <Text>哎呀</Text>
+                <Text>暂时没发现您的入住订单呢~</Text>
+
+
+            </View>
+        }
+
+
+    </View>
+};
+
+export default recommend

src/pages/recommend/index.scss

@@ -0,0 +1,80 @@
+.recommend {
+  padding: 13.3px 0;
+  &-view {
+    margin: 40px 0 0;
+
+    &-img{
+      width: 100%;
+      height: 420px;
+      border-radius: 40px 40px 0 0;
+    }
+
+    &-info{
+      padding: 10px 40px 22px;
+      display: grid;
+      &-title{
+        font-size: 28px;
+        color: #181818;
+        
+      }
+      .introduction{
+        font-size: 24px;
+        color: #7b7b7b;
+        font-weight: 500;
+      }
+      .text{
+        font-size: 24px;
+        font-weight: 550;
+      }
+    }
+
+    &-layout {
+      padding: 0;
+
+      margin: 26.67px 0 40px;
+     
+     
+    }
+  }
+
+  .icon{
+      width: 10px;
+      height: 40px;
+      padding:20px 30px;
+  }
+
+  &-noorder{
+    
+    font-size: 30px;
+    color: #acacac;
+    font-weight: 500;
+    display: flex;
+    // text-align: center;
+    flex-direction:  column ;
+    justify-content:center
+  }
+}
+
+// .register{
+//     &-user{
+//         margin: 60px 0 0;
+//         Text {
+//             color: #7b7b7b;
+//             font-size: 34px;
+//             font-weight: 500;
+//         }
+//         &-from{
+//             // height: 300px;
+//             padding: 80px 60px;
+//             margin-top: 40px;
+//             &-input{
+//                 margin: 40px 0;
+//                 // 
+//             }
+//             .at-input__title{
+//                 text-align: center;
+//                 color: #cccccc;
+//             }
+//         }
+//     }
+// }

src/pages/share/index.config.js

@@ -0,0 +1,8 @@
+// onShareAppMessage: function () {
+// return custom share data when user share.
+//     console.log('44444444')
+//   },
+
+export default {
+    enableShareAppMessage: true
+}

src/pages/share/index.jsx

@@ -0,0 +1,125 @@
+import React, { useEffect, useMemo, useState } from 'react'
+// import { useEffect, useLayoutEffect, useReducer, useState, useContext, useRef, useCallback, useMemo } from '@tarojs/taro'
+import Taro, { useShareAppMessage } from "@tarojs/taro";
+import { useSelector, } from 'react-redux'
+import { View, Input, Text, Image } from '@tarojs/components'
+import Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+import Container from '../../compents/container/index'
+import locationicon from '../../assets/locationicon.png'
+import './index.scss'
+
+// Page({
+//     data: {
+//         text: 'init data',
+//         array: [{ msg: '1' }, { msg: '2' }]
+//     }
+// })
+
+const index = (props) => {
+
+  
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        // console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+    useShareAppMessage(res => {
+        console.log('3333')
+        if (res.from === 'button') {
+            // 来自页面内转发按钮
+              console.log(res.target)
+        }
+        return {
+            title: '自定义转发标题',
+            path: '/page/share/index'
+        }
+    })
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onSave = () => {
+        console.log(333)
+
+        Taro.showModal({
+            title: '修改成功',
+            content: '点击确认按钮，返回上级菜单',
+            showCancel: false,
+            success: function (res) {
+                if (res.confirm) {
+                    console.log('用户点击确定')
+
+                    Taro.navigateBack({
+                        delta: 1
+                    })
+                } else if (res.cancel) {
+                    console.log('用户点击取消')
+                }
+            }
+        })
+    }
+
+    return <View className='share'>
+
+
+
+
+        <Layout>
+            <View className='inputstyle-view'>
+                <Text className='title'>入住人数</Text>
+                <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                </Container>
+            </View>
+            <View className='inputstyle-view'>
+                <Text className='title'>入住日期</Text>
+                <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                </Container>
+            </View>
+
+            <View className='inputstyle-view'>
+                <Text className='title'>离店日期</Text>
+                <Container className='inputstyle-view-card ' style={{ borderRadius: '20rpx', padding: '0 40rpx' }} >
+                    <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='' />
+                </Container>
+            </View>
+        </Layout>
+        <button open-type="share" style={{display:'contents'}}><Tab className='addhousetab' color='#ffffff' pageState='3' onClick={(e) => console.log(33)} value={['分享到微信']} ></Tab> </button>
+
+
+{/* onClick={[(e) => setPageState('2'),style={{ display: 'contents' }} (e) => setPageState('1')]} */}
+
+{/* <Tab className='addhousetab' color='#ffffff' pageState='3' value={['分享到微信']} ></Tab> */}
+
+    </View>
+}
+
+export default index

src/pages/share/index.scss

@@ -0,0 +1,50 @@
+.map {
+  // // padding:13.33px;
+  // &-view {
+  //   margin: 50px 0 0;
+
+  //   &-card {
+  //     // height: 106px;
+  //     // line-height: 106px;
+  //     padding: 0 40px;
+  //     // color:#181818;
+  //     font-size: 24px;
+  //     // font-weight: 600;
+  //     margin-top: 26.67px;
+  //     border-radius: 30px;
+  //     border-radius: 20px;
+  //     .input{
+  //       font-size: 28px;
+  //       padding:30px 0;
+  //       line-height: 106px;
+  //       // color: red;
+  //     }
+  //     .placeholderinput{
+  //       // line-height: 106px;
+  //       color: #d2d2d2;
+  //       font-size: 28px;
+  //     }
+  //   }
+  //   &-icon {
+  //     margin-left: 40px;
+  //     // padding: 20px 30px;
+  //     // color:#181818;
+  //     width: 150px;
+  //     height: 106.67px;
+  //     // font-size: 36px;
+  //     // // font-weight: 600;
+  //     margin-top: 26.67px;
+  //     border-radius: 20px;
+  //     background-color: #274291;
+  //     padding: 0;
+  //     text-align: center;
+  //     line-height:120.67px;
+  //     .icon {
+        
+  //       // width: 100%;
+  //     }
+  //   }
+  //   // style={{width:'48.4rpx',height:'48.4rpx'}}
+  // }
+
+}

src/pages/wifi/index.config.js

@@ -0,0 +1,4 @@
+export default {
+
+  
+}

src/pages/wifi/index.jsx

@@ -0,0 +1,99 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro from "@tarojs/taro";
+import { useSelector } from 'react-redux'
+import { View, Input, Text, Image } from '@tarojs/components'
+import Layout from '../../layout/index'
+import Tab from '../../compents/tab/index'
+import Container from '../../compents/container/index'
+import locationicon from '../../assets/locationicon.png'
+import './index.scss'
+
+const index = (props) => {
+
+    const page = useSelector(state => state.page)
+
+    const user = useSelector(state => state.user)
+
+    const [userRole, setUserRole] = useState('1')
+    const [pageState, setPageState] = useState('1')
+    const [list, setList] = useState([])
+    useEffect(() => {
+
+        console.log(page, 'page')
+        setList([
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            },
+            {
+                name: 'zhou',
+                phone: '177'
+            }
+        ])
+    }, [])
+
+
+    const onTabClick = (e) => {
+        console.log(e, '111')
+        setUserRole(e)
+    }
+
+    const onRegisterChange = (e) => {
+        console.log(e, '111')
+    }
+    const onSave = () => {
+        console.log(333)
+        
+        Taro.showModal({
+            title: '修改成功',
+            content: '点击确认按钮，返回上级菜单',
+            showCancel:false,
+            success: function (res) {
+              if (res.confirm) {
+                console.log('用户点击确定')
+
+                Taro.navigateBack({
+                    delta: 1
+                  })
+              } else if (res.cancel) {
+                console.log('用户点击取消')
+              }
+            }
+          })
+    }
+    onSave
+
+    return <View className='map'>
+
+
+
+
+        <Layout>
+            <View className='map-view'>
+                <Text className='title'>WiFi名称</Text>
+                <Container className='map-view-card'>
+                <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                </Container>
+            </View>
+          
+            <View className='map-view'>
+                <Text className='title'>密码</Text>
+                <Container className='map-view-card'>
+                <Input placeholderClass='placeholderinput' className='input' type='text' placeholder='小区/写字楼/大厦等' />
+                </Container>
+            </View>
+        </Layout>
+         <Tab className='addhousetab' pageState='3' value={['取消', '保存修改']} onClick={[(e) => setPageState('2'), () => onSave()]}></Tab>
+
+
+
+
+
+    </View>
+}
+
+export default index

src/pages/wifi/index.scss

@@ -0,0 +1,50 @@
+.map {
+  // padding:13.33px;
+  &-view {
+    margin: 50px 0 0;
+
+    &-card {
+      // height: 106px;
+      // line-height: 106px;
+      padding: 0 40px;
+      // color:#181818;
+      font-size: 24px;
+      // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 30px;
+      border-radius: 20px;
+      .input{
+        font-size: 28px;
+        padding:30px 0;
+        line-height: 106px;
+        // color: red;
+      }
+      .placeholderinput{
+        // line-height: 106px;
+        color: #d2d2d2;
+        font-size: 28px;
+      }
+    }
+    &-icon {
+      margin-left: 40px;
+      // padding: 20px 30px;
+      // color:#181818;
+      width: 150px;
+      height: 106.67px;
+      // font-size: 36px;
+      // // font-weight: 600;
+      margin-top: 26.67px;
+      border-radius: 20px;
+      background-color: #274291;
+      padding: 0;
+      text-align: center;
+      line-height:120.67px;
+      .icon {
+        
+        // width: 100%;
+      }
+    }
+    // style={{width:'48.4rpx',height:'48.4rpx'}}
+  }
+
+}

src/reducers/guide.js

@@ -0,0 +1,31 @@
+import { ADD, MINUS } from '../constants/user'
+
+// landlord: 'landlord',
+//     customer:'customer'
+
+const INITIAL_STATE = {
+  house:{},
+  Park:{},
+  wifi:{
+      name:'234',
+      passward:'432'
+  },
+  image:''
+}
+
+export default function counter (state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case ADD:
+      return {
+        ...state,
+        num: state.num + 1
+      }
+     case MINUS:
+       return {
+         ...state,
+         num: state.num - 1
+       }
+     default:
+       return state
+  }
+}

src/reducers/index.js

@@ -0,0 +1,10 @@
+import { combineReducers } from 'redux'
+import user from './user'
+import page from './page'
+import guide from './guide'
+
+export default combineReducers({
+  user,
+  page,
+  guide,
+})

src/reducers/page.js

@@ -0,0 +1,27 @@
+import { ADD, MINUS } from '../constants/user'
+
+// landlord: 'landlord',
+//     customer:'customer'
+
+const INITIAL_STATE = {
+  link:'index',
+  id:String,
+  params:Object
+}
+
+export default function counter (state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case ADD:
+      return {
+        ...state,
+        num: state.num + 1
+      }
+     case MINUS:
+       return {
+         ...state,
+         num: state.num - 1
+       }
+     default:
+       return state
+  }
+}

src/reducers/user.js

@@ -0,0 +1,30 @@
+import {
+  ADD,
+  MINUS
+} from '../constants/user'
+
+// landlord: 'landlord',
+//     customer:'customer'
+// adminuser
+const INITIAL_STATE = {
+  // role: 'adminuser',
+  // role: 'landlord',
+  role: 'customer'
+}
+
+export default function counter(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case ADD:
+      return {
+        ...state,
+        num: state.num + 1
+      }
+      case MINUS:
+        return {
+          ...state,
+          num: state.num - 1
+        }
+        default:
+          return state
+  }
+}

src/store/index.js

@@ -0,0 +1,28 @@
+import { createStore, applyMiddleware, compose } from 'redux'
+// import thunkMiddleware from 'redux-thunk'
+import rootReducer from '../reducers'
+
+// const composeEnhancers =
+//   typeof window === 'object' &&
+//   window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?   
+//     window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
+//       // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
+//     }) : compose
+
+// const middlewares = [
+//   thunkMiddleware
+// ]
+
+// if (process.env.NODE_ENV === 'development' && process.env.TARO_ENV !== 'quickapp') {
+//   // middlewares.push(require('redux-logger').createLogger())
+// }
+
+// const enhancer = composeEnhancers(
+//   applyMiddleware(...middlewares),
+//   // other store enhancers if any
+// ), enhancer
+
+export default function configStore () {
+  const store = createStore(rootReducer)
+  return store
+}

src/util/req.js

@@ -0,0 +1,182 @@
+
+  
+import Taro from '@tarojs/taro'
+import * as apis from '@/constants/api'
+import login from '@/utils/login'
+import rtLog from './rtLog'
+
+const CODE_SUCCESS = 1000
+const CODE_UNLOGIN = 1001
+const CODE_AUTH_EXPIRED = 1002
+const accountInfo = wx.getAccountInfoSync();
+const appId = accountInfo.miniProgram.appId
+
+export { apis };
+
+export const getStorage = function (key) {
+  return Taro.getStorage({ key }).then(res => res.data).catch(() => '')
+}
+
+export const setStorage = function (key, data) {
+  return Taro.setStorage({ key, data })
+}
+
+// function updateToken(data = {}) {
+//   return Promise.all([
+//     Taro.setStorage({ key: 'token', data: data['token'] || '' })
+//   ])
+// }
+
+/**
+ * 简易封装网络请求
+ * // NOTE 需要注意 RN 不支持 *StorageSync，此处用 async/await 解决
+ * @param {*} options
+ */
+export const fetch = async (options) => {
+  const opts = optionBuilder(options)
+  console.log(opts, "optsoptsoptsoptsoptsoptsoptsoptsoptsopts")
+
+  return Taro.request(opts[0])
+    .then((res) => reqSuccess(res, opts))
+    .catch((err) => reqFail(err, opts))
+}
+
+export const uploadFiles = async (files) => {
+  const uploads = []
+  const token = await getStorage('token')
+  const authHeader = token ? { 'authorization': `Bearer ${token}` } : {}
+  for (var i = 0; i < files.length; i++) {
+    uploads[i] = new Promise((resolve, reject) => {
+      wx.uploadFile({
+        url: apis.API_UPLOAD_IMAGE,
+        filePath: files[i],
+        header: {
+          ...authHeader,
+          'appId': appId,
+          'x-action': 'miniapp'
+        },
+        name: 'file',
+        success: function (res) {
+          // debugger
+          const _data = JSON.parse(res.data)
+          if (_data.code !== CODE_SUCCESS) {
+            reject(new Error(_data.message))
+          }
+
+          resolve(_data.data)
+        },
+        fail(err) {
+          reject(err)
+        }
+      })
+    })
+  }
+
+  return Promise.all(uploads)
+}
+
+export function optionBuilder(options) {
+  const { url, payload = {}, method = 'GET', showToast = true, autoLogin = true, header } = options
+  const showMessage = Object.prototype.hasOwnProperty.call(payload, 'showToast') ? payload.showToast : showToast
+  const consultant = Taro.getStorageSync('consultantId') || ''
+  const recommender = Taro.getStorageSync('recommender') || ''
+
+  return [
+    {
+      url,
+      method,
+      data: payload,
+      header: {
+        'content-type': 'application/json',
+        'authorization': `Bearer ${Taro.getStorageSync('token')}`,
+        'appId': appId,
+        'x-action': 'miniapp',
+        'x-version': Version,
+        'x-consultant': consultant,
+        'x-recommender': recommender,
+        ...header || {},
+      }
+    },
+    {
+      showMessage,
+      autoLogin
+    }
+  ]
+}
+
+export function reqSuccess(res, opts) {
+  const [, settings] = opts || []
+  const { showMessage, autoLogin = true } = settings || {}
+
+  if (res.statusCode === 500) {
+    Taro.showToast({
+      title: "请检查网络",
+      icon: 'none'
+    })
+    console.error(res)
+    throw new Error('请检查网络')
+  }
+
+  const { data, code, message } = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
+  if (code === CODE_SUCCESS) {
+    return data
+  } else {
+    const isExpired = (code === CODE_AUTH_EXPIRED || code === CODE_UNLOGIN)
+    const defaultMsg = isExpired ? '登录失效' : message
+    if (isExpired && autoLogin) {
+      // token失效，重新登录后，跳转到首页
+      login({}, () => {
+        Taro.switchTab({
+          url: '/pages/project/index'
+        })
+      })
+    } else {
+      if (showMessage) {
+        Taro.showToast({
+          title: defaultMsg,
+          icon: 'none'
+        })
+      }
+    }
+    if (showMessage) {
+
+      Taro.showToast({
+        title: message,
+        icon: 'none'
+      })
+    }
+
+    throw res.data
+  }
+}
+
+export function reqFail(err, opts) {
+  const [reqParams, settings] = opts || []
+  const { showMessage } = settings || {}
+
+  rtLog.error('[request]', "==================================")
+  rtLog.error('[request]', err)
+  rtLog.error('[request]', reqParams.url)
+  rtLog.error('[request]', wx.getLaunchOptionsSync())
+  rtLog.error('[request]', "==================================")
+
+  let errMessage = `请求失败: ${err.errMsg}`
+  if (err.errMsg) {
+    errMessage = '请检查网络'
+  }
+
+  if (err.message) {
+    console.error('请求失败', err.message)
+    errMessage = err.message.indexOf('java') > -1 ? '服务内部错误' : err.message
+  }
+
+  if (showMessage) {
+    Taro.showToast({
+      title: errMessage,
+      icon: 'none',
+      duration: 3000
+    })
+  }
+
+  throw new Error(errMessage)
+}

src/util/request.js

@@ -0,0 +1,48 @@
+import Taro from '@tarojs/taro'
+
+const baseURL = HOST
+
+export default async (options) => {
+  const opts = optionBuilder(options)
+  console.log(opts, "optsoptsoptsoptsoptsoptsoptsoptsoptsopts")
+
+  return Taro.request(opts[0])
+    .then((res) =>{console.log('3322'); reqSuccess(res, opts)})
+    .catch((err) =>{console.log('333221'); reqFail(err, opts)})
+}
+
+
+export function optionBuilder(options) {
+  const {
+    url,
+    data = {},
+    method = 'GET',
+    showToast = true,
+    autoLogin = true,
+    header
+  } = options
+//   const showMessage = Object.prototype.hasOwnProperty.call(payload, 'showToast') ? payload.showToast : showToast
+//   const consultant = Taro.getStorageSync('consultantId') || ''
+//   const recommender = Taro.getStorageSync('recommender') || ''
+
+  return [{
+      url:`${baseURL}${url}`,
+      method,
+      data,
+      header: {
+        'content-type': 'application/json',
+        // 'authorization': `Bearer ${Taro.getStorageSync('token')}`,
+        // 'appId': appId,
+        // 'x-action': 'miniapp',
+        // 'x-version': Version,
+        // 'x-consultant': consultant,
+        // 'x-recommender': recommender,
+        ...header || {},
+      }
+    },
+    // {
+    // //   showMessage,
+    //   // autoLogin
+    // }
+  ]
+}

src/util/userRole.js

@@ -0,0 +1,5 @@
+export default {
+    landlord: 'landlord',
+    customer:'customer',
+    adminuser:'adminuser'
+}