登陆页样式修改
|
@ -8,7 +8,7 @@ let expire = localStorage.getItem("TRADE_USER") ? JSON.parse(localStorage.getIte
|
|||
|
||||
// 创建axios 实例
|
||||
const instacne = axios.create({
|
||||
baseURL: "https://shop.lihaink.cn/",
|
||||
baseURL: "https://crmeb-test.shop.lihaink.cn/",
|
||||
timeout: 30000,
|
||||
});
|
||||
|
||||
|
|
|
@ -201,19 +201,18 @@ const initCharts = (tag, option) => {
|
|||
var chartDom = document.getElementById(tag);
|
||||
var myChart = echarts.init(chartDom);
|
||||
myChart.setOption(option);
|
||||
|
||||
|
||||
}
|
||||
const storeData = reactive([])
|
||||
const initStoreOption = (pageData, total) => {
|
||||
storeData.splice(0, storeData.length);
|
||||
pageData.forEach(item => {
|
||||
let range = ((item.product_count / total).toFixed(2) * 100)
|
||||
let range = (parseInt((item.product_count / total)*100))
|
||||
storeData.push({
|
||||
name: item.street_name,
|
||||
num: item.product_count,
|
||||
option: getRange(range)
|
||||
})
|
||||
|
||||
})
|
||||
storeData.forEach((item, index) => {
|
||||
initCharts(`stores${index}`, item.option)
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
<template>
|
||||
<div class="login-box">
|
||||
<div class="form">
|
||||
<div style="text-align: center;transform: translateY(-1vh);"><img src="/static/login/tit.png" style="width: 29vw;"></div>
|
||||
<div class="content">
|
||||
|
||||
<div style="position: relative;margin-bottom: 3VH;">
|
||||
|
@ -177,9 +178,9 @@ const test = () => {
|
|||
left: 10vw;
|
||||
|
||||
.ipt {
|
||||
border: 1px solid #194FA3;
|
||||
border: 1px solid #2CCCF7;
|
||||
padding: 1vh 2vw;
|
||||
background-color: #123266;
|
||||
background-color: #125A7D;
|
||||
width: 13VW;
|
||||
outline: none;
|
||||
-webkit-user-select: auto;
|
||||
|
@ -238,21 +239,20 @@ const test = () => {
|
|||
:deep .el-input__wrapper {
|
||||
height: 35px;
|
||||
width: 15.9vw;
|
||||
background-color: #123266 !important;
|
||||
box-shadow: 0 0 0 1px #194FA3 inset !important;
|
||||
--el-select-focus-border-color: red !important;
|
||||
--el-select-hover-border-color: red !important;
|
||||
background-color: #125A7D !important;
|
||||
box-shadow: 0 0 0 1px #2CCCF7 inset !important;
|
||||
|
||||
}
|
||||
|
||||
// 修改下拉框样式-点击框focus
|
||||
:deep .is-focus .el-input__wrapper {
|
||||
box-shadow: #194FA3 inset !important;
|
||||
--el-select-focus-border-color: #194FA3 !important;
|
||||
--el-select-hover-border-color: #194FA3 !important;
|
||||
box-shadow: #2CCCF7 inset !important;
|
||||
--el-select-focus-border-color: #2CCCF7 !important;
|
||||
--el-select-hover-border-color: #2CCCF7 !important;
|
||||
}
|
||||
|
||||
:deep .el-select__caret {
|
||||
color: #194FA3 !important; // 清除按钮
|
||||
color: #2CCCF7 !important; // 清除按钮
|
||||
}
|
||||
|
||||
:deep .el-input__inner {
|
||||
|
@ -266,7 +266,7 @@ const test = () => {
|
|||
}
|
||||
|
||||
.el-select-dropdown__item.hover {
|
||||
background-color: #194FA3 !important; // hover
|
||||
background-color: #59C5D8 !important; // hover
|
||||
}
|
||||
|
||||
:deep .el-dropdown-menu__item:not(.is-disabled) {
|
||||
|
@ -278,8 +278,8 @@ const test = () => {
|
|||
}
|
||||
|
||||
:deep .el-popper {
|
||||
background-color: #123266 !important; // 展开下拉背景
|
||||
border: 1px solid #409EFE !important; // 展开下拉边框
|
||||
background-color: #125A7D !important; // 展开下拉背景
|
||||
border: 1px solid #125A7D !important; // 展开下拉边框
|
||||
}
|
||||
|
||||
:deep .el-popper .el-popper__arrow::before {
|
||||
|
|
|
@ -294,7 +294,7 @@ const addConfigData = (data) => {
|
|||
<span>${item.orderProduct[0].cart_info.product.store_name} </span>
|
||||
<span>${item.orderProduct[0].product_num}${item.orderProduct[0].cart_info.product.unit_name} </span>
|
||||
</div>`,
|
||||
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.cost}</div>`,
|
||||
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.total_price}</div>`,
|
||||
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${orderStatus(item.status)}</div>`,
|
||||
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.user_address}</div>`,
|
||||
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${payType(item.pay_type)}</div>`,
|
||||
|
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 378 KiB After Width: | Height: | Size: 340 KiB |
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 56 KiB |