Skip to content

O
offical_web
Commit 010a756e by qinjianhui
Options

fix: 修改样式

parent 264ae7b6
Showing with 792 additions and 573 deletions
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<!-- <Head /> -->
<router-view /> <router-view />
</div> </div>
</template> </template>
<script> <script>
import Head from './components/head.vue'
export default { export default {
data() { data() {
return {} return {}
}, },
components: {
Head,
},
} }
</script> </script>
<style> <style>
* { * {
margin: 0; margin: 0;
box-sizing: border-box;
} }
html, html,
body, body,
......
src/assets/css/index.css
.container{ .container {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
} }
.link {
color: #2a6ffe;
text-decoration: none;
}
.link:hover {
color: #2386ee;
}
src/components/head.vue
...@@ -17,9 +17,9 @@ ...@@ -17,9 +17,9 @@
</nav> </nav>
<div class="right_btn"> <div class="right_btn">
<el-button type="primary" size="mini" @click="login">登录</el-button> <el-button type="primary" size="mini" @click="login">登录</el-button>
<el-button type="primary" size="mini" @click="register">免费试用</el-button> <el-button type="primary" size="mini" @click="register">
免费试用
</el-button>
</div> </div>
</div> </div>
</header> </header>
...@@ -30,14 +30,14 @@ export default { ...@@ -30,14 +30,14 @@ export default {
data() { data() {
return {} return {}
}, },
methods:{ methods: {
login(){ login() {
this.$router.push('/login')
},
register() {
this.$router.push('/register')
},
}, },
register(){
}
}
} }
</script> </script>
...@@ -49,7 +49,7 @@ export default { ...@@ -49,7 +49,7 @@ export default {
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
box-shadow: 0 2px 10px 0 rgb(0 39 98 / 66%); /* box-shadow: 0 2px 10px 0 rgb(0 39 98 / 66%); */
} }
.logo { .logo {
float: left; float: left;
...@@ -73,7 +73,7 @@ export default { ...@@ -73,7 +73,7 @@ export default {
color: #fff; color: #fff;
padding: 0 20px; padding: 0 20px;
} }
.right_btn{ .right_btn {
display: flex; display: flex;
align-items: center; align-items: center;
} }
......
src/components/product-intro.vue 0 → 100644
<template>
<div class="product-intro">
<div class="function_bg">
<h2 style="text-align: center; padding: 20px">产品优势</h2>
<div class="product-pros">
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657187271793"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1683"
width="32"
height="32">
<path
d="M673.793824 525.149534a127.976004 127.976004 0 1 0 127.976004 127.976005 128.135975 128.135975 0 0 0-127.976004-127.976005z m0 191.964007a63.988002 63.988002 0 1 1 63.988002-63.988002 64.05199 64.05199 0 0 1-63.988002 63.988002z"
fill="#1296db"
p-id="1684"></path>
<path
d="M63.988162 63.988002h767.856027v200.026495h63.988002V38.584765A38.616759 38.616759 0 0 0 857.247426 0H38.584925A38.616759 38.616759 0 0 0 0.00016 38.584765v946.638506A38.616759 38.616759 0 0 0 38.584925 1023.808036h345.855153v-63.988002H63.988162z"
fill="#1296db"
p-id="1685"></path>
<path
d="M969.450388 720.792851a21.276011 21.276011 0 0 1-8.382428-19.83628 264.078485 264.078485 0 0 0 2.047616-31.834031 269.837405 269.837405 0 0 0-2.39955-34.93745 21.595951 21.595951 0 0 1 8.446416-20.31619l45.911392-33.753672a21.435981 21.435981 0 0 0 5.854902-27.994751l-73.426233-127.208148a21.435981 21.435981 0 0 0-27.194901-8.926326l-53.909892 23.67556a21.308005 21.308005 0 0 1-21.244016-2.591514 287.562082 287.562082 0 0 0-55.669562-31.898019 21.308005 21.308005 0 0 1-12.989565-17.148784l-6.590764-59.348872a21.435981 21.435981 0 0 0-21.308005-19.068425h-146.852465a21.435981 21.435981 0 0 0-21.339999 19.068425l-6.590764 59.348872a21.339999 21.339999 0 0 1-12.95757 17.148784 287.78604 287.78604 0 0 0-55.25364 31.578079 21.308005 21.308005 0 0 1-21.180029 2.55952l-54.837718-24.027494a21.435981 21.435981 0 0 0-27.194901 8.894332l-73.426232 127.208148a21.435981 21.435981 0 0 0 5.854902 27.962757l46.391301 34.105606a21.595951 21.595951 0 0 1 8.414423 20.348184 269.933387 269.933387 0 0 0-2.39955 35.321378 261.774917 261.774917 0 0 0 1.855652 30.394301 21.308005 21.308005 0 0 1-8.414423 19.772292l-46.263325 34.041617a21.435981 21.435981 0 0 0-5.854902 27.962757l73.458226 127.176155a21.435981 21.435981 0 0 0 27.130913 8.926326l50.358558-22.075861a21.244017 21.244017 0 0 1 21.435981 2.815473 287.94601 287.94601 0 0 0 59.668812 34.809473 21.276011 21.276011 0 0 1 12.925576 17.11679l6.07886 54.709742a21.435981 21.435981 0 0 0 21.276011 19.036431h146.884459a21.435981 21.435981 0 0 0 21.308005-19.068425l5.982878-53.97388a21.276011 21.276011 0 0 1 13.053553-17.148784 287.62607 287.62607 0 0 0 60.308692-34.681497 21.244017 21.244017 0 0 1 21.403987-2.751484l50.102605 21.947884a21.435981 21.435981 0 0 0 27.162907-8.926326l73.426233-127.176155a21.435981 21.435981 0 0 0-5.854902-27.99475z m-78.545273-110.923202a221.750422 221.750422 0 0 1 7.998501 55.669562c0.031994 1.151784 0.223958 2.303568 0.223958 3.487347v0.095982a221.110542 221.110542 0 0 1-7.358621 56.405424 21.691933 21.691933 0 0 0 7.774543 23.259638l41.528213 30.554271 4.991064 3.647317-35.353371 61.268512-5.662938-2.495532-46.647254-20.444167a21.691933 21.691933 0 0 0-24.187465 5.055052 226.421546 226.421546 0 0 1-44.407673 34.777479c-1.695682 1.023808-3.391364 2.143598-5.11904 3.103418a222.230332 222.230332 0 0 1-52.37418 21.308005 21.723927 21.723927 0 0 0-16.412923 18.396551l-5.662938 50.742486-0.543898 5.11904h-70.706743l-0.607886-5.374992-5.662938-50.870462a21.723927 21.723927 0 0 0-16.220958-18.364557 224.181966 224.181966 0 0 1-52.630132-22.011873l-4.575142-2.815472a226.517528 226.517528 0 0 1-44.023746-34.841467 21.723927 21.723927 0 0 0-24.251453-5.11904l-46.455289 20.380179-6.206837 2.71949-35.353371-61.236518 5.75892-4.255203 41.592202-30.586265a21.691933 21.691933 0 0 0 7.870524-23.131663 221.49447 221.49447 0 0 1-7.03868-55.189651c0-0.63988 0.095982-1.215772 0.095982-1.823659 0-0.735862 0.095982-1.43973 0.127976-2.175592a222.102356 222.102356 0 0 1 8.094482-55.605574 21.723927 21.723927 0 0 0-7.67856-23.547584l-41.240268-30.298319-7.166656-5.279011 35.353371-61.236518 9.022309 3.935262 47.287133 20.732113a21.659939 21.659939 0 0 0 23.899519-4.767106 224.277948 224.277948 0 0 1 45.207524-34.233581l0.063988-0.543898 0.511904 0.223958a223.670062 223.670062 0 0 1 51.990252-21.563957 21.691933 21.691933 0 0 0 16.284946-18.332563l5.630944-50.870462 1.151784-10.142098h70.706743l1.11979 10.142098 5.630944 50.870462a21.691933 21.691933 0 0 0 16.316941 18.332563 223.510092 223.510092 0 0 1 52.470162 21.883897l0.063988-0.031994v0.063988a223.89402 223.89402 0 0 1 45.559457 34.553521 21.691933 21.691933 0 0 0 23.931513 4.7991l47.223146-20.700119 8.31844-3.647316 35.321377 61.268512-6.590764 4.831095-41.272261 30.394301a21.691933 21.691933 0 0 0-7.678561 23.51559zM120.969478 201.594201h420.785103v63.988002H120.969478zM120.969478 403.540336h180.062239v63.988002H120.969478zM120.969478 605.486471h193.371743v63.988003H120.969478z"
fill="#1296db"
p-id="1686"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
生产管理
</h3>
<p style="padding: 10px">
生产单、交货单、财务核算一体化；
<br />
全流程日志，方便追溯和分析；
<br />
精准跟踪发货进度，支持分批发货。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657187494059"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5411"
width="32"
height="32">
<path
d="M835.734065 564.106749V188.035583c0-11.386599-9.276422-20.892843-20.746593-20.892842H731.269852v83.446013C731.269852 273.738023 712.675222 292.499796 689.672202 292.499796H313.204072C290.242838 292.499796 271.627315 273.758916 271.627315 250.588754V167.142741H187.909695C176.62756 167.142741 167.163103 176.502734 167.163103 188.035583v710.356647c0 11.386599 9.276422 20.892843 20.746592 20.892843H480.555741a41.785685 41.785685 0 1 1 0 83.57137H125.314739A41.827471 41.827471 0 0 1 83.591732 960.966294V125.46152A41.785685 41.785685 0 0 1 125.314739 83.57137H271.627315V41.911042C271.627315 18.761773 290.221945 0 313.224965 0H689.693095C712.654329 0 731.269852 18.74088 731.269852 41.911042V83.57137h146.312576C900.627234 83.57137 919.305435 102.354036 919.305435 125.46152V564.106749a41.785685 41.785685 0 0 1-83.57137 0zM355.198686 104.255284v83.989228c0 11.261242 9.401779 20.683914 21.039092 20.683914h250.421611A20.851057 20.851057 0 0 0 647.698482 188.244512V104.255284c0-11.261242-9.401779-20.683914-21.039093-20.683914H376.237778A20.851057 20.851057 0 0 0 355.198686 104.255284zM229.84163 438.749694a41.785685 41.785685 0 0 1 41.723007-41.785685h459.767893c23.044805 0 41.723007 18.552844 41.723007 41.785685a41.785685 41.785685 0 0 1-41.723007 41.785685H271.564637A41.660328 41.660328 0 0 1 229.84163 438.749694z m0 334.285481c0-23.086591 18.845344-41.785685 41.973721-41.785685h166.766669a41.785685 41.785685 0 1 1 0 83.57137H271.836244A41.785685 41.785685 0 0 1 229.84163 773.035175z m0-167.14274c0-23.086591 18.657308-41.785685 41.618543-41.785686h230.155553c22.982127 0 41.618542 18.552844 41.618543 41.785686 0 23.086591-18.657308 41.785685-41.618543 41.785685H271.460173C248.478046 647.67812 229.84163 629.125275 229.84163 605.892435z m694.373623 176.816126c8.795887 0 16.045703 7.208031 15.983025 16.087489v32.133192a16.087489 16.087489 0 0 1-16.045704 16.087489h-19.304986c-8.795887 0-18.176773 6.894638-20.851057 15.335346l-11.052314 26.909981c-4.157676 7.79303-2.465355 19.325879 3.760712 25.551947l13.705705 13.663919c6.267853 6.267853 6.267853 16.484453 0 22.752305l-22.773199 22.731413a16.087489 16.087489 0 0 1-22.71052 0l-13.622133-13.684812c-6.24696-6.226067-17.758916-7.918387-25.572839-3.718926l-26.909981 11.073207c-8.419816 2.611605-15.356239 11.992492-15.35624 20.830164v19.221415a16.150167 16.150167 0 0 1-16.087488 16.066596h-32.133192a16.129274 16.129274 0 0 1-16.087489-16.066596v-19.221415c0-8.837672-6.894638-18.218559-15.356239-20.830164l-26.951767-11.073207c-7.79303-4.199461-19.284094-2.507141-25.489268 3.718926l-13.705705 13.684812a16.087489 16.087489 0 0 1-22.71052 0l-22.752305-22.731413a16.129274 16.129274 0 0 1 0-22.752305l13.684811-13.663919c6.267853-6.226067 7.93928-17.758916 3.781605-25.551947l-11.114992-26.909981c-2.632498-8.440708-11.992492-15.335346-20.830164-15.377132h-19.284094a16.087489 16.087489 0 0 1-16.087489-16.066596v-32.112299c0-8.879458 7.228924-16.087489 16.087489-16.087489h19.284094c8.837672 0 18.239452-6.894638 20.851057-15.335346l11.094099-26.951767c4.178569-7.813923 2.486248-19.284094-3.781605-25.551947l-13.663919-13.705704a16.087489 16.087489 0 0 1 0-22.71052l22.731413-22.71052c6.24696-6.267853 16.484453-6.267853 22.71052 0l13.726598 13.684812c6.267853 6.226067 17.696238 7.93928 25.489268 3.760711l26.930874-11.03142c8.461601-2.632498 15.356239-11.992492 15.356239-20.892843v-19.284094c0-8.837672 7.249816-16.087489 16.087489-16.087488h32.133192c8.81678 0 16.087489 7.249816 16.087488 16.087488v19.284094c0 8.858565 6.936424 18.239452 15.35624 20.851057l26.868195 11.073206c7.813923 4.178569 19.325879 2.465355 25.551947-3.760711l13.705704-13.663919a16.087489 16.087489 0 0 1 22.731413 0l22.773198 22.731412c6.267853 6.226067 6.267853 16.442667 0 22.731413l-13.705704 13.684812c-6.24696 6.24696-7.93928 17.738023-3.760712 25.510161l11.052314 26.951767c2.653391 8.440708 12.013384 15.335346 20.830164 15.335346h19.346772z m-113.970456 30.712479a80.353873 80.353873 0 1 0-160.728638 0 80.353873 80.353873 0 0 0 80.374765 80.353872 80.33298 80.33298 0 0 0 80.353873-80.332979z"
p-id="5412"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
订单管理
</h3>
<p style="padding: 10px">
多平台订单实时同步；
<br />
订单批量审核，一键拆分、合并订单；
<br />
自动派单，扫码自动打印物流面单。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657187693598"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="8608"
width="32"
height="32">
<path
d="M941.8 429.4L547 83.7c-22.8-20-57.2-20-80 0L72.2 429.4C56 443.6 50.5 465.7 58 485.9 65.6 506 84.4 519 105.9 519H149v442.2h716V519h43.1c21.5 0 40.3-13 47.9-33.1 7.5-20.2 2-42.3-14.2-56.5zM801 897.2H213V519.3h588v377.9zM213 519v-63.7h588V519H213z m652-64H140.1L507 133.8 873.9 455H865z"
p-id="8609"
fill="#1296db"></path>
<path
d="M358.4 685.9h-76.1c-14 0-25.4-11.4-25.4-25.4v-76.1c0-14 11.4-25.4 25.4-25.4h76.1c14 0 25.4 11.4 25.4 25.4v76.1c0 14-11.4 25.4-25.4 25.4z m-61.4-40h46.8v-46.8H297v46.8zM358.4 847.4h-76.1c-14 0-25.4-11.4-25.4-25.4v-76.1c0-14 11.4-25.4 25.4-25.4h76.1c14 0 25.4 11.4 25.4 25.4V822c0 14-11.4 25.4-25.4 25.4z m-61.4-40h46.8v-46.8H297v46.8zM546 847.4h-76c-14 0-25.4-11.4-25.4-25.4v-76.1c0-14 11.4-25.4 25.4-25.4h76c14 0 25.4 11.4 25.4 25.4V822c0 14-11.4 25.4-25.4 25.4z m-61.4-40h46.8v-46.8h-46.8v46.8z"
p-id="8610"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
仓储管理
</h3>
<p style="padding: 10px">
规划最优拣货路径，提升仓库作业效率；
<br />
线上线下、多平台、多店铺库存实时同步；
<br />
数据化管理，进销存清晰明了。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657249105110"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1631"
width="32"
height="32">
<path
d="M979.2 1017.6H89.6c-44.8 0-83.2-38.4-83.2-83.2V51.2C6.4 32 25.6 12.8 44.8 12.8s38.4 19.2 38.4 38.4v889.6l896 6.4c19.2 0 38.4 19.2 38.4 38.4s-19.2 32-38.4 32z"
p-id="1632"
fill="#1296db"></path>
<path
d="M179.2 832v-128c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4v128c0 19.2-19.2 38.4-38.4 38.4s-38.4-12.8-38.4-38.4zM377.6 832V601.6c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4V832c0 19.2-19.2 38.4-38.4 38.4-25.6 0-38.4-12.8-38.4-38.4zM569.6 832v-128c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4v128c0 19.2-19.2 38.4-38.4 38.4s-38.4-12.8-38.4-38.4zM768 832v-192c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4v192c0 19.2-19.2 38.4-38.4 38.4s-38.4-12.8-38.4-38.4zM800 102.4h-140.8c-19.2 0-38.4 19.2-38.4 38.4s19.2 38.4 38.4 38.4h57.6L531.2 364.8 460.8 294.4c-12.8-19.2-38.4-19.2-57.6-6.4L192 505.6c-12.8 12.8-12.8 38.4 0 51.2 12.8 19.2 38.4 19.2 51.2 0l185.6-185.6 64 64 6.4 6.4V448c12.8 12.8 38.4 12.8 51.2 0L768 236.8v57.6c0 19.2 19.2 38.4 38.4 38.4s38.4-19.2 38.4-38.4V147.2c0-19.2-19.2-44.8-44.8-44.8z"
p-id="1633"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
报表分析
</h3>
<p style="padding: 10px">
多维度利润分析，精准掌握店铺状态；
<br />
图表结合，数据准确清晰可视化；
<br />
开发业绩统计让公司管理有数据可循。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657249168080"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="3100"
width="32"
height="32">
<path
d="M971.1 338.4l-108.5-97.1c-11-9.9-25.2-15.3-40-15.3H644.8v-58c0-33.1-26.9-60-60-60H94.2c-33.1 0-60 26.9-60 60v639.8h91.2c15.4 56.3 66.9 97.8 128.1 97.8s112.7-41.5 128.1-97.8H665c15.4 56.3 66.9 97.8 128.1 97.8s112.7-41.5 128.1-97.8h70.1V383.1c-0.2-17.1-7.5-33.3-20.2-44.7zM317.3 807.8c-12.4 22.5-36.3 37.8-63.8 37.8s-51.4-15.3-63.8-37.8c-5.7-10.4-8.9-22.2-8.9-34.9 0-8.8 1.6-17.3 4.5-25.1 10.2-27.8 37-47.6 68.2-47.6s58 19.8 68.2 47.6c2.9 7.8 4.5 16.3 4.5 25.1 0 12.7-3.3 24.5-8.9 34.9z m267.5-60h-201c-11.8-61.2-65.7-107.6-130.3-107.6s-118.6 46.4-130.3 107.6h-29V168h490.6v579.8z m271.9 60c-12.4 22.5-36.3 37.8-63.8 37.8s-51.4-15.3-63.8-37.8c-5.7-10.4-8.9-22.2-8.9-34.9 0-8.8 1.6-17.3 4.5-25.1 10.2-27.8 37-47.6 68.2-47.6s58 19.8 68.2 47.6c2.9 7.8 4.5 16.3 4.5 25.1 0.1 12.7-3.2 24.5-8.9 34.9z m74.4-60h-7.8c-11.8-61.2-65.7-107.6-130.3-107.6s-118.6 46.4-130.3 107.6h-16.1V286h176.1l108.5 97.1v364.7z"
p-id="3101"
fill="#1296db"></path>
<path
d="M486.8 340H183.4c-14.3 0-25.8-13.4-25.8-30s11.6-30 25.8-30h303.4c14.3 0 25.8 13.4 25.8 30s-11.5 30-25.8 30zM486.8 468.1H229.9c-14.3 0-25.8-13.4-25.8-30s11.6-30 25.8-30h256.9c14.3 0 25.8 13.4 25.8 30s-11.5 30-25.8 30zM486.8 596.1H323.5c-14.3 0-25.8-13.4-25.8-30s11.6-30 25.8-30h163.3c14.3 0 25.8 13.4 25.8 30s-11.5 30-25.8 30z"
p-id="3102"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
物流管理
</h3>
<p style="padding: 10px">
支持自定义规则进行物流商自动匹配；
<br />
支持根据包裹重量查询物流方式；
<br />
物流轨迹实时查询，全程跟踪包裹状态。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657249261244"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="6408"
width="32"
height="32">
<path
d="M767.845 292c50.126 0 94.956 48.341 104.672 106.717l16.912 101.614c2.449 14.709-7.491 28.618-22.2 31.066-14.71 2.448-28.619-7.491-31.067-22.2L819.25 407.582c-5.697-34.228-30.303-61.042-50.785-61.575l-0.62-0.008H246.853c-20.397 0-45.15 26.472-51.226 60.548l-0.179 1.035-73.847 443.7c-4.964 29.821 13.44 52.264 42.604 52.71l0.887 0.007h342.257c14.912 0 27 12.088 27 27 0 14.763-11.848 26.758-26.553 27H165.092c-62.62 0-106.334-51.706-97.056-113.701l0.297-1.882 73.848-443.7c9.619-57.792 53.653-105.75 103.17-106.703l1.502-0.014h520.992z"
p-id="6409"
fill="#1296db"></path>
<path
d="M512 67c106.231 0 192.264 82.24 193.974 184l0.026 3.09v232.454c0 14.06-12.088 25.456-27 25.456-14.763 0-26.758-11.17-26.996-25.035l-0.004-0.42V254.09c0-75.357-62.841-136.179-140-136.179-76.387 0-138.742 59.612-139.981 133.923L372 254.09v232.454c0 14.06-12.088 25.456-27 25.456-14.763 0-26.758-11.17-27-25.035V254.09C318 150.91 404.696 67 512 67z"
p-id="6410"
fill="#1296db"></path>
<path
d="M761.998 677C715.13 677 677 715.134 677 762.002 677 808.87 715.13 847 761.998 847 808.87 847 847 808.87 847 762.002 846.996 715.13 808.866 677 761.998 677z m-0.284 136.397C733.2 813.397 710 790.206 710 761.7S733.199 710 761.714 710c28.516 0 51.714 23.192 51.714 51.699 0 28.507-23.198 51.698-51.714 51.698z m186.066-25.484l-25.74-14.858c0.577-5.666 0.867-11.359 0.868-17.055 0-5.686-0.292-11.4-0.868-17.055l25.74-14.858c9.762-5.635 13.121-18.16 7.484-27.919l-47.55-82.336c-5.636-9.76-18.165-13.113-27.927-7.482l-25.74 14.857a165.852 165.852 0 0 0-29.55-17.087v-29.683c0-11.27-9.17-20.437-20.448-20.437h-95.1c-11.273 0-20.443 9.17-20.443 20.437v29.687a166.13 166.13 0 0 0-29.55 17.087l-25.744-14.857c-9.762-5.635-22.29-2.281-27.928 7.482l-47.55 82.332c-5.636 9.76-2.277 22.284 7.485 27.92l25.74 14.857a168.537 168.537 0 0 0-0.868 17.055c0 5.682 0.292 11.4 0.869 17.055l-25.741 14.858c-9.762 5.635-13.121 18.16-7.484 27.923l47.55 82.332c5.636 9.763 18.165 13.117 27.927 7.482l25.745-14.857a166.212 166.212 0 0 0 29.55 17.083v29.687c0 11.27 9.17 20.437 20.443 20.437h95.1c11.273 0 20.447-9.17 20.447-20.437v-29.687a166.352 166.352 0 0 0 29.55-17.083l25.74 14.857c9.766 5.635 22.295 2.281 27.928-7.482l47.55-82.332c5.636-9.763 2.281-22.284-7.485-27.923z m-78.468 73.917l-20.335-11.756c-6.215-3.59-13.891-3.085-19.558 1.291a119.278 119.278 0 0 1-27.36 15.847c-6.607 2.73-10.879 9.131-10.879 16.306V907h-69.367v-23.482c0-7.175-4.268-13.576-10.875-16.306a119.402 119.402 0 0 1-27.36-15.847c-5.667-4.376-13.346-4.884-19.558-1.291l-20.335 11.756L609 801.669l20.328-11.753a17.593 17.593 0 0 0 8.666-17.575 121.135 121.135 0 0 1-1.038-15.843c0-5.293 0.35-10.624 1.038-15.843a17.584 17.584 0 0 0-8.666-17.574L609 711.328l34.685-60.161 20.335 11.756c6.212 3.593 13.887 3.085 19.558-1.292a119.402 119.402 0 0 1 27.36-15.846c6.607-2.73 10.879-9.132 10.879-16.307V606h69.37v23.478c0 7.175 4.268 13.576 10.878 16.307a119.35 119.35 0 0 1 27.36 15.846c5.668 4.373 13.343 4.881 19.555 1.292l20.335-11.756L904 711.328l-20.328 11.753a17.595 17.595 0 0 0-8.666 17.578 121.096 121.096 0 0 1 1.038 15.843c0 5.293-0.347 10.62-1.038 15.843a17.582 17.582 0 0 0 8.666 17.574L904 801.672l-34.688 60.158z"
p-id="6411"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
商品管理
</h3>
<p style="padding: 10px">
支持绑定主商品，销售、生产、采购一体化；
<br />
一键导入店铺，同步供应；
<br />
智能缺货预警，自动计算补货数量。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657249329454"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="11455"
width="32"
height="32">
<path
d="M846.706821 660.494313a40.958387 40.958387 0 0 1-19.199244-5.119798 35.198614 35.198614 0 0 1-15.359395-22.399118 32.638715 32.638715 0 0 1 4.479823-25.598992 341.746544 341.746544 0 0 0 56.317783-188.792567A356.465964 356.465964 0 0 0 512 67.877647a356.465964 356.465964 0 0 0-360.945788 350.706191 35.838589 35.838589 0 0 1-35.838589 35.198614 35.838589 35.838589 0 0 1-35.838588-34.558639A426.863192 426.863192 0 0 1 512 0.040318a426.863192 426.863192 0 0 1 432.622965 420.463445 409.583873 409.583873 0 0 1-63.99748 225.27113 36.478564 36.478564 0 0 1-30.71879 15.99937zM990.061176 1024a32.638715 32.638715 0 0 0 32.638715-31.99874v-181.752844a31.99874 31.99874 0 0 0-26.238967-30.71879A988.761068 988.761068 0 0 1 767.98992 691.853078a247.030273 247.030273 0 0 0-127.99496-51.837959 63.99748 63.99748 0 0 0-57.597732 30.078816 82.556749 82.556749 0 0 0 0 79.356875c5.759773 8.959647 15.99937 24.319042 30.718791 45.438211l8.319672 10.879572h-12.799496c-269.429391-16.639345-316.787526-76.796976-370.54541-145.914255a673.893465 673.893465 0 0 0-56.317782-63.99748 170.873272 170.873272 0 0 0-106.235817-57.597732 63.99748 63.99748 0 0 0-55.677808 29.438841A183.032793 183.032793 0 0 0 11.539706 704.0126a520.939488 520.939488 0 0 0 188.792566 223.99118A629.095229 629.095229 0 0 0 384.00504 1011.840479 268.789416 268.789416 0 0 0 448.00252 1024h543.978581zM512 960.00252a622.055507 622.055507 0 0 1-116.475414-10.239597 499.82032 499.82032 0 0 1-324.467224-267.509467 54.397858 54.397858 0 0 1 0-30.71879 30.71879 30.71879 0 0 1 28.798866-32.638715 30.71879 30.71879 0 0 1 12.799496 0c3.199874 0 3.199874 0 24.319043 19.839219a588.776817 588.776817 0 0 1 49.918034 56.957757c63.99748 84.476674 127.99496 164.473524 500.460294 174.073146a29.438841 29.438841 0 0 0 27.518917-16.639345 30.078816 30.078816 0 0 0 0-32.638715c-16.639345-22.399118-54.397858-77.436951-54.397858-78.076925-7.039723-10.239597-8.959647-17.27932-5.759773-23.039093a10.239597 10.239597 0 0 1 10.879571-6.399748 35.838589 35.838589 0 0 1 15.359395 4.479823 344.946418 344.946418 0 0 1 49.27806 24.959018l15.99937 8.319672A1055.318447 1055.318447 0 0 0 952.302663 832.00756h5.119798v127.99496z"
p-id="11456"
fill="#1296db"></path>
<path
d="M512 640.015119a26.878942 26.878942 0 0 0 29.438841-23.039092V519.059882h107.515766a30.078816 30.078816 0 0 0 0-60.157631H541.438841v-47.99811h107.515766a30.078816 30.078816 0 0 0 0-59.517657H542.078816L639.99496 248.350541a31.358765 31.358765 0 0 0 0-42.238337 28.158891 28.158891 0 0 0-21.119168-8.319672 26.878942 26.878942 0 0 0-20.479194 8.319672L512 296.988626 423.043503 206.112204a29.438841 29.438841 0 1 0-39.038463 42.238337l97.916144 103.035943H375.045393a30.078816 30.078816 0 0 0 0 59.517657h107.515766v47.99811H375.045393a30.078816 30.078816 0 0 0 0 60.157631h107.515766v94.716271A26.878942 26.878942 0 0 0 512 640.015119z"
p-id="11457"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
财务管理
</h3>
<p style="padding: 10px">
物流、广告、采购等多维度对账，提高财务工作效率；
<br />
放款双重审核，安全有保障；
<br />
降低管理、运营、产品成本，加快资金流转。
</p>
</div>
</div>
<div class="product-pros-item">
<div class="grid-content">
<p>
<svg
t="1657249385534"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="14746"
width="32"
height="32">
<path
d="M503.160681 869.8819 213.232452 869.8819c-13.924127 0-25.64917-12.992919-25.64917-28.398794L187.583283 462.622406c2.676969 0.164752 5.373381 0.258896 8.090259 0.258896 43.022862 0 81.295538-21.11797 105.353466-53.728692 24.040533 32.629141 62.313208 53.764508 105.353466 53.764508 43.022862 0 81.278141-21.11797 105.33607-53.711296 24.040533 32.646538 62.330604 53.7993 105.370863 53.7993 42.971697 0 81.20958-21.065781 105.267509-53.572126 24.040533 32.750915 62.348 53.973262 105.439424 53.973262 72.618924 0 131.692345-59.901275 131.692345-133.578298 0-1.344624-0.103354-2.625804-0.291642-3.954055L924.07722 88.534406c-1.938142-13.117762-13.015432-22.64372-26.047236-22.64372L125.437897 65.890686c-13.031804 0-24.109094 9.525957-26.047236 22.64372L64.272839 325.780785c-0.188288 1.327228-0.291642 2.65548-0.291642 4.000104 0 51.127448 28.667923 95.601358 70.607104 117.887944l0 393.814274c0 44.768623 35.929304 82.381266 78.643128 82.381266l289.928229 0c14.541181 0 26.337855-12.17939 26.337855-26.990724C529.498536 882.06129 517.701862 869.8819 503.160681 869.8819zM148.107199 118.723985l727.254505 0 31.43085 212.698287c-0.994654 43.231617-36.043914 78.322833-78.998215 78.322833-43.571355 0-79.015611-36.227086-79.015611-80.751139 0-14.812357-11.797697-26.830065-26.338878-26.830065-14.541181 0-26.337855 12.017708-26.337855 26.830065 0 44.296879-35.443233 80.348979-79.015611 80.348979s-79.015611-36.122709-79.015611-80.541361c0-14.812357-11.797697-26.830065-26.338878-26.830065-14.541181 0-26.337855 12.015661-26.337855 26.828019 0 44.366464-35.443233 80.450287-79.015611 80.450287s-79.015611-36.128849-79.015611-80.513732c0-14.812357-11.797697-26.843368-26.337855-26.843368-14.541181 0-26.337855 11.989055-26.337855 26.801413 0 44.366464-35.443233 80.414471-79.015611 80.414471-42.954301 0-78.003562-34.751478-78.998215-77.685313L148.107199 118.723985z"
p-id="14747"
fill="#1296db"></path>
<path
d="M930.130076 703.43603c16.324804-21.083178 18.365276-49.732681 5.178953-72.982198l-10.957563-19.360953c-12.929474-22.776749-37.929868-35.43914-63.444984-32.102139l-20.268626 2.571568c-13.374612 1.711991-25.669636-5.964852-30.196743-17.668405l-8.075933-24.559349c-10.18599-26.375717-34.689057-45.031613-59.58712-45.031613l-20.936845 0c-24.915459 0-49.435922 18.673292-59.759035 45.502333l-7.476275 21.345144c-4.989641 12.925381-17.696034 20.995173-31.139208 19.230993l-19.256576-2.235924c-25.961278-3.580548-50.996464 9.152451-64.114227 32.401967l-10.957563 19.546172c-13.066597 23.178909-11.059893 51.754734 5.126764 72.785723l12.346189 16.034185c8.247848 10.707876 8.247848 25.65838-0.017396 36.383652l-12.226462 15.841803c-16.255219 21.065781-18.261922 49.674353-5.126764 72.888054l10.425444 18.405185c13.237489 23.301705 39.627533 36.075637 65.657372 31.761378l18.639522-3.080152c13.323447-2.218528 26.252921 5.123694 31.962969 19.254529l6.189979 12.134365c9.328459 23.26589 31.483038 36.966936 59.278081 36.966936l21.828145 0c27.813462 0 49.967018-13.701047 59.003835-36.356023l7.184633-16.006556c4.88731-12.19167 17.678638-19.336394 30.762631-17.187451l19.581987 3.476171c26.166963 4.139274 51.801806-8.244778 65.005526-31.458479l10.425444-18.165732c13.254885-23.301705 11.248182-51.982932-5.110391-73.083505l-11.917424-15.35471c-8.299013-10.725272-8.299013-25.730011 0-36.437887L930.130076 703.43603zM904.83804 825.758983l-10.425444 18.162662c-5.933129 10.444886-17.198707 16.010649-28.979008 14.159488l-19.581987-3.488451c-29.664623-4.558829-57.924247 11.416004-68.692498 38.33305l-7.184633 16.159028c-5.178953 12.942777-18.98233 14.780635-26.750247 14.780635l-21.828145 0c-7.767917 0-21.571295-1.836835-27.367301-16.160051l-6.189979-12.125155c-9.996678-24.943089-33.402761-40.593534-59.072397-40.593534-3.429099 0-6.910387 0.279363-10.408047 0.855484l-18.639522 3.056616c-11.711739 2.026146-23.662933-3.825119-29.630854-14.340613l-10.425444-18.410302c-5.933129-10.463306-5.024433-23.388686 2.314719-32.908504l12.226462-15.842827c18.296715-23.702841 18.313088-56.8201 0.051165-80.557734l-12.346189-16.033162c-7.30436-9.502421-8.214079-22.406313-2.297322-32.921807l10.957563-19.537985c5.966898-10.532891 17.216103-16.229636 29.305443-14.674211l19.273972 2.266623c28.532847 3.894703 57.340963-13.510712 68.314898-42.051745l7.476275-20.977777c4.852518-12.593829 16.427134-21.850657 26.903743-21.850657l20.936845 0c10.476609 0 22.027689 9.256828 26.589588 21.012569l8.069793 24.173562c10.717086 27.789926 38.448684 44.558845 67.565838 40.872896l20.243043-2.602268c11.608386-1.502213 22.773679 4.227278 28.586059 14.480806l10.858302 19.35379c0 0 0 0 0 0.017396 5.637394 10.480702 5.140067 23.406083-2.232854 32.908504l-11.869329 15.458063c-18.399045 23.772426-18.399045 56.977689 0 80.767512l11.93482 15.370059C909.896242 802.372344 910.788565 815.314097 904.83804 825.758983z"
p-id="14748"
fill="#1296db"></path>
<path
d="M732.301452 646.5136c-47.429219 0-86.028329 39.318494-86.028329 87.650269 0 48.314379 38.59911 87.632873 86.028329 87.632873 47.446615 0 86.045725-39.318494 86.045725-87.632873C818.346153 685.833117 779.748067 646.5136 732.301452 646.5136zM732.301452 786.025027c-28.070312 0-50.910507-23.26589-50.910507-51.860135 0-28.611641 22.840194-51.877531 50.910507-51.877531 28.087709 0 50.927903 23.266913 50.927903 51.877531C783.228331 762.758114 760.388137 786.025027 732.301452 786.025027z"
p-id="14749"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
店铺管理
</h3>
<p style="padding: 10px">
多平台、多店铺统一管理；
<br />
支持多店铺之间导入商品；
<br />
支持商品一键发布下架。
</p>
</div>
</div>
</div>
</div>
<div class="banner_footer">
<h2 style="text-align: center; padding: 20px">对接平台</h2>
<img src="../assets/logo1.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo2.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo3.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo4.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo5.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo6.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo7.png" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo8.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo9.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo10.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo11.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo12.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo13.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo14.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo15.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo16.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo17.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo18.jpg" style="width: 160px; margin: 10px 20px" />
<div style="margin-top: 20px; text-align: center">
<span style="display: inline-block; margin-left: 20px">
<i class="el-icon-message" style="margin-right: 5px"></i>
support@jomalls.com
</span>
<span style="display: inline-block; margin-left: 50px">
<i class="el-icon-map-location" style="margin-right: 5px"></i>
广州市南沙区丰泽东路106号
</span>
</div>
</div>
</div>
</template>
<style scoped>
.function_bg {
padding: 50px;
text-align: center;
margin-bottom: 20px;
}
.product-pros {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px 16px;
}
.product-pros-item {
box-sizing: border-box;
}
.grid-content {
box-sizing: border-box;
height: 100%;
padding: 30px 10px;
border-radius: 8px;
line-height: 30px;
background: url(../assets/bg-1.png) center / cover no-repeat;
}
.banner_footer {
color: #fff;
padding: 30px 30px 90px;
background: url(../assets/footer.jpg) center / cover no-repeat;
}
</style>
src/router/index.js
...@@ -7,35 +7,39 @@ Vue.use(VueRouter) ...@@ -7,35 +7,39 @@ Vue.use(VueRouter)
const routes = [ const routes = [
{ {
path: '/', path: '/',
name: ' ', name: 'home',
component: Home component: Home,
}, },
{ {
path: '/register', path: '/register',
name: 'register', name: 'register',
component: (resolve) => require(['../views/register'], resolve) component: (resolve) => require(['../views/register'], resolve),
},
{
path: '/login',
name: 'login',
component: (resolve) => require(['../views/login'], resolve),
}, },
{ {
path: '/contact', path: '/contact',
name: 'contact', name: 'contact',
component: (resolve) => require(['../views/contact'], resolve) component: (resolve) => require(['../views/contact'], resolve),
}, },
{ {
path: '/authorizationFailed', path: '/authorizationFailed',
name: 'authorization_failed', name: 'authorization_failed',
component: (resolve) => require(['../views/authorization-failed'], resolve) component: (resolve) => require(['../views/authorization-failed'], resolve),
}, },
{ {
path: '/protocol', path: '/protocol',
name: 'protocol', name: 'protocol',
component: (resolve) => require(['../views/protocol'], resolve) component: (resolve) => require(['../views/protocol'], resolve),
}, },
] ]
const router = new VueRouter({ const router = new VueRouter({
mode:'history', mode: 'history',
routes routes,
}) })
export default router export default router
src/views/home.vue
<template> <template>
<div> <div class="home-page">
<div class="login_bg"> <Head />
<div class="logo">
<span class="logo_text"> <main class="home-main">
<img src="../assets/logo.png" height="40px"> <div
</span>
</div>
<div class="banner_text">
<h1>智能化订单处理</h1>
<h1 style="margin-left: 60px">数字化供采平台</h1>
<h1 style="margin-left: 120px">多维度数据分析</h1>
</div>
<div class="login_content">
<h2 style="text-align: center">登录</h2>
<el-form
size="medium"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
class="login_form">
<el-form-item prop="email">
<el-input
prefix-icon="el-icon-message"
style="background: #fff"
v-model="ruleForm.email"
placeholder="Email"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
:type="showPwd ? 'text' : 'password'"
prefix-icon="el-icon-lock"
style="background: #fff"
v-model="ruleForm.password"
placeholder="Password"
@keyup.enter.native="submitForm('ruleForm')">
<i
@click="showPwd = !showPwd"
slot="suffix"
:class="{ eyes: true, open: !showPwd, close: showPwd }"></i>
</el-input>
</el-form-item>
<div style="text-align: center">
<el-button
size="small"
type="primary"
style=" style="
width: 100px; font-size: 48px;
background: rgba(255, 204, 10, 1); width: 100%;
border: none; height: 100%;
" display: flex;
@click="submitForm"> justify-content: center;
登录 align-items: center;
</el-button> ">
</div>
<div style="margin-top: 10px; font-size: 14px">
还没有账号？
<router-link to="register">马上注册</router-link>
</div>
</el-form>
</div>
</div>
<div class="function_bg">
<h2 style="text-align: center; padding: 20px">产品优势</h2>
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657187271793"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1683"
width="32"
height="32">
<path
d="M673.793824 525.149534a127.976004 127.976004 0 1 0 127.976004 127.976005 128.135975 128.135975 0 0 0-127.976004-127.976005z m0 191.964007a63.988002 63.988002 0 1 1 63.988002-63.988002 64.05199 64.05199 0 0 1-63.988002 63.988002z"
fill="#1296db"
p-id="1684"></path>
<path
d="M63.988162 63.988002h767.856027v200.026495h63.988002V38.584765A38.616759 38.616759 0 0 0 857.247426 0H38.584925A38.616759 38.616759 0 0 0 0.00016 38.584765v946.638506A38.616759 38.616759 0 0 0 38.584925 1023.808036h345.855153v-63.988002H63.988162z"
fill="#1296db"
p-id="1685"></path>
<path
d="M969.450388 720.792851a21.276011 21.276011 0 0 1-8.382428-19.83628 264.078485 264.078485 0 0 0 2.047616-31.834031 269.837405 269.837405 0 0 0-2.39955-34.93745 21.595951 21.595951 0 0 1 8.446416-20.31619l45.911392-33.753672a21.435981 21.435981 0 0 0 5.854902-27.994751l-73.426233-127.208148a21.435981 21.435981 0 0 0-27.194901-8.926326l-53.909892 23.67556a21.308005 21.308005 0 0 1-21.244016-2.591514 287.562082 287.562082 0 0 0-55.669562-31.898019 21.308005 21.308005 0 0 1-12.989565-17.148784l-6.590764-59.348872a21.435981 21.435981 0 0 0-21.308005-19.068425h-146.852465a21.435981 21.435981 0 0 0-21.339999 19.068425l-6.590764 59.348872a21.339999 21.339999 0 0 1-12.95757 17.148784 287.78604 287.78604 0 0 0-55.25364 31.578079 21.308005 21.308005 0 0 1-21.180029 2.55952l-54.837718-24.027494a21.435981 21.435981 0 0 0-27.194901 8.894332l-73.426232 127.208148a21.435981 21.435981 0 0 0 5.854902 27.962757l46.391301 34.105606a21.595951 21.595951 0 0 1 8.414423 20.348184 269.933387 269.933387 0 0 0-2.39955 35.321378 261.774917 261.774917 0 0 0 1.855652 30.394301 21.308005 21.308005 0 0 1-8.414423 19.772292l-46.263325 34.041617a21.435981 21.435981 0 0 0-5.854902 27.962757l73.458226 127.176155a21.435981 21.435981 0 0 0 27.130913 8.926326l50.358558-22.075861a21.244017 21.244017 0 0 1 21.435981 2.815473 287.94601 287.94601 0 0 0 59.668812 34.809473 21.276011 21.276011 0 0 1 12.925576 17.11679l6.07886 54.709742a21.435981 21.435981 0 0 0 21.276011 19.036431h146.884459a21.435981 21.435981 0 0 0 21.308005-19.068425l5.982878-53.97388a21.276011 21.276011 0 0 1 13.053553-17.148784 287.62607 287.62607 0 0 0 60.308692-34.681497 21.244017 21.244017 0 0 1 21.403987-2.751484l50.102605 21.947884a21.435981 21.435981 0 0 0 27.162907-8.926326l73.426233-127.176155a21.435981 21.435981 0 0 0-5.854902-27.99475z m-78.545273-110.923202a221.750422 221.750422 0 0 1 7.998501 55.669562c0.031994 1.151784 0.223958 2.303568 0.223958 3.487347v0.095982a221.110542 221.110542 0 0 1-7.358621 56.405424 21.691933 21.691933 0 0 0 7.774543 23.259638l41.528213 30.554271 4.991064 3.647317-35.353371 61.268512-5.662938-2.495532-46.647254-20.444167a21.691933 21.691933 0 0 0-24.187465 5.055052 226.421546 226.421546 0 0 1-44.407673 34.777479c-1.695682 1.023808-3.391364 2.143598-5.11904 3.103418a222.230332 222.230332 0 0 1-52.37418 21.308005 21.723927 21.723927 0 0 0-16.412923 18.396551l-5.662938 50.742486-0.543898 5.11904h-70.706743l-0.607886-5.374992-5.662938-50.870462a21.723927 21.723927 0 0 0-16.220958-18.364557 224.181966 224.181966 0 0 1-52.630132-22.011873l-4.575142-2.815472a226.517528 226.517528 0 0 1-44.023746-34.841467 21.723927 21.723927 0 0 0-24.251453-5.11904l-46.455289 20.380179-6.206837 2.71949-35.353371-61.236518 5.75892-4.255203 41.592202-30.586265a21.691933 21.691933 0 0 0 7.870524-23.131663 221.49447 221.49447 0 0 1-7.03868-55.189651c0-0.63988 0.095982-1.215772 0.095982-1.823659 0-0.735862 0.095982-1.43973 0.127976-2.175592a222.102356 222.102356 0 0 1 8.094482-55.605574 21.723927 21.723927 0 0 0-7.67856-23.547584l-41.240268-30.298319-7.166656-5.279011 35.353371-61.236518 9.022309 3.935262 47.287133 20.732113a21.659939 21.659939 0 0 0 23.899519-4.767106 224.277948 224.277948 0 0 1 45.207524-34.233581l0.063988-0.543898 0.511904 0.223958a223.670062 223.670062 0 0 1 51.990252-21.563957 21.691933 21.691933 0 0 0 16.284946-18.332563l5.630944-50.870462 1.151784-10.142098h70.706743l1.11979 10.142098 5.630944 50.870462a21.691933 21.691933 0 0 0 16.316941 18.332563 223.510092 223.510092 0 0 1 52.470162 21.883897l0.063988-0.031994v0.063988a223.89402 223.89402 0 0 1 45.559457 34.553521 21.691933 21.691933 0 0 0 23.931513 4.7991l47.223146-20.700119 8.31844-3.647316 35.321377 61.268512-6.590764 4.831095-41.272261 30.394301a21.691933 21.691933 0 0 0-7.678561 23.51559zM120.969478 201.594201h420.785103v63.988002H120.969478zM120.969478 403.540336h180.062239v63.988002H120.969478zM120.969478 605.486471h193.371743v63.988003H120.969478z"
fill="#1296db"
p-id="1686"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
生产管理
</h3>
<p style="padding: 10px">
生产单、交货单、财务核算一体化；
<br />
全流程日志，方便追溯和分析；
<br />
精准跟踪发货进度，支持分批发货。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657187494059"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5411"
width="32"
height="32">
<path
d="M835.734065 564.106749V188.035583c0-11.386599-9.276422-20.892843-20.746593-20.892842H731.269852v83.446013C731.269852 273.738023 712.675222 292.499796 689.672202 292.499796H313.204072C290.242838 292.499796 271.627315 273.758916 271.627315 250.588754V167.142741H187.909695C176.62756 167.142741 167.163103 176.502734 167.163103 188.035583v710.356647c0 11.386599 9.276422 20.892843 20.746592 20.892843H480.555741a41.785685 41.785685 0 1 1 0 83.57137H125.314739A41.827471 41.827471 0 0 1 83.591732 960.966294V125.46152A41.785685 41.785685 0 0 1 125.314739 83.57137H271.627315V41.911042C271.627315 18.761773 290.221945 0 313.224965 0H689.693095C712.654329 0 731.269852 18.74088 731.269852 41.911042V83.57137h146.312576C900.627234 83.57137 919.305435 102.354036 919.305435 125.46152V564.106749a41.785685 41.785685 0 0 1-83.57137 0zM355.198686 104.255284v83.989228c0 11.261242 9.401779 20.683914 21.039092 20.683914h250.421611A20.851057 20.851057 0 0 0 647.698482 188.244512V104.255284c0-11.261242-9.401779-20.683914-21.039093-20.683914H376.237778A20.851057 20.851057 0 0 0 355.198686 104.255284zM229.84163 438.749694a41.785685 41.785685 0 0 1 41.723007-41.785685h459.767893c23.044805 0 41.723007 18.552844 41.723007 41.785685a41.785685 41.785685 0 0 1-41.723007 41.785685H271.564637A41.660328 41.660328 0 0 1 229.84163 438.749694z m0 334.285481c0-23.086591 18.845344-41.785685 41.973721-41.785685h166.766669a41.785685 41.785685 0 1 1 0 83.57137H271.836244A41.785685 41.785685 0 0 1 229.84163 773.035175z m0-167.14274c0-23.086591 18.657308-41.785685 41.618543-41.785686h230.155553c22.982127 0 41.618542 18.552844 41.618543 41.785686 0 23.086591-18.657308 41.785685-41.618543 41.785685H271.460173C248.478046 647.67812 229.84163 629.125275 229.84163 605.892435z m694.373623 176.816126c8.795887 0 16.045703 7.208031 15.983025 16.087489v32.133192a16.087489 16.087489 0 0 1-16.045704 16.087489h-19.304986c-8.795887 0-18.176773 6.894638-20.851057 15.335346l-11.052314 26.909981c-4.157676 7.79303-2.465355 19.325879 3.760712 25.551947l13.705705 13.663919c6.267853 6.267853 6.267853 16.484453 0 22.752305l-22.773199 22.731413a16.087489 16.087489 0 0 1-22.71052 0l-13.622133-13.684812c-6.24696-6.226067-17.758916-7.918387-25.572839-3.718926l-26.909981 11.073207c-8.419816 2.611605-15.356239 11.992492-15.35624 20.830164v19.221415a16.150167 16.150167 0 0 1-16.087488 16.066596h-32.133192a16.129274 16.129274 0 0 1-16.087489-16.066596v-19.221415c0-8.837672-6.894638-18.218559-15.356239-20.830164l-26.951767-11.073207c-7.79303-4.199461-19.284094-2.507141-25.489268 3.718926l-13.705705 13.684812a16.087489 16.087489 0 0 1-22.71052 0l-22.752305-22.731413a16.129274 16.129274 0 0 1 0-22.752305l13.684811-13.663919c6.267853-6.226067 7.93928-17.758916 3.781605-25.551947l-11.114992-26.909981c-2.632498-8.440708-11.992492-15.335346-20.830164-15.377132h-19.284094a16.087489 16.087489 0 0 1-16.087489-16.066596v-32.112299c0-8.879458 7.228924-16.087489 16.087489-16.087489h19.284094c8.837672 0 18.239452-6.894638 20.851057-15.335346l11.094099-26.951767c4.178569-7.813923 2.486248-19.284094-3.781605-25.551947l-13.663919-13.705704a16.087489 16.087489 0 0 1 0-22.71052l22.731413-22.71052c6.24696-6.267853 16.484453-6.267853 22.71052 0l13.726598 13.684812c6.267853 6.226067 17.696238 7.93928 25.489268 3.760711l26.930874-11.03142c8.461601-2.632498 15.356239-11.992492 15.356239-20.892843v-19.284094c0-8.837672 7.249816-16.087489 16.087489-16.087488h32.133192c8.81678 0 16.087489 7.249816 16.087488 16.087488v19.284094c0 8.858565 6.936424 18.239452 15.35624 20.851057l26.868195 11.073206c7.813923 4.178569 19.325879 2.465355 25.551947-3.760711l13.705704-13.663919a16.087489 16.087489 0 0 1 22.731413 0l22.773198 22.731412c6.267853 6.226067 6.267853 16.442667 0 22.731413l-13.705704 13.684812c-6.24696 6.24696-7.93928 17.738023-3.760712 25.510161l11.052314 26.951767c2.653391 8.440708 12.013384 15.335346 20.830164 15.335346h19.346772z m-113.970456 30.712479a80.353873 80.353873 0 1 0-160.728638 0 80.353873 80.353873 0 0 0 80.374765 80.353872 80.33298 80.33298 0 0 0 80.353873-80.332979z"
p-id="5412"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
订单管理
</h3>
<p style="padding: 10px">
多平台订单实时同步；
<br />
订单批量审核，一键拆分、合并订单；
<br />
自动派单，扫码自动打印物流面单。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657187693598"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="8608"
width="32"
height="32">
<path
d="M941.8 429.4L547 83.7c-22.8-20-57.2-20-80 0L72.2 429.4C56 443.6 50.5 465.7 58 485.9 65.6 506 84.4 519 105.9 519H149v442.2h716V519h43.1c21.5 0 40.3-13 47.9-33.1 7.5-20.2 2-42.3-14.2-56.5zM801 897.2H213V519.3h588v377.9zM213 519v-63.7h588V519H213z m652-64H140.1L507 133.8 873.9 455H865z"
p-id="8609"
fill="#1296db"></path>
<path
d="M358.4 685.9h-76.1c-14 0-25.4-11.4-25.4-25.4v-76.1c0-14 11.4-25.4 25.4-25.4h76.1c14 0 25.4 11.4 25.4 25.4v76.1c0 14-11.4 25.4-25.4 25.4z m-61.4-40h46.8v-46.8H297v46.8zM358.4 847.4h-76.1c-14 0-25.4-11.4-25.4-25.4v-76.1c0-14 11.4-25.4 25.4-25.4h76.1c14 0 25.4 11.4 25.4 25.4V822c0 14-11.4 25.4-25.4 25.4z m-61.4-40h46.8v-46.8H297v46.8zM546 847.4h-76c-14 0-25.4-11.4-25.4-25.4v-76.1c0-14 11.4-25.4 25.4-25.4h76c14 0 25.4 11.4 25.4 25.4V822c0 14-11.4 25.4-25.4 25.4z m-61.4-40h46.8v-46.8h-46.8v46.8z"
p-id="8610"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
仓储管理
</h3>
<p style="padding: 10px">
规划最优拣货路径，提升仓库作业效率；
<br />
线上线下、多平台、多店铺库存实时同步；
<br />
数据化管理，进销存清晰明了。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657249105110"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1631"
width="32"
height="32">
<path
d="M979.2 1017.6H89.6c-44.8 0-83.2-38.4-83.2-83.2V51.2C6.4 32 25.6 12.8 44.8 12.8s38.4 19.2 38.4 38.4v889.6l896 6.4c19.2 0 38.4 19.2 38.4 38.4s-19.2 32-38.4 32z"
p-id="1632"
fill="#1296db"></path>
<path
d="M179.2 832v-128c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4v128c0 19.2-19.2 38.4-38.4 38.4s-38.4-12.8-38.4-38.4zM377.6 832V601.6c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4V832c0 19.2-19.2 38.4-38.4 38.4-25.6 0-38.4-12.8-38.4-38.4zM569.6 832v-128c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4v128c0 19.2-19.2 38.4-38.4 38.4s-38.4-12.8-38.4-38.4zM768 832v-192c0-19.2 19.2-38.4 38.4-38.4s38.4 19.2 38.4 38.4v192c0 19.2-19.2 38.4-38.4 38.4s-38.4-12.8-38.4-38.4zM800 102.4h-140.8c-19.2 0-38.4 19.2-38.4 38.4s19.2 38.4 38.4 38.4h57.6L531.2 364.8 460.8 294.4c-12.8-19.2-38.4-19.2-57.6-6.4L192 505.6c-12.8 12.8-12.8 38.4 0 51.2 12.8 19.2 38.4 19.2 51.2 0l185.6-185.6 64 64 6.4 6.4V448c12.8 12.8 38.4 12.8 51.2 0L768 236.8v57.6c0 19.2 19.2 38.4 38.4 38.4s38.4-19.2 38.4-38.4V147.2c0-19.2-19.2-44.8-44.8-44.8z"
p-id="1633"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
报表分析
</h3>
<p style="padding: 10px">
多维度利润分析，精准掌握店铺状态；
<br />
图表结合，数据准确清晰可视化；
<br />
开发业绩统计让公司管理有数据可循。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657249168080"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="3100"
width="32"
height="32">
<path
d="M971.1 338.4l-108.5-97.1c-11-9.9-25.2-15.3-40-15.3H644.8v-58c0-33.1-26.9-60-60-60H94.2c-33.1 0-60 26.9-60 60v639.8h91.2c15.4 56.3 66.9 97.8 128.1 97.8s112.7-41.5 128.1-97.8H665c15.4 56.3 66.9 97.8 128.1 97.8s112.7-41.5 128.1-97.8h70.1V383.1c-0.2-17.1-7.5-33.3-20.2-44.7zM317.3 807.8c-12.4 22.5-36.3 37.8-63.8 37.8s-51.4-15.3-63.8-37.8c-5.7-10.4-8.9-22.2-8.9-34.9 0-8.8 1.6-17.3 4.5-25.1 10.2-27.8 37-47.6 68.2-47.6s58 19.8 68.2 47.6c2.9 7.8 4.5 16.3 4.5 25.1 0 12.7-3.3 24.5-8.9 34.9z m267.5-60h-201c-11.8-61.2-65.7-107.6-130.3-107.6s-118.6 46.4-130.3 107.6h-29V168h490.6v579.8z m271.9 60c-12.4 22.5-36.3 37.8-63.8 37.8s-51.4-15.3-63.8-37.8c-5.7-10.4-8.9-22.2-8.9-34.9 0-8.8 1.6-17.3 4.5-25.1 10.2-27.8 37-47.6 68.2-47.6s58 19.8 68.2 47.6c2.9 7.8 4.5 16.3 4.5 25.1 0.1 12.7-3.2 24.5-8.9 34.9z m74.4-60h-7.8c-11.8-61.2-65.7-107.6-130.3-107.6s-118.6 46.4-130.3 107.6h-16.1V286h176.1l108.5 97.1v364.7z"
p-id="3101"
fill="#1296db"></path>
<path
d="M486.8 340H183.4c-14.3 0-25.8-13.4-25.8-30s11.6-30 25.8-30h303.4c14.3 0 25.8 13.4 25.8 30s-11.5 30-25.8 30zM486.8 468.1H229.9c-14.3 0-25.8-13.4-25.8-30s11.6-30 25.8-30h256.9c14.3 0 25.8 13.4 25.8 30s-11.5 30-25.8 30zM486.8 596.1H323.5c-14.3 0-25.8-13.4-25.8-30s11.6-30 25.8-30h163.3c14.3 0 25.8 13.4 25.8 30s-11.5 30-25.8 30z"
p-id="3102"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
物流管理
</h3>
<p style="padding: 10px">
支持自定义规则进行物流商自动匹配；
<br />
支持根据包裹重量查询物流方式；
<br />
物流轨迹实时查询，全程跟踪包裹状态。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657249261244"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="6408"
width="32"
height="32">
<path
d="M767.845 292c50.126 0 94.956 48.341 104.672 106.717l16.912 101.614c2.449 14.709-7.491 28.618-22.2 31.066-14.71 2.448-28.619-7.491-31.067-22.2L819.25 407.582c-5.697-34.228-30.303-61.042-50.785-61.575l-0.62-0.008H246.853c-20.397 0-45.15 26.472-51.226 60.548l-0.179 1.035-73.847 443.7c-4.964 29.821 13.44 52.264 42.604 52.71l0.887 0.007h342.257c14.912 0 27 12.088 27 27 0 14.763-11.848 26.758-26.553 27H165.092c-62.62 0-106.334-51.706-97.056-113.701l0.297-1.882 73.848-443.7c9.619-57.792 53.653-105.75 103.17-106.703l1.502-0.014h520.992z"
p-id="6409"
fill="#1296db"></path>
<path
d="M512 67c106.231 0 192.264 82.24 193.974 184l0.026 3.09v232.454c0 14.06-12.088 25.456-27 25.456-14.763 0-26.758-11.17-26.996-25.035l-0.004-0.42V254.09c0-75.357-62.841-136.179-140-136.179-76.387 0-138.742 59.612-139.981 133.923L372 254.09v232.454c0 14.06-12.088 25.456-27 25.456-14.763 0-26.758-11.17-27-25.035V254.09C318 150.91 404.696 67 512 67z"
p-id="6410"
fill="#1296db"></path>
<path
d="M761.998 677C715.13 677 677 715.134 677 762.002 677 808.87 715.13 847 761.998 847 808.87 847 847 808.87 847 762.002 846.996 715.13 808.866 677 761.998 677z m-0.284 136.397C733.2 813.397 710 790.206 710 761.7S733.199 710 761.714 710c28.516 0 51.714 23.192 51.714 51.699 0 28.507-23.198 51.698-51.714 51.698z m186.066-25.484l-25.74-14.858c0.577-5.666 0.867-11.359 0.868-17.055 0-5.686-0.292-11.4-0.868-17.055l25.74-14.858c9.762-5.635 13.121-18.16 7.484-27.919l-47.55-82.336c-5.636-9.76-18.165-13.113-27.927-7.482l-25.74 14.857a165.852 165.852 0 0 0-29.55-17.087v-29.683c0-11.27-9.17-20.437-20.448-20.437h-95.1c-11.273 0-20.443 9.17-20.443 20.437v29.687a166.13 166.13 0 0 0-29.55 17.087l-25.744-14.857c-9.762-5.635-22.29-2.281-27.928 7.482l-47.55 82.332c-5.636 9.76-2.277 22.284 7.485 27.92l25.74 14.857a168.537 168.537 0 0 0-0.868 17.055c0 5.682 0.292 11.4 0.869 17.055l-25.741 14.858c-9.762 5.635-13.121 18.16-7.484 27.923l47.55 82.332c5.636 9.763 18.165 13.117 27.927 7.482l25.745-14.857a166.212 166.212 0 0 0 29.55 17.083v29.687c0 11.27 9.17 20.437 20.443 20.437h95.1c11.273 0 20.447-9.17 20.447-20.437v-29.687a166.352 166.352 0 0 0 29.55-17.083l25.74 14.857c9.766 5.635 22.295 2.281 27.928-7.482l47.55-82.332c5.636-9.763 2.281-22.284-7.485-27.923z m-78.468 73.917l-20.335-11.756c-6.215-3.59-13.891-3.085-19.558 1.291a119.278 119.278 0 0 1-27.36 15.847c-6.607 2.73-10.879 9.131-10.879 16.306V907h-69.367v-23.482c0-7.175-4.268-13.576-10.875-16.306a119.402 119.402 0 0 1-27.36-15.847c-5.667-4.376-13.346-4.884-19.558-1.291l-20.335 11.756L609 801.669l20.328-11.753a17.593 17.593 0 0 0 8.666-17.575 121.135 121.135 0 0 1-1.038-15.843c0-5.293 0.35-10.624 1.038-15.843a17.584 17.584 0 0 0-8.666-17.574L609 711.328l34.685-60.161 20.335 11.756c6.212 3.593 13.887 3.085 19.558-1.292a119.402 119.402 0 0 1 27.36-15.846c6.607-2.73 10.879-9.132 10.879-16.307V606h69.37v23.478c0 7.175 4.268 13.576 10.878 16.307a119.35 119.35 0 0 1 27.36 15.846c5.668 4.373 13.343 4.881 19.555 1.292l20.335-11.756L904 711.328l-20.328 11.753a17.595 17.595 0 0 0-8.666 17.578 121.096 121.096 0 0 1 1.038 15.843c0 5.293-0.347 10.62-1.038 15.843a17.582 17.582 0 0 0 8.666 17.574L904 801.672l-34.688 60.158z"
p-id="6411"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
商品管理
</h3>
<p style="padding: 10px">
支持绑定主商品，销售、生产、采购一体化；
<br />
一键导入店铺，同步供应；
<br />
智能缺货预警，自动计算补货数量。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657249329454"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="11455"
width="32"
height="32">
<path
d="M846.706821 660.494313a40.958387 40.958387 0 0 1-19.199244-5.119798 35.198614 35.198614 0 0 1-15.359395-22.399118 32.638715 32.638715 0 0 1 4.479823-25.598992 341.746544 341.746544 0 0 0 56.317783-188.792567A356.465964 356.465964 0 0 0 512 67.877647a356.465964 356.465964 0 0 0-360.945788 350.706191 35.838589 35.838589 0 0 1-35.838589 35.198614 35.838589 35.838589 0 0 1-35.838588-34.558639A426.863192 426.863192 0 0 1 512 0.040318a426.863192 426.863192 0 0 1 432.622965 420.463445 409.583873 409.583873 0 0 1-63.99748 225.27113 36.478564 36.478564 0 0 1-30.71879 15.99937zM990.061176 1024a32.638715 32.638715 0 0 0 32.638715-31.99874v-181.752844a31.99874 31.99874 0 0 0-26.238967-30.71879A988.761068 988.761068 0 0 1 767.98992 691.853078a247.030273 247.030273 0 0 0-127.99496-51.837959 63.99748 63.99748 0 0 0-57.597732 30.078816 82.556749 82.556749 0 0 0 0 79.356875c5.759773 8.959647 15.99937 24.319042 30.718791 45.438211l8.319672 10.879572h-12.799496c-269.429391-16.639345-316.787526-76.796976-370.54541-145.914255a673.893465 673.893465 0 0 0-56.317782-63.99748 170.873272 170.873272 0 0 0-106.235817-57.597732 63.99748 63.99748 0 0 0-55.677808 29.438841A183.032793 183.032793 0 0 0 11.539706 704.0126a520.939488 520.939488 0 0 0 188.792566 223.99118A629.095229 629.095229 0 0 0 384.00504 1011.840479 268.789416 268.789416 0 0 0 448.00252 1024h543.978581zM512 960.00252a622.055507 622.055507 0 0 1-116.475414-10.239597 499.82032 499.82032 0 0 1-324.467224-267.509467 54.397858 54.397858 0 0 1 0-30.71879 30.71879 30.71879 0 0 1 28.798866-32.638715 30.71879 30.71879 0 0 1 12.799496 0c3.199874 0 3.199874 0 24.319043 19.839219a588.776817 588.776817 0 0 1 49.918034 56.957757c63.99748 84.476674 127.99496 164.473524 500.460294 174.073146a29.438841 29.438841 0 0 0 27.518917-16.639345 30.078816 30.078816 0 0 0 0-32.638715c-16.639345-22.399118-54.397858-77.436951-54.397858-78.076925-7.039723-10.239597-8.959647-17.27932-5.759773-23.039093a10.239597 10.239597 0 0 1 10.879571-6.399748 35.838589 35.838589 0 0 1 15.359395 4.479823 344.946418 344.946418 0 0 1 49.27806 24.959018l15.99937 8.319672A1055.318447 1055.318447 0 0 0 952.302663 832.00756h5.119798v127.99496z"
p-id="11456"
fill="#1296db"></path>
<path
d="M512 640.015119a26.878942 26.878942 0 0 0 29.438841-23.039092V519.059882h107.515766a30.078816 30.078816 0 0 0 0-60.157631H541.438841v-47.99811h107.515766a30.078816 30.078816 0 0 0 0-59.517657H542.078816L639.99496 248.350541a31.358765 31.358765 0 0 0 0-42.238337 28.158891 28.158891 0 0 0-21.119168-8.319672 26.878942 26.878942 0 0 0-20.479194 8.319672L512 296.988626 423.043503 206.112204a29.438841 29.438841 0 1 0-39.038463 42.238337l97.916144 103.035943H375.045393a30.078816 30.078816 0 0 0 0 59.517657h107.515766v47.99811H375.045393a30.078816 30.078816 0 0 0 0 60.157631h107.515766v94.716271A26.878942 26.878942 0 0 0 512 640.015119z"
p-id="11457"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
财务管理
</h3>
<p style="padding: 10px">
物流、广告、采购等多维度对账，提高财务工作效率；
<br />
放款双重审核，安全有保障；
<br />
降低管理、运营、产品成本，加快资金流转。
</p>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content">
<p>
<svg
t="1657249385534"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="14746"
width="32"
height="32">
<path
d="M503.160681 869.8819 213.232452 869.8819c-13.924127 0-25.64917-12.992919-25.64917-28.398794L187.583283 462.622406c2.676969 0.164752 5.373381 0.258896 8.090259 0.258896 43.022862 0 81.295538-21.11797 105.353466-53.728692 24.040533 32.629141 62.313208 53.764508 105.353466 53.764508 43.022862 0 81.278141-21.11797 105.33607-53.711296 24.040533 32.646538 62.330604 53.7993 105.370863 53.7993 42.971697 0 81.20958-21.065781 105.267509-53.572126 24.040533 32.750915 62.348 53.973262 105.439424 53.973262 72.618924 0 131.692345-59.901275 131.692345-133.578298 0-1.344624-0.103354-2.625804-0.291642-3.954055L924.07722 88.534406c-1.938142-13.117762-13.015432-22.64372-26.047236-22.64372L125.437897 65.890686c-13.031804 0-24.109094 9.525957-26.047236 22.64372L64.272839 325.780785c-0.188288 1.327228-0.291642 2.65548-0.291642 4.000104 0 51.127448 28.667923 95.601358 70.607104 117.887944l0 393.814274c0 44.768623 35.929304 82.381266 78.643128 82.381266l289.928229 0c14.541181 0 26.337855-12.17939 26.337855-26.990724C529.498536 882.06129 517.701862 869.8819 503.160681 869.8819zM148.107199 118.723985l727.254505 0 31.43085 212.698287c-0.994654 43.231617-36.043914 78.322833-78.998215 78.322833-43.571355 0-79.015611-36.227086-79.015611-80.751139 0-14.812357-11.797697-26.830065-26.338878-26.830065-14.541181 0-26.337855 12.017708-26.337855 26.830065 0 44.296879-35.443233 80.348979-79.015611 80.348979s-79.015611-36.122709-79.015611-80.541361c0-14.812357-11.797697-26.830065-26.338878-26.830065-14.541181 0-26.337855 12.015661-26.337855 26.828019 0 44.366464-35.443233 80.450287-79.015611 80.450287s-79.015611-36.128849-79.015611-80.513732c0-14.812357-11.797697-26.843368-26.337855-26.843368-14.541181 0-26.337855 11.989055-26.337855 26.801413 0 44.366464-35.443233 80.414471-79.015611 80.414471-42.954301 0-78.003562-34.751478-78.998215-77.685313L148.107199 118.723985z"
p-id="14747"
fill="#1296db"></path>
<path
d="M930.130076 703.43603c16.324804-21.083178 18.365276-49.732681 5.178953-72.982198l-10.957563-19.360953c-12.929474-22.776749-37.929868-35.43914-63.444984-32.102139l-20.268626 2.571568c-13.374612 1.711991-25.669636-5.964852-30.196743-17.668405l-8.075933-24.559349c-10.18599-26.375717-34.689057-45.031613-59.58712-45.031613l-20.936845 0c-24.915459 0-49.435922 18.673292-59.759035 45.502333l-7.476275 21.345144c-4.989641 12.925381-17.696034 20.995173-31.139208 19.230993l-19.256576-2.235924c-25.961278-3.580548-50.996464 9.152451-64.114227 32.401967l-10.957563 19.546172c-13.066597 23.178909-11.059893 51.754734 5.126764 72.785723l12.346189 16.034185c8.247848 10.707876 8.247848 25.65838-0.017396 36.383652l-12.226462 15.841803c-16.255219 21.065781-18.261922 49.674353-5.126764 72.888054l10.425444 18.405185c13.237489 23.301705 39.627533 36.075637 65.657372 31.761378l18.639522-3.080152c13.323447-2.218528 26.252921 5.123694 31.962969 19.254529l6.189979 12.134365c9.328459 23.26589 31.483038 36.966936 59.278081 36.966936l21.828145 0c27.813462 0 49.967018-13.701047 59.003835-36.356023l7.184633-16.006556c4.88731-12.19167 17.678638-19.336394 30.762631-17.187451l19.581987 3.476171c26.166963 4.139274 51.801806-8.244778 65.005526-31.458479l10.425444-18.165732c13.254885-23.301705 11.248182-51.982932-5.110391-73.083505l-11.917424-15.35471c-8.299013-10.725272-8.299013-25.730011 0-36.437887L930.130076 703.43603zM904.83804 825.758983l-10.425444 18.162662c-5.933129 10.444886-17.198707 16.010649-28.979008 14.159488l-19.581987-3.488451c-29.664623-4.558829-57.924247 11.416004-68.692498 38.33305l-7.184633 16.159028c-5.178953 12.942777-18.98233 14.780635-26.750247 14.780635l-21.828145 0c-7.767917 0-21.571295-1.836835-27.367301-16.160051l-6.189979-12.125155c-9.996678-24.943089-33.402761-40.593534-59.072397-40.593534-3.429099 0-6.910387 0.279363-10.408047 0.855484l-18.639522 3.056616c-11.711739 2.026146-23.662933-3.825119-29.630854-14.340613l-10.425444-18.410302c-5.933129-10.463306-5.024433-23.388686 2.314719-32.908504l12.226462-15.842827c18.296715-23.702841 18.313088-56.8201 0.051165-80.557734l-12.346189-16.033162c-7.30436-9.502421-8.214079-22.406313-2.297322-32.921807l10.957563-19.537985c5.966898-10.532891 17.216103-16.229636 29.305443-14.674211l19.273972 2.266623c28.532847 3.894703 57.340963-13.510712 68.314898-42.051745l7.476275-20.977777c4.852518-12.593829 16.427134-21.850657 26.903743-21.850657l20.936845 0c10.476609 0 22.027689 9.256828 26.589588 21.012569l8.069793 24.173562c10.717086 27.789926 38.448684 44.558845 67.565838 40.872896l20.243043-2.602268c11.608386-1.502213 22.773679 4.227278 28.586059 14.480806l10.858302 19.35379c0 0 0 0 0 0.017396 5.637394 10.480702 5.140067 23.406083-2.232854 32.908504l-11.869329 15.458063c-18.399045 23.772426-18.399045 56.977689 0 80.767512l11.93482 15.370059C909.896242 802.372344 910.788565 815.314097 904.83804 825.758983z"
p-id="14748"
fill="#1296db"></path>
<path
d="M732.301452 646.5136c-47.429219 0-86.028329 39.318494-86.028329 87.650269 0 48.314379 38.59911 87.632873 86.028329 87.632873 47.446615 0 86.045725-39.318494 86.045725-87.632873C818.346153 685.833117 779.748067 646.5136 732.301452 646.5136zM732.301452 786.025027c-28.070312 0-50.910507-23.26589-50.910507-51.860135 0-28.611641 22.840194-51.877531 50.910507-51.877531 28.087709 0 50.927903 23.266913 50.927903 51.877531C783.228331 762.758114 760.388137 786.025027 732.301452 786.025027z"
p-id="14749"
fill="#1296db"></path>
</svg>
</p>
<h3 style="padding-bottom: 10px; border-bottom: 1px solid #fff">
店铺管理
</h3>
<p style="padding: 10px">
多平台、多店铺统一管理；
<br />
支持多店铺之间导入商品；
<br />
支持商品一键发布下架。
</p>
</div>
</el-col>
</el-row>
</div>
<div class="banner_footer">
<h2 style="text-align: center; padding: 20px">对接平台</h2>
<img src="../assets/logo1.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo2.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo3.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo4.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo5.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo6.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo7.png" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo8.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo9.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo10.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo11.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo12.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo13.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo14.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo15.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo16.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo17.jpg" style="width: 160px; margin: 10px 20px" />
<img src="../assets/logo18.jpg" style="width: 160px; margin: 10px 20px" />
<div style="margin-top: 20px; text-align: center">
<span style="display: inline-block; margin-left: 20px">
<i class="el-icon-message" style="margin-right: 5px"></i>
support@jomalls.com
</span>
<span style="display: inline-block; margin-left: 50px">
<i class="el-icon-map-location" style="margin-right: 5px"></i>
广州市南沙区丰泽东路106号
</span>
</div>
</div> </div>
</main>
<product-intro />
</div> </div>
</template> </template>
<script> <script>
import { post } from '../utils/axios' import Head from '../components/head.vue'
import ProductIntro from '../components/product-intro.vue'
export default { export default {
name: 'home', name: 'HomePage',
components: {}, components: { Head, ProductIntro },
data() { mounted() {
return { this.$el.addEventListener('scroll', this.onScroll)
ruleForm: {
password: '',
email: '',
checked: false,
},
rules: {
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
}, },
], beforeDestroy() {
password: [{ required: true, message: '请输入密码', trigger: 'blur' }], this.$el.removeEventListener('scroll', this.onScroll)
},
showPwd: false,
}
}, },
methods: { methods: {
submitForm() { onScroll() {
this.$refs.ruleForm.validate((valid) => { const top = this.$el.scrollTop
if (valid) { if (top === 0) {
let url = `business/user/login` this.$el.classList.remove('scrolling')
post(url, { } else {
email: this.ruleForm.email, this.$el.classList.add('scrolling')
password: this.ruleForm.password,
}).then((res) => {
if (res.message == '操作成功') {
this.ruleForm = {}
this.$router.push('/contact')
} }
})
}
})
}, },
}, },
} }
</script> </script>
<style scoped> <style scoped>
.logo { .home-page {
position: absolute;
}
.logo_text {
display: inline-block;
line-height: 40px;
margin: 60px 0 0 80px;
}
.banner_text {
position: absolute;
top: 30%;
left: 10%;
line-height: 80px;
color: #fff;
}
.login_bg {
width: 100%;
height: 800px;
position: relative;
image-rendering: -webkit-optimize-contrast;
background: url(../assets/banner.jpg) center / cover no-repeat;
}
.login_content {
padding: 18px;
background: rgba(255, 255, 255, 0.4);
position: absolute;
top: 50%;
left: 80%;
height: 300px;
width: 400px;
border-radius: 6px;
transform: translate(-50%, -50%);
box-sizing: border-box; box-sizing: border-box;
background-position: top right, center; height: 100%;
background-repeat: no-repeat; overflow: hidden auto;
background-size: 528px auto, contain;
} }
.login_form { .home-page::-webkit-scrollbar {
padding: 40px; width: 0;
width: 300px;
border-radius: 6px;
}
.eyes {
display: inline-block;
height: 14px;
width: 18px;
margin-top: 11px;
margin-right: 5px;
cursor: pointer;
}
.eyes.open {
background: url('../assets/eyes-open.png') no-repeat center / cover;
}
.eyes.close {
background: url('../assets/eyes-closed.png') no-repeat center / cover;
}
.function_bg {
width: 94%;
height: 540px;
padding: 50px;
text-align: center;
margin-bottom: 20px;
} }
.el-row {
margin: 20px 0; .home-page .header {
} background: transparent;
.el-col { transition: all 0.3s;
margin-bottom: 20px;
} }
.grid-content {
padding: 10px; .home-page.scrolling .header {
border-radius: 8px; box-shadow: 0 2px 10px 0 rgb(0 39 98 / 66%);
height: 220px; background-color: rgba(45, 138, 254, 0.9);
line-height: 30px; backdrop-filter: blur(10px);
background: url(../assets/bg-1.png) center / cover no-repeat;
} }
.banner_footer {
width: 96.8%; .home-main {
height: 250px; padding-top: 60px;
color: #fff; height: calc(70vh - 60px);
padding: 30px; background: linear-gradient(to bottom, #0089ff 0%, #0089ff 20%, #e8eef9);
background: url(../assets/footer.jpg) center / cover no-repeat;
} }
</style> </style>
src/views/login.vue 0 → 100644
<template>
<div>
<div class="login_bg">
<div class="logo">
<span class="logo_text">
<img src="../assets/logo.png" height="40px" />
</span>
</div>
<div class="banner_text">
<h1>智能化订单处理</h1>
<h1 style="margin-left: 60px">数字化供采平台</h1>
<h1 style="margin-left: 120px">多维度数据分析</h1>
</div>
<div class="login_content">
<h2 style="text-align: center">登录</h2>
<el-form
size="medium"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
class="login_form">
<el-form-item prop="email">
<el-input
prefix-icon="el-icon-message"
style="background: #fff"
v-model="ruleForm.email"
placeholder="Email"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
:type="showPwd ? 'text' : 'password'"
prefix-icon="el-icon-lock"
style="background: #fff"
v-model="ruleForm.password"
placeholder="Password"
@keyup.enter.native="submitForm">
<i
@click="showPwd = !showPwd"
slot="suffix"
:class="{ eyes: true, open: !showPwd, close: showPwd }"></i>
</el-input>
</el-form-item>
<div style="text-align: center">
<button class="login-btn" @click="submitForm">
登录
</button>
</div>
<div style="margin-top: 20px; font-size: 14px">
还没有账号？
<router-link class="link" to="register">马上注册</router-link>
</div>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { post } from '../utils/axios'
import md5 from 'js-md5'
export default {
name: 'login',
components: {},
data() {
return {
ruleForm: {
password: '',
email: '',
checked: false,
},
rules: {
email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
],
password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
},
showPwd: false,
}
},
methods: {
submitForm(e) {
e.preventDefault()
this.$refs.ruleForm.validate((valid) => {
if (valid) {
const hash = md5.create()
hash.update(this.ruleForm.password)
const passwordHash = hash.hex()
let url = `business/user/login`
post(url, {
email: this.ruleForm.email,
password: passwordHash,
}).then((res) => {
if (res.code === 200) {
this.ruleForm = {}
this.$router.push('/contact')
}
})
}
})
},
},
}
</script>
<style scoped>
.logo {
position: absolute;
}
.logo_text {
display: inline-block;
line-height: 40px;
margin: 60px 0 0 80px;
}
.banner_text {
position: absolute;
top: 30%;
left: 10%;
line-height: 80px;
color: #fff;
}
.login_bg {
width: 100%;
height: 100vh;
position: relative;
image-rendering: -webkit-optimize-contrast;
background: url(../assets/banner.jpg) center / cover no-repeat;
}
.login_content {
padding: 18px;
background: rgba(255, 255, 255, 0.4);
position: absolute;
top: 50%;
left: 80%;
border-radius: 6px;
transform: translate(-50%, -50%);
box-sizing: border-box;
background-position: top right, center;
background-repeat: no-repeat;
background-size: 528px auto, contain;
}
.login_form {
padding: 40px;
width: 300px;
border-radius: 6px;
}
.login-btn {
width: 100%;
height: 38px;
display: block;
margin: 0 auto;
background: #006eff;
box-shadow: 0 4px 8px 0 rgb(26 90 216 / 32%);
border-radius: 4px;
font-size: 16px;
color: #fff;
cursor: pointer;
}
.eyes {
display: inline-block;
height: 14px;
width: 18px;
margin-top: 11px;
margin-right: 5px;
cursor: pointer;
}
.eyes.open {
background: url('../assets/eyes-open.png') no-repeat center / cover;
}
.eyes.close {
background: url('../assets/eyes-closed.png') no-repeat center / cover;
}
</style>
src/views/protocol.vue
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
(以下称“我们”)开发和运营的九猫ERP软件及服务！ (以下称“我们”)开发和运营的九猫ERP软件及服务！
</p> </p>
<p> <p>
九猫ERP 软件供shopify、shopline、magento以及速卖通商城的卖家或者其从业人员使用，其结合了各种不同的工具，这将有助于您或者您代表的某个实体公司及其附属机构(以下合称为“您”)在shopify、shopline、magento以及速卖通等商城做出商业决策。 九猫ERP
软件供shopify、shopline、magento以及速卖通商城的卖家或者其从业人员使用，其结合了各种不同的工具，这将有助于您或者您代表的某个实体公司及其附属机构(以下合称为“您”)在shopify、shopline、magento以及速卖通等商城做出商业决策。
</p> </p>
<p> <p>
为使用我们的九猫ERP软件及服务，您应当阅读并遵守《九猫ERP使用条款与条件》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容。本协议通过点击“阅读并同意”，即视为您已阅读并同意本协议项下的所有条款。 为使用我们的九猫ERP软件及服务，您应当阅读并遵守《九猫ERP使用条款与条件》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容。本协议通过点击“阅读并同意”，即视为您已阅读并同意本协议项下的所有条款。
<strong>本协议自您点击“阅读并同意”时起生效。</strong> <strong>本协议自您点击“阅读并同意”时起生效。</strong>
 
</p> </p>
<ul> <ul>
<li> <li>
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
<p>5、保密约定</p> <p>5、保密约定</p>
<ul> <ul>
<li> <li>
您与我们双方对本协议内容以及对本协议过程执行情况予以保密，不得向第三方披露。 您与我们双方互为保密资料的提供方和接受方，负有保密义务，承担保密责任。甲乙双方中任何一方未经对方书面同意不得向第三方公开和披露任何保密资料或以其他方式使用保密资料。 您与我们也须促使各自代表不向第三方公开或披露任何保密资料或以其它方式使用保密资料。除非披露、公开或利用保密资料是双方从事或开展合作项目工作在通常情况下应承担的义务（包括双方今后依法律或合同应承担的义务）适当所需的。 您与我们双方对本协议内容以及对本协议过程执行情况予以保密，不得向第三方披露。您与我们双方互为保密资料的提供方和接受方，负有保密义务，承担保密责任。甲乙双方中任何一方未经对方书面同意不得向第三方公开和披露任何保密资料或以其他方式使用保密资料。您与我们也须促使各自代表不向第三方公开或披露任何保密资料或以其它方式使用保密资料。除非披露、公开或利用保密资料是双方从事或开展合作项目工作在通常情况下应承担的义务（包括双方今后依法律或合同应承担的义务）适当所需的。
</li> </li>
</ul> </ul>
</li> </li>
...@@ -129,36 +129,41 @@ ...@@ -129,36 +129,41 @@
<p>6、保证与免责声明</p> <p>6、保证与免责声明</p>
<ul> <ul>
<li> <li>
<p>6.1 相互保证 各方认可和保证：</p> <p>6.1 相互保证 各方认可和保证：</p>
<ul> <ul>
<li>(1) 签署本协议具有法律效力;</li> <li>(1) 签署本协议具有法律效力;</li>
<li> <li>
(2)  不会向对方转移任何恶意代码(由其它方向保证方传输的恶意代码除外)。 (2) 不会向对方转移任何恶意代码(由其它方向保证方传输的恶意代码除外)。
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<p>6.2 免责声明</p> <p>6.2 免责声明</p>
<ul> <ul>
<li> <li>
<strong>(1)  由于您将用户密码告知他人或与他人共享注册帐户，由此导致的任何个人资料泄露。</strong> <strong>
(1) 由于您将用户密码告知他人或与他人共享注册帐户，由此导致的任何个人资料泄露。
</strong>
</li> </li>
<li> <li>
<strong>(2)  任何黑客政击、计算机病毒侵入或发作、政府部门管制和其他不可抗力等造成的个人资料泄露、丢失、被盗用或被窜改等。</strong> <strong>
(2) 任何黑客政击、计算机病毒侵入或发作、政府部门管制和其他不可抗力等造成的个人资料泄露、丢失、被盗用或被窜改等。
</strong>
</li> </li>
<li> <li>
<strong>(3)  因与本软件或我们的网站链接的其它网站造成个人资料泄露及由此而导致的任何法律争议和后果。</strong> <strong>
(3) 因与本软件或我们的网站链接的其它网站造成个人资料泄露及由此而导致的任何法律争议和后果。
</strong>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<p style="text-align:center;margin-top:30px;margin-bottom:50px">本《协议》版权由九猫科技（广州）有限公司所有，保留一切解释权利。</p> <p style="text-align: center; margin-top: 30px; margin-bottom: 50px">
<div style="height:10px"></div> 本《协议》版权由九猫科技（广州）有限公司所有，保留一切解释权利。
</p>
<div style="height: 10px"></div>
</div> </div>
</template> </template>
......
src/views/register.vue
<template> <template>
<div class="login_bg"> <div class="login_bg">
<div class="login_content"> <div class="login_content">
<h2 style="text-align: center">邮箱注册</h2> <h2 style="text-align: center">用户注册</h2>
<el-form <el-form
size="medium" size="medium"
:model="registerForm" :model="registerForm"
:rules="rules" :rules="rules"
ref="registerForm" ref="registerForm"
:inline="true" :inline="true"
label-width="100px"
class="login_form"> class="login_form">
<el-form-item prop="email" label="邮箱"> <el-form-item prop="email" label="">
<el-input <el-input
v-model="registerForm.email" v-model="registerForm.email"
prefix-icon="el-icon-postcard"
style="width: 300px; background: #fff" style="width: 300px; background: #fff"
placeholder="请输入邮箱"></el-input> placeholder="请输入邮箱"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" label="验证码"> <el-form-item prop="code" label="">
<el-input <el-input
v-model="registerForm.code" v-model="registerForm.code"
style="width: 180px" style="width: 180px"
prefix-icon="el-icon-message"
placeholder="请输入验证码"></el-input> placeholder="请输入验证码"></el-input>
<el-button style="margin-left: 10px" @click="verCode"> <el-button
获取验证码 class="get-code-button"
style="width: 112px"
:disabled="getCodeDisabled"
:class="getCodeDisabled ? 'disabled' : 'code-btn'"
@click="verCode">
{{ codeCountDown === 0 ? '获取验证码' : `${codeCountDown}秒` }}
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item prop="password" label="密码"> <el-form-item prop="password" label="">
<el-input <el-input
type="password" type="password"
v-model="registerForm.password" v-model="registerForm.password"
prefix-icon="el-icon-lock"
style="width: 300px; background: #fff" style="width: 300px; background: #fff"
placeholder="请输入密码" placeholder="请输入密码"
autocomplete="off"></el-input> autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="checkPass" label="确认密码"> <el-form-item prop="checkPass" label="">
<el-input <el-input
type="password" type="password"
prefix-icon="el-icon-lock"
v-model="registerForm.checkPass" v-model="registerForm.checkPass"
style="width: 300px; background: #fff" style="width: 300px; background: #fff"
placeholder="请再次输入密码" placeholder="请再次输入密码"
autocomplete="off"></el-input> autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="companyName" label="公司名称"> <el-form-item prop="companyName" label="">
<el-input <el-input
v-model="registerForm.companyName" v-model="registerForm.companyName"
prefix-icon="el-icon-s-home"
style="width: 300px; background: #fff" style="width: 300px; background: #fff"
placeholder="请输入公司名称"></el-input> placeholder="请输入公司名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="phoneNumber" label="手机号码"> <el-form-item prop="job" label="">
<el-input
v-model="registerForm.phoneNumber"
style="width: 300px; background: #fff"
placeholder="请输入手机号码"></el-input>
</el-form-item>
<el-form-item prop="job" label="职务">
<el-input <el-input
v-model="registerForm.job" v-model="registerForm.job"
prefix-icon="el-icon-s-order"
style="width: 300px; background: #fff" style="width: 300px; background: #fff"
placeholder="请输入职务"></el-input> placeholder="请输入职务"></el-input>
</el-form-item> </el-form-item>
<el-form-item label=" "> </el-form>
<el-checkbox v-model="isRead" label="" :indeterminate="false"> <div class="agree-terms" :class="agreeAnimate ? 'agree-animate' : ''">
<el-checkbox v-model="isRead" label="" :indeterminate="false" />
<span class="tos-link">
阅读并同意 阅读并同意
<a href="/protocol">九猫ERP条款与协议</a> <a class="link" href="/protocol" target="_blank">九猫ERP条款与协议</a>
</el-checkbox> </span>
</el-form-item> </div>
<div style="text-align: center; padding: 0 20px">
<div style="margin-left: 120px"> <button class="register-btn" type="primary" @click="onRegister">
<el-button size="medium" type="primary" @click="onRegister">
立即注册 立即注册
</el-button> </button>
</div> </div>
<div style="margin-top: 20px; font-size: 14px"> <div style="margin-top: 20px; font-size: 14px; text-align: center">
已有账号？ 已有账号？
<router-link to="/">马上登录</router-link> <router-link class="link" to="/login">马上登录</router-link>
</div> </div>
</el-form>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { get, post } from '../utils/axios' import { get, post } from '../utils/axios'
import md5 from 'js-md5'
export default { export default {
name: 'register', name: 'register',
components: {}, components: {},
...@@ -97,6 +102,9 @@ export default { ...@@ -97,6 +102,9 @@ export default {
} }
return { return {
registerForm: {}, registerForm: {},
isRead: false,
agreeAnimate: false,
codeCountDown: 0,
rules: { rules: {
email: [ email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' }, { required: true, message: '请输入邮箱', trigger: 'blur' },
...@@ -115,32 +123,67 @@ export default { ...@@ -115,32 +123,67 @@ export default {
companyName: [ companyName: [
{ required: true, message: '请输入公司名称', trigger: 'blur' }, { required: true, message: '请输入公司名称', trigger: 'blur' },
], ],
phoneNumber: [
{ required: true, message: '请输入手机号码', trigger: 'blur' },
],
job: [{ required: true, message: '请输入职务', trigger: 'blur' }], job: [{ required: true, message: '请输入职务', trigger: 'blur' }],
}, },
showPwd: false, showPwd: false,
} }
}, },
computed: {
getCodeDisabled() {
return this.codeCountDown > 0
},
},
methods: { methods: {
verCode() { async verCode() {
if (this.registerForm.email) { try {
get('business/user/emailcode', { await new Promise((resolve, reject) => {
this.$refs.registerForm.validateField('email', (m) => {
m ? reject() : resolve()
})
})
} catch {
return
}
try {
const res = await get('business/user/emailcode', {
email: this.registerForm.email, email: this.registerForm.email,
}).then((res) => {
this.$message.success(res.message)
}) })
this.codeCountDown = 60
this.timer = setInterval(() => {
this.codeCountDown--
if (this.codeCountDown <= 0) {
clearInterval(this.timer)
}
}, 1000)
this.$message.success(res.message)
} catch (e) {
console.error(e)
} }
}, },
onRegister() { onRegister() {
this.$refs.registerForm.validate((valid) => { this.$refs.registerForm.validate((valid) => {
if (valid) { if (valid) {
if (!this.isRead) {
this.agreeAnimate = true
setTimeout(() => {
this.agreeAnimate = false
}, 700)
return
}
const { code, companyName, email, job, password } = this.registerForm
const hash = md5.create()
hash.update(password)
const passwordHash = hash.hex()
post('business/user/register', { post('business/user/register', {
...this.registerForm, code: code,
companyName: companyName,
email: email,
job: job,
password: passwordHash,
}).then((res) => { }).then((res) => {
this.$message.success(res.message) this.$message.success(res.message)
if (res.message == '操作成功') { if (res.code === 200) {
this.registerForm = {} this.registerForm = {}
this.$router.push('/') this.$router.push('/')
} }
...@@ -158,14 +201,19 @@ export default { ...@@ -158,14 +201,19 @@ export default {
position: relative; position: relative;
background: url(../assets/register.jpg) center / cover no-repeat; background: url(../assets/register.jpg) center / cover no-repeat;
} }
.el-form--inline .el-form-item {
margin-right: 0px;
}
.login_content { .login_content {
padding: 18px; padding: 18px;
background: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 75%; left: 75%;
height: 600px; /* height: 600px; */
width: 600px; /* width: 600px; */
border-radius: 6px; border-radius: 6px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
box-sizing: border-box; box-sizing: border-box;
...@@ -173,8 +221,74 @@ export default { ...@@ -173,8 +221,74 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.login_content::v-deep .el-form-item__content {
white-space: nowrap;
}
.login_form { .login_form {
padding: 40px; padding: 20px 20px 0px 20px;
border-radius: 6px; border-radius: 6px;
display: flex;
align-items: center;
flex-direction: column;
}
.agree-terms {
margin-bottom: 30px;
margin-left: 20px;
}
.get-code-button:disabled:hover {
background-color: #d0d2d8;
color: #666;
}
.tos-link {
font-size: 14px;
}
@keyframes shake {
0% {
transform: translateX(0);
}
25% {
transform: translateX(-2.57rem);
}
50% {
transform: translateX(0);
}
75% {
transform: translateX(2.57rem);
}
100% {
transform: translateX(0);
}
}
.agree-animate {
animation: shake 0.4s;
}
.register-btn {
width: 100%;
height: 38px;
display: block;
margin: 0 auto;
background: #006eff;
box-shadow: 0 4px 8px 0 rgb(26 90 216 / 32%);
border-radius: 4px;
font-size: 16px;
color: #fff;
cursor: pointer;
}
.code-btn {
margin-left: 10px;
background: linear-gradient(180deg, #319af2 0%, #2386ee 100%);
color: #fff;
}
.disabled {
background-color: #d0d2d8;
color: #666;
margin-left: 10px;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment