弹窗大小调整及echarst添加提示

guanqb

2022-10-27 cb0c9a4155b0de73f67ee13146c907e874987bd7

弹窗大小调整及echarst添加提示

 src/styles/base/index.css

@@ -116,8 +116,8 @@
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  width: 750px;
  height: 580px;
  width: 1000px;
  height: 600px;
  top: 50%;
  left: 50% !important;
  transform: translate(-50%, -50%);
@@ -146,8 +146,8 @@
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  width: 800px;
  height: 500px;
  width: 1000px;
  height: 700px;
  top: 50%;
  left: 50% !important;
  transform: translate(-50%, -50%);

 src/styles/base/index.min.css

@@ -1 +1 @@
*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:rgba(7,22,37,0.8) rgba(216,216,216,0.2);scrollbar-width:thin}html,body{width:100%;height:100%}ul li{list-style:none}.deblurring{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}::-webkit-scrollbar{width:6px;height:6px;background-color:none}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(7,22,37,0.8);padding-left:2px;padding-right:2px}::-webkit-scrollbar-track{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(7,22,37,0.8)}:not(select)::-webkit-scrollbar{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:hover{background-color:rgba(7,22,37,0.8)}.car-video-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:720px;height:480px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.car-video-box .el-dialog .el-dialog__body{flex:1}.police-affairs-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:540px;height:420px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.police-affairs-details-box .el-dialog .el-dialog__body{flex:1}.resident-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.resident-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;height:220px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.equiment-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:750px;height:580px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.equiment-details-box .el-dialog .el-dialog__body{flex:1}.land-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:630px;height:300px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.land-details-box .el-dialog .el-dialog__body{flex:1}.keyPerson-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:800px;height:500px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.keyPerson-details-box .el-dialog .el-dialog__body{flex:1}
*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:rgba(7,22,37,0.8) rgba(216,216,216,0.2);scrollbar-width:thin}html,body{width:100%;height:100%}ul li{list-style:none}.deblurring{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}::-webkit-scrollbar{width:6px;height:6px;background-color:none}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(7,22,37,0.8);padding-left:2px;padding-right:2px}::-webkit-scrollbar-track{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(7,22,37,0.8)}:not(select)::-webkit-scrollbar{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:hover{background-color:rgba(7,22,37,0.8)}.car-video-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:720px;height:480px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.car-video-box .el-dialog .el-dialog__body{flex:1}.police-affairs-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:540px;height:420px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.police-affairs-details-box .el-dialog .el-dialog__body{flex:1}.resident-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.resident-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;height:220px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.equiment-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:600px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.equiment-details-box .el-dialog .el-dialog__body{flex:1}.land-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:630px;height:300px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.land-details-box .el-dialog .el-dialog__body{flex:1}.keyPerson-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:700px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.keyPerson-details-box .el-dialog .el-dialog__body{flex:1}

 src/styles/base/index.scss

@@ -128,8 +128,8 @@
            margin: 0 !important;
            display: flex;
            flex-direction: column;
            width: 750px;
            height: 580px;
            width: 1000px;
            height: 600px;
            top: 50%;
            left: 50% !important;
            transform: translate(-50%, -50%);
@@ -161,8 +161,8 @@
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        width: 800px;
        height: 500px;
        width: 1000px;
        height: 700px;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);

 src/views/home/components/leftContainer.vue

@@ -178,6 +178,9 @@

        initPersonOptions (xDate, yDate) {
            return {
                tooltip: {
                    trigger: 'item'
                },
                xAxis: {
                    type: 'category',
                    data: xDate,
@@ -259,7 +262,9 @@

        initHouseOptions (xDate, y1Date, y2Date) {
            return {

                tooltip: {
                    trigger: 'item'
                },
                color: ['#2967c4', '#112d54'],
                xAxis: {
                    type: 'value',
@@ -349,6 +354,9 @@

        initLandOptions (xDate, yDate) {
            return {
                tooltip: {
                    trigger: 'item'
                },
                xAxis: {
                    type: 'category',
                    data: xDate,

 src/views/home/components/rightContainer.vue

@@ -216,6 +216,9 @@
            var option

            option = {
                tooltip: {
                    trigger: 'item'
                },
                xAxis: {
                    type: 'category',
                    data: ['3-26', '3-27', '3-28', '3-29', '3-30', '3-31', '4-1'],

 src/views/home/index.vue

@@ -244,43 +244,21 @@
                                :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                                :row-class-name="tableRowClassName"
                            >
                                <el-table-column
                                    prop="carID"
                                    label="车牌号"
                                    width="100"
                                    v-if="carArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="carType"
                                    label="车型"
                                    width="100"
                                    v-if="carArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="phoneID"
                                    label="手台号"
                                    width="130"
                                    v-if="phoneArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="phoneType"
                                    label="手台机型"
                                    width="100"
                                    v-if="phoneArrShow"
                                ></el-table-column>
                                <el-table-column prop="carID" label="车牌号" v-if="carArrShow"></el-table-column>
                                <el-table-column prop="carType" label="车型" v-if="carArrShow"></el-table-column>
                                <el-table-column prop="phoneID" label="手台号" v-if="phoneArrShow"></el-table-column>
                                <el-table-column prop="phoneType" label="手台机型" v-if="phoneArrShow"></el-table-column>
                                <el-table-column
                                    prop="recorderID"
                                    label="执法记录仪号"
                                    width="130"
                                    v-if="recorderArrShow"
                                ></el-table-column>
                                <el-table-column
                                    prop="recorderType"
                                    label="记录仪机型"
                                    width="100"
                                    v-if="recorderArrShow"
                                ></el-table-column>
                                <el-table-column prop="policeStation" label="所属派出所" width="100"></el-table-column>
                                <el-table-column prop="policeStation" label="所属派出所"></el-table-column>
                                <el-table-column prop="area" label="所属责任区"></el-table-column>
                            </el-table>
                            <div class="pages">
@@ -336,13 +314,13 @@
                :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                :cell-style="{'text-align':'center','borderColor':'#324e75', 'cursor':'pointer'}"
            >
                <el-table-column prop="type" label="重点人员类型" width="150"></el-table-column>
                <el-table-column prop="name" label="姓名" width="100"></el-table-column>
                <el-table-column prop="sex" label="性别" width="100"></el-table-column>
                <el-table-column prop="address" label="地址" width="100"></el-table-column>
                <el-table-column prop="phone" label="电话" width="130"></el-table-column>
                <el-table-column prop="policeStation" label="所属派出所" width="100"></el-table-column>
                <el-table-column prop="housingEastate" label="所属责任区" width="100"></el-table-column>
                <el-table-column prop="type" label="重点人员类型"></el-table-column>
                <el-table-column prop="name" label="姓名"></el-table-column>
                <el-table-column prop="sex" label="性别"></el-table-column>
                <el-table-column prop="address" label="地址"></el-table-column>
                <el-table-column prop="phone" label="电话"></el-table-column>
                <el-table-column prop="policeStation" label="所属派出所"></el-table-column>
                <el-table-column prop="housingEastate" label="所属责任区"></el-table-column>
            </el-table>
        </el-dialog>
    </div>