新建支付项目

src/router/index.js

@@ -4,30 +4,11 @@ import VueRouter from 'vue-router'
 Vue.use(VueRouter)
 
 const routes = [{
-        path: '/',
-        name: 'Home',
-        component: () =>
-            import ( /* webpackChunkName: "about" */ '../views/home')
-    },
-    {
-        path: '/subscribe-info',
-        name: 'subscribeInfo',
-        component: () =>
-            import ( /* webpackChunkName: "about" */ '../views/subscribe-info')
-    },
-    {
-        path: '/business-end',
-        name: 'business-end',
-        component: () =>
-            import ( /* webpackChunkName: "about" */ '../views/business-end')
-    },
-    {
-        path: '/back-stage-management',
-        name: 'back-stage-management',
-        component: () =>
-            import ( /* webpackChunkName: "about" */ '../views/back-stage-management')
-    },
-]
+    path: '/',
+    name: 'Home',
+    component: () =>
+        import ( /* webpackChunkName: "about" */ '../views/home')
+}, ]
 
 const router = new VueRouter({
     mode: 'hash',

src/views/back-stage-management/dialog-user.vue

@@ -1,81 +0,0 @@
-<template>
-    <el-dialog :before-close="() => { $emit('update:visible', false) }" :title="type==='add'?'新增接待人':'修改接待人'" :visible.sync="visible" width="400px" :close-on-click-modal="false">
-        <el-form ref="form" :model="form" :rules="rules" label-width="70px">
-            <el-form-item :label="'姓名'" prop="userName">
-                <el-input :maxlength="200" v-model.trim="form.userName" clearable></el-input>
-            </el-form-item>
-            <el-form-item :label="'手机号'" prop="phone">
-                <el-input :maxlength="200" v-model.trim="form.phone" clearable></el-input>
-            </el-form-item>
-            <el-form-item :label="'密码'" prop="passWord">
-                <el-input :maxlength="200" v-model.trim="form.passWord" clearable></el-input>
-            </el-form-item>
-        </el-form>
-        <div slot="footer" class="dialog-footer">
-            <el-button type="primary" :loading="submitLoading" @click="handleEvent">{{'确定'}}</el-button>
-            <el-button @click="$emit('update:visible', false)">{{'取消'}}</el-button>
-        </div>
-    </el-dialog>
-</template>
-
-<script>
-export default {
-    props:['visible', 'type', 'value',],
-        watch: {
-            visible: function(val) {
-                if (val) {
-                    switch (this.type) {
-                    case 'add':
-                        for (const key in this.form) {
-                            this.form[key] = '';
-                            console.log(this.form[key])
-                        }
-                        break;
-                    case 'edit':
-                        this.form = Object.assign({}, this.form, this.value);
-                        break;
-                    default:
-                        break;
-                    }
-                    this.$refs.form && this.$refs.form.resetFields();
-                }
-            },
-        },
-    data(){
-        return{
-            form:{
-                userName:'',
-                passWord:'',
-                phone:'',
-            },
-            submitLoading:false,
-            rules:{
-                phone: [
-                    {required: true, message: '请输入手机号', trigger: 'blur'}
-                ],
-                passWord: [
-                    {required: true, message: '请输入密码', trigger: 'blur'}
-                ],
-                userName: [
-                    {required: true, message: '请输入姓名', trigger: 'blur'}
-                ],
-            }
-        }
-    },
-    methods:{
-        async handleEvent() {
-            this.submitLoading = true
-            let res = await this.$axios.post((this.type==='add'? '/AF/addUserInfo' : '/AF/updateUserInfo') + "?" + this.$qs.stringify({ ...this.form}))
-            if(res.data.success){
-                this.$emit('getData');
-                this.$emit('update:visible', false);
-            }
-            this.submitLoading = false
-        }
-    }
-}
-</script>
-
-<style>
-
-</style>

src/views/back-stage-management/dialog.vue

@@ -1,93 +0,0 @@
-<template>
-    <el-dialog :before-close="() => { $emit('update:visible', false) }" :title="type==='add'?'分配接待人':'重新分配接待人'" :visible.sync="visible" width="600" :close-on-click-modal="false">
-        <el-form inline ref="form"  :model="form" label-width="120px">
-            <el-form-item :label="'当前客户：'" prop="name">
-                {{value.name || ''}}，{{value.phone || ''}}
-            </el-form-item>
-            <el-form-item :label="'当前接待人：'" prop="userName" v-if="type!=='add'">
-                {{value.userName || ''}}，{{value.userPhone || ''}}
-            </el-form-item>
-        </el-form>
-        <div class="onSubmitBox">
-            <el-input v-model="input" placeholder="接待人/接待人手机号"></el-input>
-            <el-button @click="onSubmit">{{'查询'}}</el-button>
-        </div>
-         <el-table
-            :data="tableData"
-            border
-            height="400"
-            v-loading="loading"
-            style="width: 100%">
-            <el-table-column prop="userName" label="接待人"></el-table-column>
-            <el-table-column prop="phone" label="接待人手机号"></el-table-column>
-            <el-table-column label="操作">
-                <template slot-scope="scope">
-                    <el-button type="text" size="small" @click="distribution(scope.row)" :disabled="type!=='add' && value.phone === scope.row.phone">分配</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-    </el-dialog>
-</template>
-
-<script>
-export default {
-    props:['visible', 'type', 'value','tableDataUser'],
-        watch: {
-            visible: function(val) {
-                if (val) {
-                    this.input = ''
-                    this.tableData = this.tableDataUser
-                    switch (this.type) {
-                    case 'add':
-                        break;
-                    case 'edit':
-                        break;
-                    default:
-                        break;
-                    }
-                }
-            },
-        },
-    data(){
-        return{
-            input:'',
-            submitLoading:false,
-            loading:false,
-            tableData:[],
-            form:{}
-        }
-    },
-    methods:{
-        async distribution(row){
-            this.loading = true
-            let res = await this.$axios.post('/AF/editRegisterInfo' + "?" + this.$qs.stringify({ ...this.value,userId:row.id}))
-            if(res.data.success){
-                this.$emit('getData');
-                this.$emit('update:visible', false);
-            }
-            this.loading = false
-        },
-        onSubmit(){
-            if(!this.input) return this.tableData = this.tableDataUser.map(val=> val)
-            this.tableData = this.tableDataUser.filter(val=> val.userName.indexOf(this.input) !== -1 || val.phone.indexOf(this.input) !== -1)
-        },
-    }
-}
-</script>
-
-<style scoped lang="scss">
-/deep/.el-dialog__body{
-    padding-top: 0;
-}
-.el-form-item{
-    width: 100%;
-    margin-bottom: 0;
-}
-.onSubmitBox{
-    display: flex;
-    margin-bottom: 10px;
-    .el-input{
-        margin-right: 20px;
-    }
-}
-</style>

src/views/back-stage-management/index.vue

@@ -1,198 +0,0 @@
-<template>
-  <div class="mainBox">
-    <div class="title">
-      <span>{{activeName === 'first' ? '已预约人数：' + tableDataCustomer.length + '人' : '商务负责人：' + tableDataUser.length + '位'}}</span>永天科技-安博会人员信息管理
-    </div>
-    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
-      <el-tab-pane label="客户信息" name="first"></el-tab-pane>
-      <el-tab-pane label="接待人信息" name="second"></el-tab-pane>
-    </el-tabs>
-    <div class="tableBox">
-      <el-form :inline="true" :model="formInline" class="demo-form-inline">
-        <el-form-item label="" v-if="activeName === 'first'">
-          <el-input v-model="formInline.customer" placeholder="客户姓名/联系电话"></el-input>
-        </el-form-item>
-        <el-form-item label="">
-          <el-input v-model="formInline.user" placeholder="接待人/接待人手机号"></el-input>
-        </el-form-item>
-        <el-form-item label="是否已分配" v-if="activeName === 'first'">
-            <el-select v-model="formInline.distribution" placeholder="">
-            <el-option label="全部" :value="0"></el-option>
-            <el-option label="已分配" :value="1"></el-option>
-            <el-option label="未分配" :value="2"></el-option>
-            </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="onSubmit()">查询</el-button>
-          <el-button type="primary" @click="exportExcel()">导出</el-button>
-          <el-button type="primary" @click="type = 'add';dialogUserVisible = true" v-if="activeName === 'second'">新增接待人</el-button>
-        </el-form-item>
-      </el-form>
-      <div class="tableList">
-        <el-table
-            :data="tableData"
-            border
-            height="100%"
-            id="userTable"
-            style="width: 100%">
-            <template v-if="activeName === 'first'">
-                <el-table-column prop="name" label="客户姓名" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="phone" label="联系电话" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="companyName" label="客户单位名称" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="post" label="职位" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="sf" label="省份" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="dateOfVisit" label="到访日期" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="accompany" label="随行人数" show-overflow-tooltip>
-                  <template slot-scope="scope">
-                    {{ scope.row.accompany === 1 ? '1-3人' : scope.row.accompany === 2 ? '3-7人' : '7人以上' }}
-                  </template>
-                </el-table-column>
-                <el-table-column prop="userName" label="接待人" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="userPhone" label="接待人手机号" show-overflow-tooltip></el-table-column>
-            </template>
-            <template v-if="activeName === 'second'">
-                <el-table-column prop="userName" label="接待人"></el-table-column>
-                <el-table-column prop="phone" label="接待人手机号"></el-table-column>
-                <!-- <el-table-column prop="phone" label="登录账号"></el-table-column> -->
-                <!-- <el-table-column prop="zip" label="接待客户数（人）"></el-table-column> -->
-            </template>
-            <el-table-column label="操作" v-if="!isExportExcel">
-                <template slot-scope="scope">
-                    <template v-if="activeName === 'first'">
-                        <el-button type="text" size="small" v-if="!scope.row.userPhone" @click="type = 'add';currentRow = scope.row;dialogVisible = true">分配接待人</el-button>
-                        <el-button type="text" size="small" v-else @click="type = 'edit';currentRow = scope.row;dialogVisible = true">重新分配</el-button>
-                    </template>
-                    <template v-else-if="activeName === 'second'">
-                        <el-button type="text" size="small" @click="type = 'edit';currentRow = scope.row;dialogUserVisible = true">修改</el-button>
-                        <!-- <el-button type="text" size="small" style="color:red;" @click="deleteClick(scope.row)">删除</el-button> -->
-                    </template>
-                </template>
-            </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" :type="type" v-model="currentRow" @getData="getDataCustomer" :tableDataUser="tableDataUser"></el-dialog>
-    <el-dialog-user :visible.sync="dialogUserVisible" :type="type" v-model="currentRow" @getData="getDataReception"></el-dialog-user>
-  </div>
-</template>
-
-<script>
-import elDialog from './dialog';
-import elDialogUser from './dialog-user';
-import FileSaver from 'file-saver'
-import XLSX from 'xlsx'
-export default {
-components: {
-    elDialog,
-    elDialogUser
-},
-data() {
-    return {
-      activeName: "first",
-      formInline: {
-        user: "",
-        customer: "",
-        distribution: 0,
-      },
-      tableData:[],
-      tableDataUser:[],
-      tableDataCustomer:[],
-      dialogVisible:false,
-      dialogUserVisible:false,
-      isExportExcel:false,
-      type:null,
-      currentRow:{}
-    };
-  },
-  mounted(){
-      this.getDataCustomer()
-      this.getDataReception()
-  },
-  methods: {
-    async getDataCustomer(){
-        let res = await this.$axios.post('/AF/listAppointment')
-        if(res.data.success){
-            this.tableDataCustomer = res.data.data
-        }
-        this.onSubmit()
-    },
-    async getDataReception(){
-        let res = await this.$axios.post('/AF/listUserInfo')
-        if(res.data.success){
-            this.tableDataUser = res.data.data
-        }
-        this.onSubmit()
-    },
-    handleClick(tab, event) {
-        console.log(tab, event);
-        this.onSubmit()
-    },
-    // deleteClick(row){
-
-    // },
-    exportExcel () {
-      this.isExportExcel = true
-      this.$nextTick(()=>{
-        //指定想要导出表格的id
-        let wb = XLSX.utils.table_to_book(document.querySelector('#userTable'))
-        wb.Sheets.Sheet1['!cols'] = [ {wpx: 100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100}, { wpx:100},]
-        console.log(wb)
-        //数据写入
-        let wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
-        // console.log(wbout)
-        try {
-          //表格的参数
-          FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'user.xlsx')
-        } catch (e) { 
-        if(typeof console !== 'undefined') console.log(e, wbout) 
-        }
-        this.isExportExcel = false
-        return wbout;
-      })
-    },
-    onSubmit() {
-        if(this.activeName === 'first'){
-            this.tableData = this.tableDataCustomer.filter(val=>{
-                return (!this.formInline.user || (val.userName && val.userName.indexOf(this.formInline.user) !== -1) || (val.userPhone && val.userPhone.indexOf(this.formInline.user) !== -1)) && 
-                (!this.formInline.customer || val.name.indexOf(this.formInline.customer) !== -1 || val.phone.indexOf(this.formInline.customer) !== -1) && 
-                (this.formInline.distribution === 0 || (this.formInline.distribution === 1 && !!val.userPhone) || (this.formInline.distribution === 2 && !val.userPhone)) 
-            })
-        } else if(this.activeName === 'second'){
-            this.tableData = this.tableDataUser.filter(val=>{
-                return (!this.formInline.user || (val.userName && val.userName.indexOf(this.formInline.user) !== -1) || (val.phone && val.phone.indexOf(this.formInline.user) !== -1)) 
-            })
-        } else{
-            this.tableData = []
-        }
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.mainBox {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 20PX;
-  box-sizing: border-box;
-  overflow: hidden;
-  .title {
-    text-align: center;
-    font-size: 20PX;
-    margin-bottom: 20PX;
-    span {
-      float: left;
-    }
-  }
-  .tableBox {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    .tableList{
-        flex: 1;
-    }
-  }
-}
-</style>

src/views/business-end/index.vue

@@ -1,401 +0,0 @@
-<template>
-  <div class="mianBox">
-    <template v-if="isLogin">
-      <div class="mianBoxF">
-        <div class="titleType">
-          <div>我的预约客户（{{tableData.length}}人）</div>
-          <div>商务端</div>
-        </div>
-        <van-divider />
-        <van-form validate-trigger="onSubmit" class="formS" :submit-on-enter="false" ref="formS" :show-error="false">
-          <van-field v-model="searchForm.phone" size="tel" name="手机" type="tel" placeholder="客户姓名/联系电话"/>
-          <van-button plain block type="info" native-type="submit" @click="getData()">查询</van-button>
-        </van-form>
-        <div class="tableBox">
-          <el-table border fit :data="tableData" height="100%" style="width: 100%">
-            <el-table-column prop="name" label="客户姓名"> </el-table-column>
-            <el-table-column prop="phone" label="联系电话"> </el-table-column>
-            <el-table-column prop="companyName" label="单位名称"> </el-table-column>
-            <el-table-column prop="post" label="职位"> </el-table-column>
-            <el-table-column prop="sf" label="省份"> </el-table-column>
-            <el-table-column prop="dateOfVisit" label="到访日期"> </el-table-column>
-            <el-table-column prop="accompany" label="随行人数">
-              <template slot-scope="scope">
-                {{ scope.row.accompany === 1 ? '1-3人' : scope.row.accompany === 2 ? '3-7人' : '7人以上' }}
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </template>
-    <template v-else>
-      <img src="../../assets/image/title.png" alt="" class="title" />
-      <div class="ckyyxx">第20届上海国际社会</div> 
-      <div class="kjdl">公共安全展览会</div>
-      <div class="formBox">
-        <van-form
-          @submit="onSubmit"
-          validate-trigger="onSubmit"
-          :submit-on-enter="false"
-          ref="formT"
-          :show-error="false"
-        >
-          <van-field
-            v-model="form.phone"
-            name="手机"
-            type="tel"
-            placeholder="请输入你的手机号"
-            :rules="[
-              {
-                required: true,
-                pattern: /^1[345678]\d{9}$/,
-                message: '请输入正确的手机号',
-              },
-            ]"
-          />
-          <van-field
-            v-model="form.password"
-            name="密码"
-            type="password"
-            placeholder="请输入密码"
-            :rules="[{ required: true, message: '请输入密码' }]"
-          >
-          </van-field>
-          <div style="margin: 16px">
-            <van-button plain round block type="info" native-type="submit"
-              >立即登录</van-button
-            >
-          </div>
-        </van-form>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script>
-// import { Notify } from "vant";
-export default {
-  data() {
-    return {
-      isLogin: false,
-      form: {
-        phone: "",
-        password: "",
-      },
-      searchForm: {
-        phone: "",
-      },
-      tableData:[],
-      tableDataList:[],
-    };
-  },
-  mounted() {
-  },
-  destroyed() {
-    this.isLogin = false;
-  },
-  methods: {
-    async getData() {
-      this.tableData = this.tableDataList.filter(val=>val.phone.indexOf(this.searchForm.phone)!==-1 || val.name.indexOf(this.searchForm.phone)!==-1)
-    },
-    async onSubmit() {
-      let res = await this.$axios.post(
-        "/AF/userLogin" +
-          "?" +
-          this.$qs.stringify({
-            ...this.form,
-          })
-      );
-      if (res.data.success) {
-        this.tableDataList = res.data.data
-        this.tableData = res.data.data
-        this.isLogin = true;
-        for (const key in this.form) {
-          this.form[key] = "";
-        }
-        this.$refs.formT.resetValidation();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.mianBox {
-  width: 100vw;
-  height: 100vh;
-  background: url("../../assets/image/bg2.png");
-  background-size: 100% 100%;
-  font-family: PingFangSC-Medium, PingFang SC;
-  color: #ffffff;
-  position: relative;
-  overflow: hidden;
-  .mianBoxF {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-  .titleType {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding: 0 30px;
-    height: 60px;
-    box-sizing: border-box;
-  }
-  .formS {
-    display: flex;
-    padding: 0 30px 20px;
-    width: 100%;
-    box-sizing: border-box;
-    align-items: flex-end;
-    /deep/ .van-field {
-      flex: 1;
-      margin-right: 20px;
-      font-size: 28px;
-      padding-left: 0;
-      background: transparent;
-      border: none;
-      border-bottom: 1px solid #fff;
-      padding: 10px;
-      .van-field__label {
-        color: #fff;
-      }
-      &::after {
-        display: none;
-      }
-      input {
-        color: #fff;
-      }
-      .van-field__button {
-        border-left: 1px solid #d8d8d8;
-      }
-      .hqyzm {
-        font-size: 24px;
-        font-weight: 400;
-        color: #ffc27b;
-        line-height: 33px;
-      }
-    }
-    .van-button {
-      height: 70px;
-      width: 150px;
-    }
-  }
-  .tableBox {
-    flex: 1;
-    padding: 20px 30px;
-    box-sizing: border-box;
-    /deep/.el-table {
-      background: transparent !important;
-      color: #fff;
-      border-color: rgba(0, 250, 251, 0.20);
-      &::before{
-          background: rgba(0, 250, 251, 0.20);
-      }
-      &::after{
-          background: rgba(0, 250, 251, 0.20);
-      }
-      table,
-      tr,
-      td,
-      th {
-        background: transparent !important;
-        color: #fff;
-        border-color: rgba(0, 250, 251, 0.20);
-      }
-      .el-table__empty-text {
-        background: transparent;
-        color: #fff;
-        border-color: rgba(0, 250, 251, 0.20);
-      }
-        .el-table__expand-icon {
-            color: #FFF;
-        }
-    }
-    /deep/ table {
-        tr,
-        td {
-            background: rgba(0, 251, 251, .051) !important;
-            color: #FFF;
-            border-color: rgba(0, 250, 251, 0.20);
-        }
-        tr {
-            margin-bottom: 1px;
-        }
-        th {
-            color: #FFF;
-            background: rgba(0, 250, 251, 0.20);
-            border-color: transparent;
-        }
-        thead {
-            th {
-                border-color: rgba(0, 250, 251, 0.20) !important;
-            }
-        }
-    }
-  }
-  .ckyyxx {
-    position: absolute;
-    top: 210px;
-    left: 55px;
-    height: 59px;
-    font-size: 42px;
-    font-weight: 500;
-    line-height: 59px;
-    letter-spacing: 1px;
-  }
-  .kjdl {
-    position: absolute;
-    left: 55px;
-    top: 283px;
-    height: 33px;
-    font-size: 24px;
-    font-weight: 400;
-    line-height: 33px;
-    letter-spacing: 1px;
-  }
-  .infoBtn {
-    position: absolute;
-    bottom: 100px;
-    left: 0;
-    right: 0;
-    margin: 0 auto;
-    width: 600px;
-  }
-  .van-steps {
-    margin-top: 50px;
-    background: transparent;
-    .van-step {
-      color: #fff;
-      font-size: 26px;
-      font-weight: 400;
-      color: #ffffff;
-      line-height: 37px;
-      letter-spacing: 1px;
-      span {
-        display: block;
-      }
-      &::after {
-        display: none;
-      }
-    }
-  }
-  .infoBox {
-    position: absolute;
-    top: 500px;
-    left: o;
-    padding: 0 50px 0 30px;
-    box-sizing: border-box;
-    width: 100vw;
-    height: auto;
-    .titleInfo {
-      display: flex;
-      align-items: center;
-      margin-left: 27px;
-      span {
-        width: 10px;
-        height: 40px;
-        background: linear-gradient(180deg, #0016ff 0%, #c724f8 100%);
-        display: inline-block;
-        margin-right: 20px;
-      }
-    }
-  }
-  .title {
-    position: absolute;
-    top: 54px;
-    right: 58px;
-    width: 110px;
-    height: 55px;
-  }
-  .gjsh {
-    position: absolute;
-    top: 200px;
-    left: 50px;
-    height: 43px;
-    font-size: 39px;
-    font-weight: 400;
-    line-height: 59px;
-    letter-spacing: 1px;
-  }
-  .ggaq {
-    position: absolute;
-    left: 50px;
-    top: 260px;
-    height: 86px;
-    font-size: 86px;
-    font-weight: bold;
-    line-height: 129px;
-    letter-spacing: 1px;
-  }
-  .ggaqEl {
-    position: absolute;
-    left: 55px;
-    top: 375px;
-    height: 38px;
-    font-size: 34px;
-    font-family: ArialMT;
-    line-height: 39px;
-    letter-spacing: 4px;
-    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
-  }
-  .formBox {
-    position: absolute;
-    top: 360px;
-    left: 0;
-    right: 0;
-    margin: auto;
-    width: 670px;
-    // height: 1069px;
-    border-radius: 8px;
-    margin: 0 auto;
-    margin-top: 40px;
-    padding: 40px;
-    box-sizing: border-box;
-    .van-form {
-      /deep/ .van-field {
-        font-size: 28px;
-        padding-left: 0;
-        margin-top: 25px;
-        background: transparent;
-        border: none;
-        border-bottom: 1px solid #fff;
-        .van-field__label {
-          color: #fff;
-        }
-        &::after {
-          display: none;
-        }
-        input {
-          color: #fff;
-        }
-        .van-field__button {
-          border-left: 1px solid #d8d8d8;
-        }
-        .hqyzm {
-          font-size: 24px;
-          font-weight: 400;
-          color: #ffc27b;
-          line-height: 33px;
-        }
-      }
-      .infoT {
-        font-size: 24px;
-        font-weight: 300;
-        color: #ffffff;
-        line-height: 33px;
-        text-align: right;
-        width: 100%;
-        display: block;
-        margin-top: 16px;
-      }
-      .van-button {
-        margin-top: 120px;
-      }
-    }
-  }
-}
-</style>

src/views/home/index.scss

@@ -1,291 +0,0 @@
-.home {
-    background-image: url("../../assets/image/bg.png");
-    background-size: 100% 100%;
-    width: 750px;
-    // height: 3522px;
-    color: #fff;
-    overflow: hidden;
-    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
-    .title {
-        height: 54px;
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        box-sizing: border-box;
-        margin-top: 44px;
-        padding: 0 30px;
-        .logo {
-            img {
-                width: 109px;
-                height: 54px;
-            }
-        }
-        .yyInfo {
-            color: #ffc27b;
-            font-size: 24px;
-        }
-    }
-    .sh {
-        margin-top: 83px;
-        padding-left: 60px;
-        font-size: 39px;
-        letter-spacing: 1px;
-        font-weight: 400;
-    }
-    .gg {
-        font-size: 86px;
-        letter-spacing: 1px;
-        font-weight: bold;
-        text-align: center;
-        margin-top: 23px;
-    }
-    .ggEl {
-        height: 38px;
-        font-size: 34px;
-        font-family: ArialMT;
-        color: #ffffff;
-        line-height: 39px;
-        letter-spacing: 4px;
-        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
-        text-align: center;
-    }
-    .blh {
-        font-size: 30px;
-        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
-        font-weight: 400;
-        color: #ffffff;
-        line-height: 45px;
-        letter-spacing: 1px;
-        margin-top: 20px;
-        text-align: center;
-    }
-    .yqh {
-        margin-top: 640px;
-        font-size: 52px;
-        text-align: center;
-    }
-    .yqhEl {
-        font-family: FZYOUHS_504L--GB1-0, FZYOUHS_504L--GB1;
-        font-weight: normal;
-        color: #ffffff;
-        line-height: 24px;
-        letter-spacing: 10px;
-        text-align: center;
-        font-size: 22px;
-    }
-    .ghgl {
-        font-size: 30px;
-        font-family: SourceHanSansCN-Light, SourceHanSansCN;
-        font-weight: 300;
-        color: #ffffff;
-        line-height: 61px;
-        letter-spacing: 12px;
-        text-align: center;
-    }
-    .yyfs {
-        font-size: 35px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #ffffff;
-        line-height: 49px;
-        text-align: center;
-        color: #ccc;
-        span {
-            color: #fff;
-            margin: 0 20px;
-        }
-    }
-    .yyfsEl {
-        font-size: 20px;
-        text-transform: Uppercase;
-        font-weight: normal;
-        color: #ffffff;
-        line-height: 23px;
-        letter-spacing: 3px;
-        text-align: center;
-    }
-    .formBox {
-        width: 670px;
-        // height: 1069px;
-        background: linear-gradient(360deg, #0f2471 0%, #171f44 100%);
-        box-shadow: 0px 5px 24px -14px #040414;
-        border-radius: 8px;
-        margin: 0 auto;
-        margin-top: 40px;
-        padding: 40px;
-        box-sizing: border-box;
-        .van-form {
-            /deep/ .van-field {
-                margin-top: 25px;
-                background: transparent;
-                border: 1px solid blue;
-                .van-field__label {
-                    color: #fff;
-                }
-                &::after {
-                    display: none;
-                }
-                input {
-                    color: #fff;
-                }
-                .van-field__button {
-                    border-left: 1px solid #d8d8d8;
-                }
-                .hqyzm {
-                    font-size: 24px;
-                    font-weight: 400;
-                    color: #ffc27b;
-                    line-height: 33px;
-                }
-            }
-            .infoT {
-                font-size: 24px;
-                font-weight: 300;
-                color: #ffffff;
-                line-height: 33px;
-                text-align: right;
-                width: 100%;
-                display: block;
-                margin-top: 16px;
-            }
-        }
-    }
-    .hdxxInfo {
-        width: 670px;
-        height: 233px;
-        background: linear-gradient(360deg, #0f2471 0%, #171f44 100%);
-        box-shadow: 0px 5px 24px -14px rgba(0, 0, 0, 0.14);
-        border-radius: 4px;
-        border: 1px solid rgba(81, 111, 255, 0.5);
-        border-radius: 8px;
-        margin: 0 auto;
-        margin-top: 40px;
-        padding: 40px;
-        box-sizing: border-box;
-    }
-    .hdxxInfoLable {
-        font-size: 26px;
-        font-weight: 400;
-        color: #ffffff;
-        line-height: 37px;
-        letter-spacing: 2px;
-        margin-bottom: 18px;
-        display: flex;
-        align-items: center;
-        span {
-            width: 1px;
-            height: 28px;
-            background: #ffffff;
-            opacity: 0.5;
-            margin-right: 25px;
-            display: inline-block;
-        }
-        .boldColor {
-            color: #ffc27b;
-            font-style: inherit;
-            font-size: 32px;
-            margin: 0 4px;
-        }
-    }
-    .bottomBox {
-        display: flex;
-        justify-content: space-between;
-        padding: 80px 30px;
-        box-sizing: border-box;
-        .bottomBoxL {
-            flex: 1;
-            padding: 0 20px;
-            width: 63%;
-            .title1 {
-                height: 30px;
-                font-size: 22px;
-                font-weight: 300;
-                color: #ffffff;
-                line-height: 30px;
-            }
-            .title2 {
-                margin-top: 15px;
-                height: 58px;
-                font-size: 18px;
-                font-weight: 300;
-                color: #ffffff;
-                line-height: 35px;
-            }
-            .title3 {
-                margin-top: 25px;
-                height: 87px;
-                font-size: 18px;
-                font-weight: 300;
-                color: #ffffff;
-                line-height: 35px;
-            }
-        }
-        .bottomBoxR {
-            width: 37%;
-            display: flex;
-            justify-content: flex-end;
-            flex-direction: column;
-            align-items: center;
-            .bottomBoxRT {
-                font-size: 16px;
-                color: #ffffff;
-                text-align: center;
-                span {
-                    font-size: 14px;
-                }
-            }
-            img {
-                margin-top: 20px;
-                width: 158px;
-                height: 158px;
-            }
-        }
-    }
-}
-
-.successBox {
-    width: 550px;
-    height: 700px;
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    margin: auto;
-    background: url("../../assets/image/bg1.png");
-    background-size: 100% 100%;
-    padding: 100px 60px 0;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    .iconSuccess {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 48px;
-        font-weight: 500;
-        color: #ffffff;
-        line-height: 67px;
-        img {
-            width: 30px;
-            height: 30px;
-            margin-right: 20px;
-        }
-    }
-    .tzxx {
-        height: 100px;
-        font-size: 30px;
-        font-weight: 300;
-        color: #FFFFFF;
-        line-height: 50px;
-        letter-spacing: 2px;
-        text-align: center;
-        margin-top: 35px;
-    }
-    .van-button {
-        margin-top: 100px;
-        width: 100%;
-    }
-}

src/views/home/index.vue

@@ -1,218 +1,19 @@
 <template>
-  <div class="home">
-    <div class="title">
-      <div class="logo">
-        <img src="../../assets/image/title.png" alt="">
-      </div>
-      <div class="yyInfo" @click="$router.push('/subscribe-info')">预约信息</div>
-    </div>
-    <div class="sh">第20届上海国际社会</div>
-    <div class="gg">公共安全展览会</div>
-    <div class="ggEl">The 20th Shanghai CPSE Expo</div>
-    <div class="blh">暨上海国际警用及安防无人系统博览会</div>
-    <div class="yqh">邀请函</div>
-    <div class="yqhEl">INVITATION</div>
-    <div class="ghgl">永天科技诚挚地恭候您的光临!</div>
-    <van-divider dashed class="yyfs"><span>预约方式</span></van-divider>
-    <div class="yyfsEl">the appointment mode</div>
-    <div class="formBox">
-      <van-form @submit="onSubmit" validate-trigger="onSubmit" :submit-on-enter="false" ref="formT">
-        <van-field v-model="form.name" name="姓名" label="姓名*" type="text" placeholder="请输入你的姓名" :rules="[{ required:true, pattern: /^.{1,10}$/, message: '请输入姓名，不得超过10字' }]"/>
-        <span class="infoT">*请留真实信息，以便商务验证和联系您</span>
-        <van-field v-model="form.phone" name="手机*" label="手机" type="tel" placeholder="请输入你的手机号" :rules="[{ required:true, pattern: /^1[345678]\d{9}$/, message: '请输入正确的手机号' }]"/>
-        <van-field v-model="form.smsCode" name="验证码*" label="验证码" type="tel" placeholder="请输入验证码" :rules="[{ required:true, pattern: /^\d{6}$/, message: '请输入正确的验证码' }]">
-          <template #button> 
-            <van-loading v-if="smsCodeLoading"  color="#1989fa" />
-            <span class="hqyzm" v-else @click="getsmsCode">{{showsmsCode?'获取验证码':timesmsCode + 's'}}</span> 
-          </template>
-        </van-field>
-        <van-field v-model="form.companyName" name="单位名称*" label="单位名称" type="text" placeholder="请输入单位名称" :rules="[{ required:true, pattern: /^.{0,50}$/, message: '内容不得超过50字' }]"/>
-        <van-field v-model="form.post" name="职务" label="职务" type="text" placeholder="请输入单位职务" :rules="[{ required:false, pattern: /^.{0,30}$/, message: '内容不得超过30字' }]"/>
-        <van-field readonly clickable label="省份" :value="form.sf" placeholder="选择省份" @click="showPicker = true"/>
-        <van-popup v-model="showPicker" round position="bottom">
-          <van-picker show-toolbar :columns="columns" @cancel="showPicker = false" @confirm="onConfirm" />
-        </van-popup>
+  <div>
 
-        <van-field readonly clickable name="dateOfVisit" :value="form.dateOfVisit" label="到访日期" placeholder="点击选择到访日期" @click="showTimePicker = true" :rules="[{ required:true, message: '请选择到访日期' }]"/>
-        <van-popup v-model="showTimePicker" position="bottom">
-          <van-datetime-picker type="datetime" @confirm="onConfirmTime" @cancel="showTimePicker = false" :min-date="minDate" :max-date="maxDate" />
-        </van-popup>
-
-        <van-field readonly clickable label="随行人数" :value="form.accompanys" placeholder="选择随行人数" validate-trigger="onSubmit" @click="showacCompany = true"/>
-        <van-popup v-model="showacCompany" round position="bottom">
-          <van-picker show-toolbar :columns="columns2" @cancel="showacCompany = false" @confirm="onConfirmCompany" />
-        </van-popup>
-
-        <div style="margin: 16px;">
-          <van-button  plain round block type="info" native-type="submit">立即预约</van-button>
-        </div>
-      </van-form>
-    </div>
-    <van-divider dashed class="yyfs" style="margin-top:50px;"><span>活动信息</span></van-divider>
-    <div class="yyfsEl">the Activity information</div>
-    <div class="hdxxInfo">
-      <div class="hdxxInfoLable"><span></span>时间：2021.8.11-8.13</div>
-      <div class="hdxxInfoLable"><span></span>上海·世博馆<i class="boldColor">1</i> 号馆 展位号<i class="boldColor">E10</i></div>
-      <div class="hdxxInfoLable"><span></span>上海浦东新区国展路1099号</div>
-    </div>
-    <div class="bottomBox">
-      <div class="bottomBoxL">
-        <div class="title1">入场须知：</div>
-        <div class="title2">* 预约成功后将通过手机短信及电话回访的方式确认，请保持通话顺畅</div>
-        <div class="title3">* 如有疑问请咨询 ：<br/> 电话：021-65376655<br/> 邮箱：yujia.chi@chinausky.com</div>
-      </div>
-      <div class="bottomBoxR">
-        <div class="bottomBoxRT">FOLLOW US<br> <span>关注我们获取更多咨询</span></div>
-        <img src="../../assets/image/ewm.png" alt="">
-      </div>
-    </div>
-    <van-overlay :show="showSuccessBox">
-      <div class="successBox">
-        <div class="iconSuccess">
-          <img src="../../assets/image/icon.png" alt="">预约成功！
-        </div>
-        <div class="tzxx">我们会在24小时内联系您， 请保持手机通畅。</div>
-        <van-button plain round type="info" @click="showSuccessBoxC">知道了</van-button>
-      </div>
-    </van-overlay>
   </div>
 </template>
 
 <script>
-// @ is an alias to /src
-import { Notify } from 'vant';
 export default {
-  data() {
-    return {
-      form:{
-        name: '',//客户姓名
-        phone: '',//手机号
-        smsCode: '',//短信验证码
-        companyName: '',//单位名称
-        post: '',//职位
-        sf: '',//省份
-        dateOfVisit: '',//到访日期
-        accompany: '',//随行人数
-        remark: '',//备注
-        userId: '',//接待人ID
-        userName: '',//接待人姓名
-      },
-      minDate: new Date(2021, 7, 11 , 0,0,0),
-      maxDate: new Date(2021, 7, 13 , 23,59,59),
-      showTimePicker: false,
-      showacCompany: false,
-      showPicker: false,
-      showsmsCode:true,
-      timesmsCode:60,
-      showSuccessBox:false,
-      smsCodeLoading:false,
-      smsCodeInter:null,
-      columns: [
-        "北京市",
-        "天津市",
-        "河北省",
-        "山西省",
-        "内蒙古自治区",
-        "辽宁省",
-        "吉林省",
-        "黑龙江省",
-        "上海市",
-        "江苏省",
-        "浙江省",
-        "安徽省",
-        "福建省",
-        "江西省",
-        "山东省",
-        "河南省",
-        "湖北省",
-        "湖南省",
-        "广东省",
-        "广西省",
-        "海南省",
-        "重庆市",
-        "四川省",
-        "贵州省",
-        "云南省",
-        "西藏自治区",
-        "陕西省",
-        "甘肃省",
-        "青海省",
-        "宁夏回族自治区",
-        "新疆维吾尔自治区",
-        "台湾省",
-        "香港特别行政区",
-        "澳门特别行政区",
-      ],
-      columns2: ['1-3人', '3-7人', '7人以上'],
-      infoForm:{
-
-      }
-    };
-  },
-  // components: {
-  // },
-  methods:{
-    showSuccessBoxC(){
-      this.$router.push({
-        path:'/subscribe-info',
-        query:{
-          ...this.form
+    data(){
+        return{
+            
         }
-      })
-      this.showSuccessBox = false
-      for (const key in this.form) {
-        this.form[key] = "";
-      }
-      this.$refs.formT.resetValidation()
-    },
-    async onSubmit(values) {
-      console.log('submit', values);
-      let res = await this.$axios.post('/AF/addRegister' + '?' +this.$qs.stringify({
-        ...this.form
-      }))
-      if(res.data.success){
-        this.showSuccessBox = true;
-        this.infoForm = res.data.data
-      }
-    },
-    async getsmsCode(){
-      if(!this.form.phone || !/^1[345678]\d{9}$/.test(this.form.phone)) return  Notify({ type: 'primary', message: '请输入正确的手机号' });
-      this.smsCodeLoading = true
-      let res = await this.$axios.get('/AF/msgTest' + '?' + this.$qs.stringify({
-        phone:this.form.phone
-      }))
-      if(res.data.success){
-        Notify({ type: 'success', message: '验证码已发送' })
-        this.showsmsCode = !this.showsmsCode
-        this.smsCodeInter = setInterval(()=>{
-          --this.timesmsCode
-          if(this.timesmsCode <= 0 ){
-             clearInterval(this.smsCodeInter)
-             this.showsmsCode = !this.showsmsCode
-          }
-        },1000)
-      } else{
-        Notify({ type: 'primary', message: res.message });
-      }
-      this.smsCodeLoading = false
-    },
-    onConfirm(value) {
-      this.showPicker = false;
-      this.form.sf = value
-    },
-    onConfirmCompany(value,ind) {
-      this.showacCompany = false;
-      this.form.accompanys = value
-      this.form.accompany = ind === 1 ? 0 : ind + 1
-    },
-    onConfirmTime(value) {
-      this.showTimePicker = false;
-      this.form.dateOfVisit = new Date(value).Format("yyyy-MM-dd hh:mm:ss")
-    },
-  }
+    }
 }
 </script>
 
 <style lang="scss" scoped>
-@import  './index';
-</style>
+
+</style>

src/views/subscribe-info/index.vue

@@ -1,305 +0,0 @@
-<template>
-  <div class="mianBox">
-    <img src="../../assets/image/title.png" alt="" class="title" />
-    <template v-if="isLogin">
-      <div class="gjsh">第20届上海国际社会</div>
-      <div class="ggaq">公共安全展览会</div>
-      <div class="ggaqEl">The 20th Shanghai CPSE Expo</div>
-      <div class="infoBox">
-        <div class="titleInfo"><span></span>预约信息</div>
-        <van-steps
-          direction="vertical"
-          :active="3"
-          active-color="#FFFFFF"
-          inactive-color="#FFFFFF"
-          active-icon="stop"
-          inactive-icon="stop"
-        >
-          <van-step> 预约人：{{infoForm.name || ''}} </van-step>
-          <van-step> 预约人联系方式：{{infoForm.phone || ''}} </van-step>
-          <van-step> 访问日期：{{infoForm.dateOfVisit || ''}} </van-step>
-          <van-step> 随行人数：{{infoForm.accompany && infoForm.accompany === 1 ?'1-3人':infoForm.accompany === 2 ? '3-7人': '7人以上'  || ''}} </van-step>
-          <van-step> 接待人：{{infoForm.userName || ''}} </van-step>
-          <van-step> 接待人联系方式：{{infoForm.userPhone || ''}} </van-step>
-          <van-step>
-            展会地址：上海世博会1号馆 展位号E10
-            <span>(上海浦东新区国展路1099号)</span>
-          </van-step>
-        </van-steps>
-      </div>
-      <van-button
-        plain
-        round
-        class="infoBtn"
-        type="info"
-        @click="callPhone()"
-        >联系接待人</van-button
-      >
-    </template>
-    <template v-else>
-      <div class="ckyyxx">查看预约信息</div>
-      <div class="kjdl">手机快捷登陆查看预约信息</div>
-      <div class="formBox">
-        <van-form @submit="onSubmit" validate-trigger="onSubmit" :submit-on-enter="false" ref="formT" :show-error="false">
-            <van-field v-model="form.phone" name="手机" type="tel" placeholder="请输入你的手机号" :rules="[{ required:true, pattern: /^1[345678]\d{9}$/, message: '请输入正确的手机号' }]"/>
-            <van-field v-model="form.code" name="验证码" type="tel" placeholder="请输入验证码" :rules="[{ required:true, pattern: /^\d{6}$/, message: '请输入正确的验证码' }]">
-            <template #button> 
-                <van-loading v-if="codeLoading"  color="#1989fa" />
-                <span class="hqyzm" v-else @click="getcode">{{showcode?'获取验证码':timecode + 's'}}</span> 
-            </template>
-            </van-field>
-            <div style="margin: 16px;">
-            <van-button plain round block type="info" native-type="submit">立即查看</van-button>
-            </div>
-        </van-form>
-        </div>
-    </template>
-  </div>
-</template>
-
-<script>
-import { Notify } from 'vant';
-export default {
-  data() {
-    return {
-      showSuccessBox: false,
-      isLogin: false,
-      showcode:true,
-      timecode:60,
-      codeInter:null,
-      codeLoading:false,
-      form:{
-          phone:'',
-          code:''
-      },
-      infoForm:{
-
-      }
-    };
-  },
-  mounted(){
-    if(this.$route.query.name){
-      this.infoForm = this.$route.query
-      this.isLogin = true
-    }
-  },
-  destroyed(){
-    this.isLogin = false;
-  },
-  methods: {
-    async onSubmit(values) {
-      console.log('submit', values);
-      let res = await this.$axios.post('/AF/listRegisterInfo' + '?' + this.$qs.stringify({
-        ...this.form
-      }))
-      if(res.data.success){
-          console.log(res.data)
-        this.infoForm = res.data.data[0] || {}
-        for (const key in this.form) {
-          this.form[key] = "";
-        }
-        this.$refs.formT.resetValidation()
-        this.isLogin = true;
-      }
-    },
-    async getcode(){
-      if(!this.form.phone || !/^1[345678]\d{9}$/.test(this.form.phone)) return  Notify({ type: 'primary', message: '请输入正确的手机号' });
-      this.codeLoading = true
-      let res = await this.$axios.get('/AF/msgTest' + '?' + this.$qs.stringify({
-        phone:this.form.phone
-      }))
-      if(res.data.success){
-        Notify({ type: 'success', message: '验证码已发送' })
-        this.showcode = !this.showcode
-        this.codeInter = setInterval(()=>{
-          --this.timecode
-          if(this.timecode <= 0 ){
-             clearInterval(this.codeInter)
-             this.showcode = !this.showcode
-          }
-        },1000)
-      } else{
-        Notify({ type: 'primary', message: res.message });
-      }
-      this.codeLoading = false
-    },
-    callPhone() {
-        if(!this.infoForm.userPhone) return
-        window.location.href = "tel://" + this.infoForm.userPhone;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.mianBox {
-  width: 100vw;
-  height: 100vh;
-  background: url("../../assets/image/bg2.png");
-  background-size: 100% 100%;
-  font-family: PingFangSC-Medium, PingFang SC;
-  color: #ffffff;
-  position: relative;
-  overflow: hidden;
-  .ckyyxx {
-    position: absolute;
-    top: 210px;
-    left: 55px;
-    height: 59px;
-    font-size: 42px;
-    font-weight: 500;
-    line-height: 59px;
-    letter-spacing: 1px;
-  }
-  .kjdl {
-    position: absolute;
-    left: 55px;
-    top: 283px;
-    height: 33px;
-    font-size: 24px;
-    font-weight: 400;
-    line-height: 33px;
-    letter-spacing: 1px;
-  }
-  .infoBtn {
-    position: absolute;
-    bottom: 100px;
-    left: 0;
-    right: 0;
-    margin: 0 auto;
-    width: 600px;
-  }
-  .van-steps {
-    margin-top: 50px;
-    background: transparent;
-    .van-step {
-      color: #fff;
-      font-size: 26px;
-      font-weight: 400;
-      color: #ffffff;
-      line-height: 37px;
-      letter-spacing: 1px;
-      span {
-        display: block;
-      }
-      &::after {
-        display: none;
-      }
-    }
-  }
-  .infoBox {
-    position: absolute;
-    top: 450px;
-    left: o;
-    padding: 0 50px 0 30px;
-    box-sizing: border-box;
-    width: 100vw;
-    height: auto;
-    .titleInfo {
-      display: flex;
-      align-items: center;
-      margin-left: 27px;
-      span {
-        width: 10px;
-        height: 40px;
-        background: linear-gradient(180deg, #0016ff 0%, #c724f8 100%);
-        display: inline-block;
-        margin-right: 20px;
-      }
-    }
-  }
-  .title {
-    position: absolute;
-    top: 54px;
-    right: 58px;
-    width: 110px;
-    height: 55px;
-  }
-  .gjsh {
-    position: absolute;
-    top: 150px;
-    left: 50px;
-    height: 43px;
-    font-size: 39px;
-    font-weight: 400;
-    line-height: 59px;
-    letter-spacing: 1px;
-  }
-  .ggaq {
-    position: absolute;
-    left: 50px;
-    top: 210px;
-    height: 86px;
-    font-size: 86px;
-    font-weight: bold;
-    line-height: 129px;
-    letter-spacing: 1px;
-  }
-  .ggaqEl {
-    position: absolute;
-    left: 55px;
-    top: 325px;
-    height: 38px;
-    font-size: 34px;
-    font-family: ArialMT;
-    line-height: 39px;
-    letter-spacing: 4px;
-    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
-  }
-  .formBox {
-      position: absolute;
-      top: 360px;
-      left: 0;
-      right: 0;
-      margin: auto;
-    width: 670px;
-    // height: 1069px;
-    border-radius: 8px;
-    margin: 0 auto;
-    margin-top: 40px;
-    padding: 40px;
-    box-sizing: border-box;
-    .van-form {
-      /deep/ .van-field {
-          font-size: 28px;
-          padding-left: 0;
-        margin-top: 25px;
-        background: transparent;
-        border: none;
-        border-bottom: 1px solid #FFF;
-        .van-field__label {
-          color: #fff;
-        }
-        &::after {
-          display: none;
-        }
-        input {
-          color: #fff;
-        }
-        .van-field__button {
-          border-left: 1px solid #d8d8d8;
-        }
-        .hqyzm {
-          font-size: 24px;
-          font-weight: 400;
-          color: #ffc27b;
-          line-height: 33px;
-        }
-      }
-      .infoT {
-        font-size: 24px;
-        font-weight: 300;
-        color: #ffffff;
-        line-height: 33px;
-        text-align: right;
-        width: 100%;
-        display: block;
-        margin-top: 16px;
-      }
-      .van-button{
-          margin-top: 120px;
-      }
-    }
-  }
-}
-</style>