mirror of
https://github.com/himool/HimoolERP.git
synced 2024-09-20 06:46:00 +08:00
feat: 调整
This commit is contained in:
parent
3de7658348
commit
60cb422d26
|
@ -3,7 +3,6 @@
|
|||
<div class="logo" @click="$router.push('/')" style="width: 256px">
|
||||
<img :src="logo" width="36" style="margin-top: -6px; margin-left: 8px;" />
|
||||
<span v-if="!collapsed" style="color: #1890ff; margin-left: 6px; font-size: 16px">Himool ERP</span>
|
||||
<!-- <span v-if="!collapsed" style="color: #1890ff; margin-left: 6px; font-size: 18px;">ERP</span> -->
|
||||
</div>
|
||||
<a-menu theme="light" mode="inline" :selectedKeys="selectedKeys" :openKeys="openKeys" :inline-collapsed="collapsed"
|
||||
:style="{width: collapsed ? '80px' : '256px'}" @click="switchView" @openChange="openChange">
|
||||
|
|
|
@ -2,14 +2,15 @@
|
|||
<div class="background" ref="card">
|
||||
<a-card class="card">
|
||||
<div>
|
||||
<div style="text-align: center; padding-top: 16px;">
|
||||
<img :src="logo" width="112" style="margin-top: -6px; margin-left: 8px; cursor: pointer;"
|
||||
@click="backIndex" />
|
||||
<div style="text-align: center; padding-top: 16px">
|
||||
<img :src="logo" width="100" style="cursor: pointer; margin-top: 16px" @click="backIndex" />
|
||||
</div>
|
||||
<div class="title" style="margin: 0;">
|
||||
<div class="title" style="margin-top: 16px">
|
||||
<span style="cursor: pointer; font-size: 24px" @click="backIndex">Himool ERP</span>
|
||||
</div>
|
||||
<div style="text-align: center; font-size: 16px; color: #666; margin-bottom: 24px;">让企业管理更简单高效</div>
|
||||
<div style="text-align: center; font-size: 16px; color: #1890ff; margin-top: 8px; margin-bottom: 24px">
|
||||
<span>盒木企业管理系统</span>
|
||||
</div>
|
||||
</div>
|
||||
<router-view />
|
||||
</a-card>
|
||||
|
@ -17,40 +18,40 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'UserLayout',
|
||||
data() {
|
||||
return {
|
||||
logo: require('@/assets/logo.png'),
|
||||
}
|
||||
export default {
|
||||
name: "UserLayout",
|
||||
data() {
|
||||
return {
|
||||
logo: require("@/assets/logo.png"),
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
backIndex() {
|
||||
window.open("http://www.haioucloud.com", "_self");
|
||||
},
|
||||
methods: {
|
||||
backIndex() {
|
||||
window.open('http://www.haioucloud.com', '_self');
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.card {
|
||||
width: 480px;
|
||||
border-radius: 8px;
|
||||
padding-bottom: 64px;
|
||||
margin: auto;
|
||||
}
|
||||
.card {
|
||||
width: 480px;
|
||||
border-radius: 8px;
|
||||
padding-bottom: 64px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.background {
|
||||
min-height: 100%;
|
||||
padding: 10vh 0;
|
||||
background: #f0f2f5 url('~@/assets/background.svg') no-repeat 50%;
|
||||
}
|
||||
.background {
|
||||
min-height: 100%;
|
||||
padding: 10vh 0;
|
||||
background: #f0f2f5 url("~@/assets/background.svg") no-repeat 50%;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
color: #1890ff;
|
||||
margin-top: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
color: #1890ff;
|
||||
margin-top: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
<a-row style="margin-top: 12px;">
|
||||
<a-table rowKey="id" size="small" :columns="columns" :dataSource="items" :loading="loading" :pagination="pagination"
|
||||
@change="tableChange">
|
||||
<div slot="status" slot-scope="value">
|
||||
<div slot="is_active" slot-scope="value">
|
||||
<template v-if="value">
|
||||
<a-badge status="success" />
|
||||
<span>启用</span>
|
||||
|
|
|
@ -27,8 +27,8 @@
|
|||
</a-form-model-item>
|
||||
<a-form-model-item prop="is_active" label="状态">
|
||||
<a-select v-model="form.is_active" style="width: 100%;">
|
||||
<a-select-option :value="true">激活</a-select-option>
|
||||
<a-select-option :value="false">冻结</a-select-option>
|
||||
<a-select-option :value="true">启用</a-select-option>
|
||||
<a-select-option :value="false">禁用</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item prop="roles" label="角色">
|
||||
|
|
Loading…
Reference in a new issue