guanqb
2022-12-29 3ffce3b453542698620ab7b8088e4d2809365b40
Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
2 files modified
144 ■■■■ changed files
src/App.vue 4 ●●●● patch | view | raw | blame | history
src/styles/media/index.scss 140 ●●●● patch | view | raw | blame | history
src/App.vue
@@ -2,14 +2,14 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 15:58:10
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-28 08:56:50
 * @LastEditTime: 2022-12-28 16:34:58
 * @FilePath: \srs-police-affairs\src\App.vue
 * @Description: app.vue
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
-->
<template>
    <div id="app">
    <div id="app" :style="{ width: currentWidth, height: currentHeight }">
        <router-view></router-view>
    </div>
</template>
src/styles/media/index.scss
@@ -5,12 +5,10 @@
        font-size: countSizeVh(16) !important;
        #app {
            width: 100vw;
            height: 100vh;
            .wrapper {
                width: 100vw;
                height: 100vh;
                height: 100%;
                .main-header {
                    width: 100vw;
@@ -1934,17 +1932,19 @@
                            font-size: countSizeVh(18);
                            right: countSizeVw(10, 1920);
                        }
                          .el-dialog {
                             width: countSizeVw(320, 1920);
                             height: countSizeVh(200);
                           }
                          .el-dialog .el-dialog__body .el-button {
                             width: countSizeVw(60, 1920);
                             height: countSizeVh(30);
                             margin-top: countSizeVh(40);
                          }
                      }
                        .el-dialog {
                            width: countSizeVw(320, 1920);
                            height: countSizeVh(200);
                        }
                        .el-dialog .el-dialog__body .el-button {
                            width: countSizeVw(60, 1920);
                            height: countSizeVh(30);
                            margin-top: countSizeVh(40);
                        }
                    }
                }
                .flexible-btn {
@@ -2120,73 +2120,71 @@
            }
            #divFormsDomBox {
                width: countSizeVw(280,1920);
                width: countSizeVw(280, 1920);
                height: countSizeVh(360);
                .title {
                    height: countSizeVh(40);
                    line-height: countSizeVh(42);
                    background-image: linear-gradient(
                        135deg,
                        transparent countSizeVh(25),
                        #29baf1 countSizeVh(25)
                    );
                    background-image: linear-gradient(135deg,
                            transparent countSizeVh(25),
                            #29baf1 countSizeVh(25));
                    .close {
                        right: countSizeVh(5);
                        top: countSizeVh(-2);
                    }
                    .close::before {
                        font-size: countSizeVh(16);
                    }
                }
                .item {
                    width: calc(100% - 20px);
                    height: countSizeVh(30);
                    line-height: countSizeVh(30);
                    margin: 0 countSizeVw(10,1920);
                    & > div:first-child {
                        width: countSizeVw(100,1920);
                        margin-right: countSizeVw(20,1920);
                    margin: 0 countSizeVw(10, 1920);
                    &>div:first-child {
                        width: countSizeVw(100, 1920);
                        margin-right: countSizeVw(20, 1920);
                    }
                    & > div:nth-of-type(2) {
                        width: calc(100% - countSizeVw(120,1920));
                    &>div:nth-of-type(2) {
                        width: calc(100% - countSizeVw(120, 1920));
                    }
                }
                .divForms .arrow {
                    width: countSizeVw(24,1920);
                    width: countSizeVw(24, 1920);
                    height: countSizeVh(2);
                    transform: rotate(-45deg) translate(countSizeVh(5), countSizeVh(-15));
                }
                .divForms-theme .area {
                    background-image: linear-gradient(
                            135deg,
                            transparent countSizeVw(30,1920),
                            #1831a79a countSizeVw(30,1920),
                    background-image: linear-gradient(135deg,
                            transparent countSizeVw(30, 1920),
                            #1831a79a countSizeVw(30, 1920),
                            #3f487ba6 50%,
                            transparent 50%
                        ),
                        linear-gradient(
                            -45deg,
                            transparent countSizeVw(30,1920),
                            #1831a79a countSizeVw(30,1920),
                            transparent 50%),
                        linear-gradient(-45deg,
                            transparent countSizeVw(30, 1920),
                            #1831a79a countSizeVw(30, 1920),
                            #3f487ba6 50.1%,
                            transparent 50%
                        );
                            transparent 50%);
                }
                .divForms .area {
                    // min-width: countSizeVw(320,1920);
                    min-width: countSizeVw(260,1920);
                    min-width: countSizeVw(260, 1920);
                }
                .divForms-wrap {
                    padding: countSizeVh(30);
                }
                .divForms-theme .b-b,
                .divForms-theme .b-b-r,
                .divForms-theme .b-l,
@@ -2195,63 +2193,61 @@
                .divForms-theme .b-t-l {
                    box-shadow: 0 0 countSizeVh(10) countSizeVh(2) #1831a7;
                }
                .divForms .b-t {
                    left: countSizeVh(84);
                    height: countSizeVh(1);
                }
                .divForms .b-r {
                    bottom: countSizeVh(84);
                    width: countSizeVh(1);
                }
                .divForms .b-l {
                    top: countSizeVh(84);
                    width: countSizeVh(1);
                }
                .divForms .b-b {
                    right: countSizeVh(84);
                    height: countSizeVh(1);
                }
                .divForms .b-b-r {
                    width: countSizeVw(1,1920);
                    width: countSizeVw(1, 1920);
                    height: countSizeVh(150);
                    transform: rotate(45deg) translate(-52px, 22px);
                }
                .divForms .b-t-l {
                    width: countSizeVw(1,1920);
                    width: countSizeVw(1, 1920);
                    height: countSizeVh(62);
                    transform: rotate(45deg) translate(countSizeVw(52,1920), countSizeVw(-22,1920));
                    transform: rotate(45deg) translate(countSizeVw(52, 1920), countSizeVw(-22, 1920));
                }
                .divForms .label-wrap {
                    padding: 0 countSizeVw(12,1920);
                    padding: 0 countSizeVw(12, 1920);
                    font-size: countSizeVh(16);
                }
                .divForms-theme .title {
                    background-image: linear-gradient(
                        135deg,
                        transparent countSizeVw(25,1920),
                        #1c309e9a countSizeVw(25,1920)
                    );
                    background-image: linear-gradient(135deg,
                            transparent countSizeVw(25, 1920),
                            #1c309e9a countSizeVw(25, 1920));
                }
                .divForms .title {
                    margin-top: countSizeVh(20);
                    padding: 0 countSizeVh(12) 0 countSizeVw(30,1920);
                    padding: 0 countSizeVh(12) 0 countSizeVw(30, 1920);
                    height: countSizeVh(36);
                    line-height: countSizeVh(36);
                }
                .divForms .label-content {
                    padding: countSizeVh(4) 0;
                }
                .divForms .title::before {
                    bottom: countSizeVh(-4);
                    height: countSizeVh(2);
@@ -2291,7 +2287,7 @@
        }
        .el-date-range-picker.has-sidebar {
            width: countSizeVw(756, 1920)!important;
            width: countSizeVw(756, 1920) !important;
        }
        .el-picker-panel .el-date-range-picker__header button {
@@ -2377,12 +2373,10 @@
        font-size: countSizeVh(16) !important;
        #app {
            width: 100vw;
            height: 100vh;
            .wrapper {
                width: 100vw;
                height: 100vh;
                height: 100%;
                .main-header {
                    width: 100vw;