SYZHZL-Ⅷ-3 / SYZHZL-Ⅷ -6优化问题解决

src/components/Bookmark/Bookmark.vue

@@ -1,67 +1,72 @@
 <template>
-  <div class="sm-panel sm-function-module-content" v-if="BookmarkShow" v-drag>
+  <div class="sm-panel ghzc" style="height: auto;" v-if="BookmarkShow" v-drag>
     <div class="sm-panel-header">
       <span>{{ Resource.BookMark }}</span>
       <span class="closeBtn" @click="toggleVisibility">&times;</span>
     </div>
-    <div class="flexbox">
-      <el-input
-        placeholder="请输入查询关键字"
-        prefix-icon="el-icon-search"
-        v-model="bookmarkSearchText"
-        size="small"
-      >
-      </el-input>
-      <el-button
-        @click="dialogVisible = true"
-        type="primary"
-        size="small"
-        style="margin-left: 5px"
-        >添加</el-button
-      >
-      <el-button
-        @click="clear"
-        type="primary"
-        size="small"
-        style="margin-left: 5px"
-        >清除</el-button
-      >
-    </div>
-    <div class="flexbox" style="height: 260px; width: 100%">
-      <el-table
-        :show-header="false"
-        :data="tableData"
-        height="260"
-        border
-        style="width: 100%"
-        @row-click="handleRowClick"
-      >
-        <el-table-column prop="name" label="名称" width="230">
-        </el-table-column>
-        <el-table-column fixed="right" label="操作" width="80">
-          <template slot-scope="scope">
-            <el-button
-              @click.stop="handleClickDel(scope.row)"
-              type="primary"
-              size="small"
-              >删除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handlePageChange"
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="size"
-        layout="total, sizes, prev, next"
-        :total="total"
-      >
-      </el-pagination>
+    <div class="sm-function-module-content">
+      <div class="flexbox">
+        <el-input
+          placeholder="请输入查询关键字"
+          prefix-icon="el-icon-search"
+          v-model="bookmarkSearchText"
+          size="small"
+        >
+        </el-input>
+        <el-button
+          @click="dialogVisible = true"
+          type="primary"
+          size="small"
+          style="margin-left: 5px"
+          >添加</el-button
+        >
+        <el-button
+          @click="clear"
+          type="primary"
+          size="small"
+          style="margin-left: 5px"
+          >清除</el-button
+        >
+      </div>
+      <div class="flexbox" style="height: 260px; width: 100%">
+        <el-table
+          :show-header="false"
+          :data="tableData"
+          height="260"
+          border
+          style="width: 100%"
+          @row-click="handleRowClick"
+        >
+          <el-table-column prop="name" label="名称" width="230">
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="80">
+            <template slot-scope="scope">
+              <el-button
+                @click.stop="handleClickDel(scope.row)"
+                type="primary"
+                size="small"
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="pagination">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handlePageChange"
+          :current-page="page"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="size"
+          layout="total, sizes, prev, next"
+          :total="total"
+        >
+
+        
+        </el-pagination>
+      </div>
     </div>
+
     <el-dialog
       title="书签信息"
       :visible.sync="dialogVisible"
@@ -77,7 +82,9 @@
         <el-button type="primary" size="mini" @click="onSubmit('form')"
           >保存</el-button
         >
-        <el-button size="mini" @click="closeBook('form')">取消</el-button>
+        <el-button type="primary" size="mini" @click="closeBook('form')"
+          >取消</el-button
+        >
       </el-form>
     </el-dialog>
   </div>
@@ -252,7 +259,8 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style lang="scss" scoped>
+@import "../../views/complianceAnalysis/ghzc.scss";
 .el-input__inner {
   color: black !important;
 }

src/components/Query/PlacenameLocation/PlacenameLocation.vue

@@ -1,63 +1,70 @@
 <template>
-  <div class="sm-panel sm-function-module-content" v-if="PlacenameLocationShow" v-drag>
+  <div
+    class="sm-panel ghzc"
+    style="height: auto"
+    v-if="PlacenameLocationShow"
+    v-drag
+  >
     <div class="sm-panel-header">
       <span>{{ Resource.PlacenameLocation }}</span>
       <span class="closeBtn" @click="toggleVisibility">&times;</span>
     </div>
-    <div class="flexbox">
-      <el-input
-        placeholder="请输入查询关键字"
-        prefix-icon="el-icon-search"
-        v-model="poiSearchText"
-        size="small"
-      >
-      </el-input>
-      <el-button
-        @click="clear"
-        type="primary"
-        size="small"
-        style="margin-left: 5px"
-        >清除</el-button
-      >
-    </div>
-    <div class="flexbox" style="height: 260px; width: 100%">
-      <el-table
-        :show-header="false"
-        :data="tableData"
-        height="260"
-        border
-        style="width: 100%"
-        @row-click="handleRowClick"
-      >
-        <el-table-column prop="name" label="兴趣点" width="310">
-        </el-table-column>
-        <el-table-column prop="address" label="地址" width="180" v-if="false">
-        </el-table-column>
-        <el-table-column
-          prop="x"
-          label="经度"
-          width="180"
-          v-if="false"
-        ></el-table-column>
-        <el-table-column
-          prop="y"
-          label="纬度"
-          width="180"
-          v-if="false"
-        ></el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handlePageChange"
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="size"
-        layout="total, sizes, prev, next"
-        :total="total"
-      >
-      </el-pagination>
+    <div class="sm-function-module-content">
+      <div class="flexbox">
+        <el-input
+          placeholder="请输入查询关键字"
+          prefix-icon="el-icon-search"
+          v-model="poiSearchText"
+          size="small"
+        >
+        </el-input>
+        <el-button
+          @click="clear"
+          type="primary"
+          size="small"
+          style="margin-left: 5px"
+          >清除</el-button
+        >
+      </div>
+      <div class="flexbox" style="height: 260px; width: 100%">
+        <el-table
+          :show-header="false"
+          :data="tableData"
+          height="260"
+          border
+          style="width: 100%"
+          @row-click="handleRowClick"
+        >
+          <el-table-column prop="name" label="兴趣点" width="310">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" width="180" v-if="false">
+          </el-table-column>
+          <el-table-column
+            prop="x"
+            label="经度"
+            width="180"
+            v-if="false"
+          ></el-table-column>
+          <el-table-column
+            prop="y"
+            label="纬度"
+            width="180"
+            v-if="false"
+          ></el-table-column>
+        </el-table>
+      </div>
+      <div class="pagination">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handlePageChange"
+          :current-page="page"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="size"
+          layout="total, sizes, prev, next"
+          :total="total"
+        >
+        </el-pagination>
+      </div>
     </div>
   </div>
 </template>
@@ -136,9 +143,7 @@ export default {
         name: "Mapimage" + row.x + row.y,
       });
     },
-    /**
-     * 飞行定位
-     * @param {{destination:object,orientation:object|undefined}} param0
+    /**+
      * @param {boolean} isLonLat -是否是经纬度坐标
      */
     flyTo({ destination, orientation }, isLonLat = false) {
@@ -163,3 +168,6 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "../../../views/complianceAnalysis/ghzc.scss";
+</style>

src/views/complianceAnalysis/ghzc.scss

@@ -594,4 +594,23 @@
         background: rgba(75, 185, 250, 0.2);
         color: #fff;
     }
+}
+
+.el-button--primary {
+    background: linear-gradient(270deg, rgba(13, 130, 254, 0.2), rgba(113, 242, 252, 0.2));
+    border-radius: 2px 2px 2px 2px;
+    border: none;
+    height: 31px;
+    // background-color: #3f94f53f;
+    // border: 1px solid #3F93F5;
+    // color: #B6E0FF;
+    // &:hover {
+    //     font-weight: bold;
+    //     /* 背景渐变（透明度 0.8） */
+    //     background: linear-gradient(270deg,
+    //             rgba(14, 16, 53, 0),
+    //             rgba(113, 242, 252, 0.104),
+    //             rgba(113, 242, 252, 0.24),
+    //             rgba(113, 242, 252, 0.32));
+    // }
 }