@@ -78,12 +77,17 @@
+
+
+
+
-
+
@@ -108,7 +113,7 @@ import * as echarts from 'echarts';
import option from "./option"
import Remake from "@/components/Remake.vue"
import { ref, reactive } from "vue"
-
+const loading = ref(true)
const i = 'https://ceshi-worker-task.lihaink.cn//uploads//images//20231123//20231123190555159fa2259.jpg'
@@ -117,6 +122,7 @@ const configs = reactive(
{
header: ['所属地区', '日订单数', '日订单金额', '月订单数', '月订单金额'],
headerBGC: '#223B7E',
+ rowNum: 10,
data: [
['行1列1', '行1列2', '行1列3', 'sad', 'asdsa'],
['行2列1', '行2列2', '行2列3', 'sad', 'asdsa'],
@@ -127,7 +133,11 @@ const configs = reactive(
['行7列1', '行7列2', '行7列3', 'sad', 'asdsa'],
['行8列1', '行8列2', '行8列3', 'sad', 'asdsa'],
['行9列1', '行9列2', '行9列3', 'sad', 'asdsa'],
- ['行10列1', '行10列2', '行10列3']
+ ['行9列1', '行9列2', '行9列3', 'sad', 'asdsa'],
+ ['行9列1', '行9列2', '行9列3', 'sad', 'asdsa'],
+ ['行9列1', '行9列2', '行9列3', 'sad', 'asdsa'],
+ ['行9列1', '行9列2', '行9列3', 'sad', 'asdsa'],
+ ['行9列1', '行9列2', '行9列3', 'sad', 'asdsa'],
]
}
@@ -137,6 +147,7 @@ const configs2 = reactive(
header: ['所属片区', '当日订单金额', '昨日订单金额'],
headerBGC: '#223B7E',
align: ['center'],
+ rowNum: 10,
data: [
['行1列1', '行1列2', '行1列3'],
['行2列1', '行2列2', '行2列3'],
@@ -147,6 +158,10 @@ const configs2 = reactive(
['行7列1', '行7列2', '行7列3'],
['行8列1', '行8列2', '行8列3'],
['行9列1', '行9列2', '行9列3'],
+ ['行9列1', '行9列2', '行9列3'],
+ ['行9列1', '行9列2', '行9列3'],
+ ['行9列1', '行9列2', '行9列3'],
+ ['行9列1', '行9列2', '行9列3'],
['行10列1', '行10列2', '行10列3']
]
}
@@ -156,11 +171,9 @@ const config3 = reactive({
oddRowBGC: "#001C2E",
evenRowBGC: "#001C2E",
columnWidth: [
- 50, 60, 70, 220, 100
+ 3, 3, 4, 10, 4
],
data: [
-
-
[
`
1
`,
`
![]()
`,
@@ -229,7 +242,9 @@ onMounted(() => {
}
initCharts('transactionUsers', option.transactionUsers)
-
+ setTimeout(() => {
+ loading.value = false
+ }, 1000)
// initCharts('user', option.userChartOption)
})
@@ -249,21 +264,23 @@ onMounted(() => {
}
.body {
- height: 50vh;
+ height: 45vh;
display: flex;
+ margin-top: 1vh;
+ justify-content: space-between;
.l {
- flex: 1;
+
+ width: 25vw;
height: 100%;
- background: url('/static/index/PTYHL.png');
- // background-size: cover;
- background-size: 25vw 50vh;
+ position: relative;
.user {
box-sizing: border-box;
padding-top: 5vh;
width: 100%;
- height: 57%;
+ height: 58%;
+ // background-color: #fff;
.btn {
color: white;
@@ -272,7 +289,8 @@ onMounted(() => {
.storeNum {
width: 100%;
- height: 43%;
+ height: 42%;
+ // background-color: red;
.tit {
height: 15%;
@@ -321,14 +339,14 @@ onMounted(() => {
.c {
box-sizing: border-box;
- padding: 15px;
- flex: 2;
+ width: 48vw;
height: 100%;
- // background-color: pink;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
.product-list {
- height: 75%;
- // background-color: red;
+ height: 70%;
display: flex;
justify-content: space-between;
position: relative;
@@ -349,10 +367,10 @@ onMounted(() => {
}
.Views {
+ margin-top: 2%;
height: 25%;
width: 100%;
box-sizing: border-box;
- padding: 0 15px;
position: relative;
color: white;
font-size: 12px;
@@ -362,20 +380,16 @@ onMounted(() => {
height: 100%;
width: 100%;
align-items: center;
- justify-content: space-between;
- padding: 0 20px;
+ justify-content: space-around;
}
}
}
.r {
- flex: 1;
+ width: 25vw;
height: 100%;
- background: url('/static/index/PTSP.png');
- // background-size: cover;
- background-size: 25vw 49vh;
- background-repeat: no-repeat;
+ position: relative;
.user {
box-sizing: border-box;
@@ -412,7 +426,7 @@ onMounted(() => {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
- padding: 10px;
+ // padding: 10px;
.storebox {
@@ -449,27 +463,28 @@ onMounted(() => {
}
.foot {
- // margin-top: 30px;
- height: 45vh;
+ margin-top: 1vh;
+ height: 46vh;
display: flex;
+ justify-content: space-between;
+
.foot-l {
- flex: 1;
+ width: 25vw;
height: 100%;
- background: url('/static/index/DDSJ.png');
- background-size: 25vw 45vh;
- background-repeat: no-repeat;
+ position: relative;
}
.c {
- flex: 2;
+ width: 48vw;
+ position: relative;
height: 100%;
- background: url('/static/index/CJYHTJ.png');
- background-size: 50vw 45vh;
- background-repeat: no-repeat;
+ box-sizing: border-box;
+ // background: url('');
+
.towns {
width: 50vw;
@@ -495,46 +510,16 @@ onMounted(() => {
}
.r {
- flex: 1;
+ width: 25vw;
height: 100%;
- background: url('/static/index/DRDD.png');
- background-size: 25vw 45vh;
- background-repeat: no-repeat;
+ position: relative;
+ // background: url('');
}
}
-.producta {
- width: 200px;
- height: 200px;
- background-color: black;
- border-radius: 10px;
- position: relative;
- overflow: hidden;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-}
-.producta::before {
- content: "";
- position: absolute;
- top: -100%;
- left: -100%;
- width: 200%;
- height: 200%;
- background: radial-gradient(circle, #ffffff 20%, rgba(255, 255, 255, 0) 70%);
- animation: shine 2s infinite;
-}
-
-@keyframes shine {
- 0% {
- transform: rotate(45deg) translate(-150%, -150%);
- }
-
- 100% {
- transform: rotate(45deg) translate(150%, 150%);
- }
-}
.progress-bar {
transform: translateY(12px);
diff --git a/src/view/option.js b/src/view/option.js
index 9f2be06..c6d87b8 100644
--- a/src/view/option.js
+++ b/src/view/option.js
@@ -237,11 +237,11 @@ const optins={
// data: ['访客人数','下单人数','支付人数']
},
- toolbox: {
- feature: {
- saveAsImage: {}
- }
- },
+ // toolbox: {
+ // feature: {
+ // saveAsImage: {}
+ // }
+ // },
grid: {
left: '3%',
right: '4%',
@@ -457,11 +457,11 @@ const optins={
// data: ['访客人数','下单人数','支付人数']
},
- toolbox: {
- feature: {
- saveAsImage: {}
- }
- },
+ // toolbox: {
+ // feature: {
+ // saveAsImage: {}
+ // }
+ // },
grid: {
left: '3%',
right: '4%',
diff --git a/src/view/order.vue b/src/view/order.vue
new file mode 100644
index 0000000..e93ac97
--- /dev/null
+++ b/src/view/order.vue
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/view/storeLogin.vue b/src/view/storeLogin.vue
new file mode 100644
index 0000000..610f914
--- /dev/null
+++ b/src/view/storeLogin.vue
@@ -0,0 +1,220 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/view/townDetail.vue b/src/view/townDetail.vue
index 01e794f..fce3e5f 100644
--- a/src/view/townDetail.vue
+++ b/src/view/townDetail.vue
@@ -79,7 +79,7 @@ const config3 = reactive({
oddRowBGC: "#001C2E",
evenRowBGC: "#001C2E",
columnWidth: [
- 40, 60, 70, 200, 60
+ 2, 3, 4, 10, 3
],
data: [
[
@@ -426,5 +426,4 @@ onMounted(() => {
background: linear-gradient(to right, #455CCC, #51C2E0);
transition: width 0.5s ease-in-out;
}
-
\ No newline at end of file
diff --git a/static/index/LOGO.png b/static/index/LOGO.png
new file mode 100644
index 0000000..c792e97
Binary files /dev/null and b/static/index/LOGO.png differ
diff --git a/static/storeLogin/SPFKPH.png b/static/storeLogin/SPFKPH.png
new file mode 100644
index 0000000..1f47462
Binary files /dev/null and b/static/storeLogin/SPFKPH.png differ
diff --git a/static/storeLogin/SPJGPH.png b/static/storeLogin/SPJGPH.png
new file mode 100644
index 0000000..6f1e4cb
Binary files /dev/null and b/static/storeLogin/SPJGPH.png differ
diff --git a/static/storeLogin/SPSL.png b/static/storeLogin/SPSL.png
new file mode 100644
index 0000000..7f4cbcd
Binary files /dev/null and b/static/storeLogin/SPSL.png differ
diff --git a/static/storeLogin/SPXSPH.png b/static/storeLogin/SPXSPH.png
new file mode 100644
index 0000000..c9ce322
Binary files /dev/null and b/static/storeLogin/SPXSPH.png differ
- 
+ 
- 
-
- 
- 
-
-
- 
- 
+ 
+
+ 
+