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