样式fix

src/App.vue

@@ -61,14 +61,18 @@ export default {
         (document.body.offsetWidth / designW) * font_rate + "px";
       document.getElementsByTagName("body")[0].style.fontSize =
         (document.body.offsetWidth / designW) * font_rate + "px";
-      // //监测窗口大小变化
+      //监测窗口大小变化
+      console.log(document.body.offsetWidth);
+      var that = this;
       window.addEventListener(
         "onorientationchange" in window ? "orientationchange" : "resize",
         function () {
+          setTimeout(() => {
             document.getElementsByTagName("html")[0].style.fontSize =
               (document.body.offsetWidth / designW) * font_rate + "px";
             document.getElementsByTagName("body")[0].style.fontSize =
               (document.body.offsetWidth / designW) * font_rate + "px";
+          }, 500);
         },
         false
       );
@@ -106,7 +110,7 @@ export default {
     if (isChrome) {
     }
     this.bodyScale();
-    this.getUserInfo();
+    // this.getUserInfo();
   },
   watch: {
     $route(to, from) {

src/components/common/DialogApiDataTable.vue

@@ -23,6 +23,7 @@
           :prop="column.prop"
           :align="column.align ? column.align : 'center'"
           :min-width="column.minWidth ? column.minWidth : ''"
+          :sortable="column.sortable"
         ></el-table-column>
         <!-- 自定义插槽 -->
         <el-table-column
@@ -32,6 +33,7 @@
           :prop="column.prop"
           :align="column.align ? column.align : 'center'"
           :min-width="column.minWidth ? column.minWidth : ''"
+          :sortable="column.sortable"
         >
           <template #default="scope">
             <slot :name="column.prop" :data="scope.row" />
@@ -167,5 +169,6 @@ export default {
   display: flex;
   flex-direction: column;
   height: 100%;
+  flex-grow: 1;
 }
 </style>
\ No newline at end of file

src/components/common/STable.vue

 <template>
   <div class="s-table">
     <div class="table-headers">
+      <div v-if="hasIndex" style="width: 0.4rem">序号</div>
+      <div style="width: calc(100% - 0.4rem); display: flex">
         <div
           v-for="(header, index) in headers"
           :key="index"
@@ -13,6 +15,7 @@
           {{ header.name }}
         </div>
       </div>
+    </div>
     <div
       class="table-data"
       v-infinite-scroll="load"
@@ -26,6 +29,10 @@
           v-for="(row, index) in tableData"
           :key="index"
         >
+          <div class="table-data-column" v-if="hasIndex" style="width: 0.4rem">
+            {{ index + 1 }}
+          </div>
+          <div style="width: calc(100% - 0.4rem); display: flex">
             <div
               v-for="(header, hIndex) in headers"
               :key="hIndex"
@@ -53,6 +60,7 @@
             </div>
           </div>
         </div>
+      </div>
       <div v-if="tableData.length == 0" class="no-data">
         <div class="inner">
           <img src="@/assets/images/index/no-data.png" alt="" />
@@ -82,6 +90,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    hasIndex: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {

src/components/common/STable2.vue

 <template>
   <div class="s-table">
     <div class="table-headers">
+      <div v-if="hasIndex" style="width: 0.4rem">序号</div>
+      <div style="width: calc(100% - 0.4rem); display: flex">
         <div
           v-for="(header, index) in headers"
           :key="index"
@@ -13,6 +15,7 @@
           {{ header.name }}
         </div>
       </div>
+    </div>
     <div
       class="table-data"
       v-infinite-scroll="load"
@@ -26,6 +29,10 @@
           v-for="(row, index) in tableData"
           :key="index"
         >
+          <div class="table-data-column" v-if="hasIndex" style="width: 0.4rem">
+            {{ index + 1 }}
+          </div>
+          <div style="width: calc(100% - 0.4rem); display: flex">
             <div
               v-for="(header, hIndex) in headers"
               :key="hIndex"
@@ -53,6 +60,7 @@
             </div>
           </div>
         </div>
+      </div>
 
       <div v-if="tableData.length == 0" class="no-data">
         <div class="inner">
@@ -83,6 +91,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    hasIndex: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {

src/views/DataStatis/Index.vue

@@ -79,7 +79,7 @@
             >
               {{ zljc_score }}
             </div>
-            <div class="label">质量检测</div>
+            <div class="label">工程质量</div>
           </div>
           <div class="points">
             <div
@@ -88,7 +88,7 @@
             >
               {{ score_count }}
             </div>
-            <div class="label">总得分</div>
+            <div class="label">区域总得分</div>
           </div>
         </div>
         <!-- <div class="switch-buttons">
@@ -195,12 +195,9 @@ export default {
           props: "project_name",
           width: "70%",
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
         },
         {
@@ -214,20 +211,29 @@ export default {
         {
           name: "工程名称",
           props: "project_name",
-          width: "70%",
+          width: "45%",
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
         },
         {
-          name: "质量评定得分",
+          name: "质量评定",
           props: "quality_score",
-          width: "30%",
+          width: "20%",
+          slot: "quality_score",
+        },
+        {
+          name: "质量检测",
+          props: "quality_score",
+          width: "20%",
+          slot: "quality_score",
+        },
+        {
+          name: "总得分",
+          props: "quality_score",
+          width: "15%",
           slot: "quality_score",
         },
       ],
@@ -237,12 +243,9 @@ export default {
           props: "project_name",
           width: "70%",
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
         },
         {
@@ -336,28 +339,25 @@ export default {
           props: "project_name",
           width: "40%",
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
         },
         {
-          name: "工程质量",
+          name: "政府监管",
           props: "project_num",
           width: "20%",
           slot: "project_num",
         },
         {
-          name: "质量评定",
+          name: "工程质量",
           props: "score",
           width: "20%",
           slot: "score",
         },
         {
-          name: "总得分",
+          name: "工程总得分",
           props: "score_count",
           width: "20%",
           slot: "score_count",
@@ -369,12 +369,9 @@ export default {
           props: "name",
           width: "calc(100% / 3)",
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
         },
         {
@@ -382,12 +379,9 @@ export default {
           props: "value1",
           width: "calc(100% / 3)",
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
           // headerStyle: {
           //   fontSize: "0.13rem",
@@ -407,12 +401,9 @@ export default {
           width: "70%",
 
           headerStyle: {
-            padding: "0 .2rem",
             textAlign: "left",
           },
-          style: {
-            padding: "0 .2rem",
-          },
+          style: {},
           align: "left",
         },
         {
@@ -450,24 +441,16 @@ export default {
           name: "工程名称",
           props: "project_name",
           width: "20%",
-          headerStyle: {
-            padding: "0 .2rem",
-          },
-          style: {
-            padding: "0 .2rem",
-          },
+          headerStyle: {},
+          style: {},
           align: "left",
         },
         {
           name: "标段名称",
           props: "prname",
           width: "15%",
-          headerStyle: {
-            padding: "0 .2rem",
-          },
-          style: {
-            padding: "0 .2rem",
-          },
+          headerStyle: {},
+          style: {},
           align: "left",
         },
         {
@@ -972,7 +955,6 @@ export default {
       echarts.registerMap(mapid, baseAreaJson);
       var outdata = []; //地图区域挂载数据
       mapData.forEach(function (item, index) {
-        console.log(item);
         outdata.push({
           name: item.name,
           id: item.id,
@@ -1085,7 +1067,7 @@ export default {
             },
             itemStyle: {
               normal: {
-                borderColor: "#2656bb",
+                borderColor: "#6b97f2",
                 borderWidth: 1,
                 color: "#032359",
                 areaColor: "#23366f",
@@ -1131,7 +1113,6 @@ export default {
             type: "scatter",
             coordinateSystem: "geo",
             symbol: (value, params) => {
-              console.log(value);
               if (value[2] < 80) {
                 return (
                   "image://" + require("@/assets/images/index/icon_hong.png")
@@ -1149,7 +1130,6 @@ export default {
             label: {
               position: "inside",
               formatter: function (params) {
-                console.log(params);
                 return `${params.data.name}\n${params.data.value[2]}分`;
               },
               show: true,
@@ -1164,8 +1144,11 @@ export default {
       };
       myChart.clear();
       myChart.setOption(option);
-      window.addEventListener("resize", function () {
-        myChart.resize();
+      window.addEventListener("resize", () => {
+        // myChart.resize();
+        setTimeout(() => {
+          this.initMap();
+        }, 500);
       });
       myChart.off().on("click", (params) => {
         if (maplevel == 1 && params.componentType === "series") {
@@ -1181,7 +1164,6 @@ export default {
             streetName = params.name.split("|")[0];
             areaGUID = params.name.split("|")[1];
           }
-          console.log(params);
           this.currentCityId = params.data.id;
           this.currentCityName = params.data.name;
           this.switchList(1);

src/views/DataStatis/project/CXCY.vue

@@ -4,12 +4,7 @@
       <el-form-item label="所在地区：">
         <el-select></el-select>
       </el-form-item>
-      <el-form-item label="政府监管：">
-        <el-select>
-          <el-option label="预警" value="1"></el-option>
-          <el-option label="正常" value="2"></el-option>
-        </el-select>
-      </el-form-item>
+
       <el-form-item label="工程名称：">
         <el-input></el-input>
       </el-form-item>
@@ -50,11 +45,16 @@ export default {
         {
           label: "工程名称",
           prop: "project_name",
-          minWidth: "600px",
+          minWidth: "300px",
           align: "left",
         },
         { label: "所属地区", prop: "city_name" },
-        { label: "创新创优得分", prop: "quality_score", hasSlot: true },
+        {
+          label: "创新创优得分",
+          prop: "quality_score",
+          hasSlot: true,
+          sortable: true,
+        },
       ],
       dateRange: [],
       data: [
@@ -157,7 +157,7 @@ export default {
 </script>
   <style lang="less" scoped>
 .search-form {
-  margin: 20px 0 10px 0;
+  margin: 20px 0 0px 0;
 }
 
 .blue {

src/views/DataStatis/project/GCZL.vue

@@ -4,24 +4,7 @@
       <el-form-item label="所在地区：">
         <el-select></el-select>
       </el-form-item>
-      <el-form-item label="质量检测：">
-        <el-select>
-          <el-option label="预警" value="1"></el-option>
-          <el-option label="正常" value="2"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="质量评定：">
-        <el-select>
-          <el-option label="预警" value="1"></el-option>
-          <el-option label="正常" value="2"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="工程整体：">
-        <el-select>
-          <el-option label="预警" value="1"></el-option>
-          <el-option label="正常" value="2"></el-option>
-        </el-select>
-      </el-form-item>
+
       <el-form-item label="工程名称：">
         <el-input></el-input>
       </el-form-item>
@@ -67,12 +50,28 @@ export default {
         {
           label: "工程名称",
           prop: "project_name",
-          minWidth: "600px",
+          minWidth: "300px",
           align: "left",
         },
         { label: "所属地区", prop: "city_name" },
-        { label: "质量检测得分", prop: "quality_score", hasSlot: true },
-        { label: "质量评定得分", prop: "quality_score2", hasSlot: true },
+        {
+          label: "质量检测得分",
+          prop: "quality_score",
+          hasSlot: true,
+          sortable: true,
+        },
+        {
+          label: "质量评定得分",
+          prop: "quality_score2",
+          hasSlot: true,
+          sortable: true,
+        },
+        {
+          label: "总得分",
+          prop: "quality_score2",
+          hasSlot: true,
+          sortable: true,
+        },
       ],
       dateRange: [],
       // api: getWarningList,
@@ -175,7 +174,7 @@ export default {
 </script>
   <style lang="less" scoped>
 .search-form {
-  margin: 20px 0 10px 0;
+  margin: 20px 0 0px 0;
 }
 
 .blue {

src/views/DataStatis/project/ProjectDetail.vue

@@ -4,12 +4,7 @@
       <el-form-item label="所在地区：">
         <el-select></el-select>
       </el-form-item>
-      <el-form-item label="工程整体：">
-        <el-select>
-          <el-option label="预警" value="1"></el-option>
-          <el-option label="正常" value="2"></el-option>
-        </el-select>
-      </el-form-item>
+
       <el-form-item label="工程名称：">
         <el-input></el-input>
       </el-form-item>
@@ -70,15 +65,40 @@ export default {
         {
           label: "工程名称",
           prop: "project_name",
-          minWidth: "350px",
+          minWidth: "220px",
           align: "left",
         },
         { label: "所属地区", prop: "city_name" },
-        { label: "政府监管得分", prop: "quality_score", hasSlot: true },
-        { label: "质量检测得分", prop: "quality_score1", hasSlot: true },
-        { label: "质量评定得分", prop: "quality_score2", hasSlot: true },
-        { label: "创新创优得分", prop: "quality_score3", hasSlot: true },
-        { label: "整体得分", prop: "quality_score4", hasSlot: true },
+        {
+          label: "政府监管得分",
+          prop: "quality_score",
+          hasSlot: true,
+          sortable: true,
+        },
+        {
+          label: "质量检测得分",
+          prop: "quality_score1",
+          hasSlot: true,
+          sortable: true,
+        },
+        {
+          label: "质量评定得分",
+          prop: "quality_score2",
+          hasSlot: true,
+          sortable: true,
+        },
+        {
+          label: "创新创优得分",
+          prop: "quality_score3",
+          hasSlot: true,
+          sortable: true,
+        },
+        {
+          label: "整体得分",
+          prop: "quality_score4",
+          hasSlot: true,
+          sortable: true,
+        },
       ],
       dateRange: [],
       data: [
@@ -231,7 +251,7 @@ export default {
 </script>
   <style lang="less" scoped>
 .search-form {
-  margin: 20px 0 10px 0;
+  margin: 20px 0 0px 0;
 }
 
 .blue {

src/views/DataStatis/project/ZFJG.vue

@@ -4,12 +4,7 @@
       <el-form-item label="所在地区：">
         <el-select></el-select>
       </el-form-item>
-      <el-form-item label="政府监管：">
-        <el-select>
-          <el-option label="预警" value="1"></el-option>
-          <el-option label="正常" value="2"></el-option>
-        </el-select>
-      </el-form-item>
+
       <el-form-item label="工程名称：">
         <el-input></el-input>
       </el-form-item>
@@ -51,11 +46,16 @@ export default {
         {
           label: "工程名称",
           prop: "project_name",
-          minWidth: "600px",
+          minWidth: "300px",
           align: "left",
         },
         { label: "所属地区", prop: "city_name" },
-        { label: "政府监管得分", prop: "quality_score", hasSlot: true },
+        {
+          label: "政府监管得分",
+          prop: "quality_score",
+          hasSlot: true,
+          sortable: true,
+        },
       ],
       dateRange: [],
       data: [
@@ -145,7 +145,7 @@ export default {
 </script>
   <style lang="less" scoped>
 .search-form {
-  margin: 20px 0 10px 0;
+  margin: 20px 0 0px 0;
 }
 
 .blue {