样式调整

@@ -33,6 +33,21 @@
               axisPointer: {
                 type: "shadow",
               },
+              formatter: function (params) {
+                console.log("params222", params);
+                let html = "";
+                params.forEach((v) => {
+                  html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
+                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params[v.componentIndex].color
+                    };"></span>
+                ${v.seriesName}.${v.name}
+                <span style="color:blue;font-weight:700;font-size: 18px">${v.value}</span>
+                个`;
+                });
+                return html;
+              },
+              extraCssText:
+                "background: #85a2eb; border-radius: 2;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
             },
             grid: {
               left: "5%",

@@ -41,7 +41,18 @@
             ],
             tooltip: {
               trigger: "item",
-              formatter: "<br/>{b} : {c} ({d}%)",
+              formatter: function (params) {
+                console.log("params11", params);
+                let html = "";
+                html += `<div style="font-size: 14px;line-height: 24px >
+                <span style="display:inline-block;"></span>
+                ${params.name}
+                <span style="color:blue;font-weight:700;font-size: 18px">${params.value}</span>
+                个`;
+                return html;
+              },
+              extraCssText:
+                "background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
             },
             series: [
               {

@@ -329,6 +329,7 @@ table td {
   padding-top: 13px;
   padding-bottom: 13px;
   border: none;
+
   margin-top: 5px !important;
 
   table {
@@ -395,12 +396,17 @@ table td {
   .el-date-table td span {
     color: #DBFAFF
   }
-
+  .el-date-table td span:hover {
+    background-color: #074487;
+    border: 1px solid #02D9FD;
+    color: #02D9FD
+  }
   .el-date-table td.current:not(.disabled) span {
     background-color: #074487;
     //  border:1px solid saddlebrown;
     box-shadow: inset 0 0 7px #02D9FD;
     border: 1px solid #02D9FD;
+    color: #02D9FD
   }
 
 }
@@ -504,7 +510,7 @@ table td {
   height: 26px;
   line-height: 26px;
   background-size: 100% 100%;
-  margin-bottom: 7px;
+  margin-bottom: 12px;
   color: #02D9FD !important;
 }
 
@@ -571,4 +577,8 @@ table td {
   background-origin: initial;
   background-clip: initial;
   background-color: rgb(80, 142, 235);
-}
\ No newline at end of file
+}
+// 下拉框
+.el-menu--popup{
+  padding-top: 20px;
+}

@@ -137,7 +137,8 @@ ul li {
 }
 
 .mb-5 {
-  margin-bottom: 5px;
+  margin-bottom: 10px!important;
+  margin-top: 10px!important;
 }
 
 .pr-5 {
@@ -149,7 +150,8 @@ ul li {
 }
 
 .mt-10 {
-  margin-top: 10px;
+  margin-top: 20px!important;
+  margin-bottom: 5px!important;
 }
 
 //flex 公共样式

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="5">
             <el-form-item label="行政区" label-width="80px">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区" label-width="80px">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="5">
             <el-form-item label="行政区" label-width="80px">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
@@ -81,84 +81,84 @@
 </template>
 
 <script>
-// 地役权登记
-import data from "./data"
-import qlfQlDyiq from '@/api/qlfQlDyiq'
-import tableMixin from '@/mixins/tableMixin.js'
-import treeSelect from '@/components/TreeSelect.vue'
-export default {
-  name: "dyiq",
-  mixins: [tableMixin],
-  components: {
-    treeSelect
-  },
-  data () {
-    return {
-      form: {
-        XZQDM: '',
-        QSZT: '',
-        ZL: '',
-        BDCQZH: '',
-        QLR: '',
-        BDCDYH: '',
-        // 供役地不动产单元号
-        GYDBDCDYH: '',
-        // 需役地不动产单元号
-        XYDBDCDYH: '',
-        currentPage: 1
-      },
-      tableData: {
-        columns: [{
-          label: '序号',
-          type: 'index',
-          width: '50',
-          index: this.indexMethod,
-        }].concat(data.columns()).concat([
-          {
-            label: "操作",
-            width: 80,
-            render: (h, scope) => {
-              return (
-                <div>
-                  <el-button
-                    type="text"
-                    class='btnColor'
-                    onClick={() => { this.handleEdit(scope.row) }}
-                  >
-                    详情
-                  </el-button>
-                </div>
-              )
+  // 地役权登记
+  import data from "./data"
+  import qlfQlDyiq from '@/api/qlfQlDyiq'
+  import tableMixin from '@/mixins/tableMixin.js'
+  import treeSelect from '@/components/TreeSelect.vue'
+  export default {
+    name: "dyiq",
+    mixins: [tableMixin],
+    components: {
+      treeSelect
+    },
+    data () {
+      return {
+        form: {
+          XZQDM: '',
+          QSZT: '',
+          ZL: '',
+          BDCQZH: '',
+          QLR: '',
+          BDCDYH: '',
+          // 供役地不动产单元号
+          GYDBDCDYH: '',
+          // 需役地不动产单元号
+          XYDBDCDYH: '',
+          currentPage: 1
+        },
+        tableData: {
+          columns: [{
+            label: '序号',
+            type: 'index',
+            width: '50',
+            index: this.indexMethod,
+          }].concat(data.columns()).concat([
+            {
+              label: "操作",
+              width: 80,
+              render: (h, scope) => {
+                return (
+                  <div>
+                    <el-button
+                      type="text"
+                      class='btnColor'
+                      onClick={() => { this.handleEdit(scope.row) }}
+                    >
+                      详情
+                    </el-button>
+                  </div>
+                )
+              }
             }
-          }
-        ]),
-        data: []
-      },
-      pageData: {
-        total: 0,
-        pageSize: 15,
-        current: 1,
+          ]),
+          data: []
+        },
+        pageData: {
+          total: 0,
+          pageSize: 15,
+          current: 1,
+        }
       }
-    }
-  },
-  methods: {
-    async featchData () {
-      try {
-        this.form = Object.assign(this.form, this.formData)
-        let { result: { list, total, pages: pageSize, pageNum: current }
-        } = await qlfQlDyiq.getQlfQlDyiqList(this.form)
-        this.tableData.data = list
-        this.pageData = {
-          pageSize,
-          current,
-          total
+    },
+    methods: {
+      async featchData () {
+        try {
+          this.form = Object.assign(this.form, this.formData)
+          let { result: { list, total, pages: pageSize, pageNum: current }
+          } = await qlfQlDyiq.getQlfQlDyiqList(this.form)
+          this.tableData.data = list
+          this.pageData = {
+            pageSize,
+            current,
+            total
+          }
+        } catch (error) {
         }
-      } catch (error) {
       }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-// @import "~@/styles/public.scss";
+  // @import "~@/styles/public.scss";
 </style>

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="5">
             <el-form-item label="业务号">
               <el-input v-model="form.YWH" clearable placeholder="业务号"></el-input>

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -6,7 +6,7 @@
           <Breadcrumb />
         </el-form-item>
         <el-row>
-          <el-col :span="6">
+          <el-col :span="6" class="mb-5">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
                 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -6,7 +6,7 @@
           <Breadcrumb />
         </el-form-item>
         <el-row>
-          <el-col :span="6">
+          <el-col :span="6" class="mb-5">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
                 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区" label-width="106px">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">

@@ -6,7 +6,7 @@
           <Breadcrumb />
         </el-form-item>
         <el-row>
-          <el-col :span="5">
+          <el-col :span="5" class="mb-5">
             <el-form-item label="行政区" label-width="80px">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
                 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">

@@ -5,7 +5,7 @@
         <el-form-item>
           <Breadcrumb />
         </el-form-item>
-        <el-row>
+        <el-row class="mb-5">
           <el-col :span="6">
             <el-form-item label="行政区">
               <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">