Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/americanCont...

hejianhao

2025-01-08 0fafb85e643399becefc303024c9abb4304b68aa

Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/americanContainer

 package-lock.json

Diff too large

 src/assets/add.png

 src/component/userInfo.vue

New file
@@ -0,0 +1,133 @@
<template>
    <el-dialog :visible.sync="dialogVisible" :show-close="false" width="80%">
        <div class="content">

            <el-form label-position="left" :inline="true" label-width="105px" :model="formLabelAlign" :rules="rules">
                <div class="title">个人信息</div>
                <div class="company">所属公司：成都喜望软件有限公司</div>
                <el-row :gutter="0" class="companyForm">
                    <el-col :span="7">
                        <el-form-item label="姓名">
                            <el-input v-model="formLabelAlign.name"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7"><el-form-item label="手机号">
                            <el-input v-model="formLabelAlign.region"></el-input>
                        </el-form-item></el-col>
                    <el-col :span="7"><el-form-item label="邮箱">
                            <el-input v-model="formLabelAlign.type"></el-input>
                        </el-form-item></el-col>
                </el-row>
                <div class="company" style="margin-top: 6px;">其他邮箱
                    <div class="btn"><img src="@/assets/add.png" alt="">新增邮箱</div>
                </div>
                <el-row :gutter="0" class="companyForm">
                    <el-col :span="7">
                        <el-form-item label="邮箱">
                            <el-input v-model="formLabelAlign.email"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7"><el-form-item label="手机号">
                            <el-input v-model="formLabelAlign.region"></el-input>
                        </el-form-item></el-col>
                    <el-col :span="7"><el-form-item label="邮箱">
                            <el-input v-model="formLabelAlign.type"></el-input>
                        </el-form-item></el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>
</template>

<script>
export default {
    data() {
        return {
            dialogVisible: true,
            formLabelAlign: {
                name: '',
                region: '',
                type: '',
                email:''
            },
            rules: {
                email: [
                    { required: true, message: '请选择活动区域', trigger: 'change' }
                ],
            }
        };
    },
};
</script>

<style lang="less" scoped>
.content {
    .title {
        padding: 31px 0;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #3B3F56;
        line-height: 27px;
    }

    .company {
        font-weight: bold;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #3B3F56;
        line-height: 24px;
        margin-left: 38px;
        padding-right: 50px;

        .btn {
            width: 151px;
            height: 50px;
            border-radius: 4px;
            background: #014099;
            font-size: 16px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
            cursor: pointer;

            img {
                width: 20px;
                height: 20px;
                margin-right: 13px;
            }
        }
    }

    .companyForm {
        margin-top: 32px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.12);
        padding-left: 38px;
    }
}

/deep/ .el-dialog {
    border-radius: 8px;

    .el-dialog__header {
        display: none !important;
    }

    .el-dialog__body {
        padding: 0 !important;

    }
}

/deep/ .el-form {
    .el-form-item__label {
        font-size: 16px;
        color: #3B3F56;
        font-weight: 500;
    }
}
</style>

 src/router/index.js

@@ -27,6 +27,16 @@
    component: Layouts,
    children: [
      {
        path: "/home",
        meta: {
          title: "首页",
          oneself: true,
          hide: true,
          privilege: 'home'
        },
        component: () => import("../view/Home"),
      },
      {
        path: "/login",
        meta: {
          title: "登录",
@@ -34,7 +44,7 @@
          hide: true,
          privilege: 'login'
        },
        component: () => import("../view/login"),
        component: () => import("../view/Login"),
      },
    ]
  }

 src/view/Home.vue

New file
@@ -0,0 +1,22 @@
<template>
    <div>Home
        <UserInfo :show="true"/>
    </div>
</template>
    
<script>
import UserInfo from '@/component/userInfo.vue'
    export default {
        name: "Home",
        components: {
            UserInfo
        },
        data() {
            return {};
        },
    };
</script>
    
<style>
    
</style>