|
@@ -5,12 +5,12 @@
|
|
<h2>综合搜索</h2>
|
|
<h2>综合搜索</h2>
|
|
<p>选择您需要查询的功能模块</p>
|
|
<p>选择您需要查询的功能模块</p>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="search-modules">
|
|
<div class="search-modules">
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
<el-col :span="6" v-for="module in searchModules" :key="module.key">
|
|
<el-col :span="6" v-for="module in searchModules" :key="module.key">
|
|
- <el-card
|
|
|
|
- class="search-module-card"
|
|
|
|
|
|
+ <el-card
|
|
|
|
+ class="search-module-card"
|
|
:body-style="{ padding: '20px' }"
|
|
:body-style="{ padding: '20px' }"
|
|
@click.native="openModule(module)"
|
|
@click.native="openModule(module)"
|
|
>
|
|
>
|
|
@@ -43,34 +43,37 @@ export default {
|
|
path: '/search/shipment-status'
|
|
path: '/search/shipment-status'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- key: 'order-query',
|
|
|
|
- title: '订单查询',
|
|
|
|
- description: '查询订单信息、订单状态',
|
|
|
|
|
|
+ key: 'invoice',
|
|
|
|
+ title: '发票及开票信息查询',
|
|
|
|
+ description: '查询发票信息、开票信息',
|
|
icon: 'el-icon-document',
|
|
icon: 'el-icon-document',
|
|
- path: '/search/order-query'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- key: 'inventory-query',
|
|
|
|
- title: '库存查询',
|
|
|
|
- description: '查询库存信息、库存变动',
|
|
|
|
- icon: 'el-icon-box',
|
|
|
|
- path: '/search/inventory-query'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- key: 'customer-query',
|
|
|
|
- title: '客户查询',
|
|
|
|
- description: '查询客户信息、客户订单',
|
|
|
|
- icon: 'el-icon-user',
|
|
|
|
- path: '/search/customer-query'
|
|
|
|
|
|
+ path: '/search/invoice'
|
|
}
|
|
}
|
|
|
|
+ // {
|
|
|
|
+ // key: 'inventory-query',
|
|
|
|
+ // title: '库存查询',
|
|
|
|
+ // description: '查询库存信息、库存变动',
|
|
|
|
+ // icon: 'el-icon-box',
|
|
|
|
+ // path: '/search/inventory-query'
|
|
|
|
+ // },
|
|
|
|
+ // {
|
|
|
|
+ // key: 'customer-query',
|
|
|
|
+ // title: '客户查询',
|
|
|
|
+ // description: '查询客户信息、客户订单',
|
|
|
|
+ // icon: 'el-icon-user',
|
|
|
|
+ // path: '/search/customer-query'
|
|
|
|
+ // }
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
methods: {
|
|
methods: {
|
|
openModule(module) {
|
|
openModule(module) {
|
|
|
|
+ console.log(module.key)
|
|
if (module.key === 'shipment-status') {
|
|
if (module.key === 'shipment-status') {
|
|
this.$router.push('/search/shipment-status')
|
|
this.$router.push('/search/shipment-status')
|
|
|
|
+ } else if (module.key === 'invoice') {
|
|
|
|
+ this.$router.push('/search/invoice')
|
|
} else {
|
|
} else {
|
|
this.$message.info(`${module.title}功能开发中...`)
|
|
this.$message.info(`${module.title}功能开发中...`)
|
|
}
|
|
}
|
|
@@ -87,12 +90,12 @@ export default {
|
|
.search-header {
|
|
.search-header {
|
|
text-align: center;
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
margin-bottom: 40px;
|
|
-
|
|
|
|
|
|
+
|
|
h2 {
|
|
h2 {
|
|
color: #303133;
|
|
color: #303133;
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
p {
|
|
p {
|
|
color: #909399;
|
|
color: #909399;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
@@ -108,31 +111,31 @@ export default {
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
-
|
|
|
|
|
|
+
|
|
&:hover {
|
|
&:hover {
|
|
transform: translateY(-5px);
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
|
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.module-icon {
|
|
.module-icon {
|
|
text-align: center;
|
|
text-align: center;
|
|
margin-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
-
|
|
|
|
|
|
+
|
|
i {
|
|
i {
|
|
font-size: 48px;
|
|
font-size: 48px;
|
|
color: #409EFF;
|
|
color: #409EFF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.module-info {
|
|
.module-info {
|
|
text-align: center;
|
|
text-align: center;
|
|
-
|
|
|
|
|
|
+
|
|
h3 {
|
|
h3 {
|
|
color: #303133;
|
|
color: #303133;
|
|
margin-bottom: 8px;
|
|
margin-bottom: 8px;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
p {
|
|
p {
|
|
color: #909399;
|
|
color: #909399;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
@@ -140,4 +143,4 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+</style>
|