修改一张图地块详情展示样式

src/components/OneMap/widgets/QueryInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style='z-index: 999' v-if='value && data.length>0' class='detail' :style='leftStyle'
+  <div style='z-index: 999' v-if='value && data.length>0' class='detail'
        v-drag='`.detail .ant-card-head`'>
     <a-card :title='title'>
       <a-icon slot='extra' class='panelClose' type='close' @click="$emit('input',false)" />
@@ -66,15 +66,20 @@
             {{ item.val }}
           </a-descriptions-item>
         </a-descriptions>
-
         <div class="separator">
           <h4><b>照片信息</b></h4>
         </div>
-        <a-descriptions :column="1" :bordered="true" class="description-group">
-          <a-descriptions-item :label=image>
-            <ImagesView :image-list='images'></ImagesView>
-          </a-descriptions-item>
-        </a-descriptions>
+        <div>
+          <ImagesView :image-list='images'></ImagesView>
+        </div>
+<!--        <a-descriptions :column="1" :bordered="true" class="description-group">-->
+<!--          <a-descriptions-item :label=image>-->
+<!--            <ImagesView :image-list='images'></ImagesView>-->
+<!--          </a-descriptions-item>-->
+<!--        </a-descriptions>-->
+<!--        <div style="height: 10px;width: 100%;background-color: #ABDBF3" >-->
+
+<!--        </div>-->
       </div>
 
 <!--      <a-descriptions bordered :column='2'>-->
@@ -303,14 +308,15 @@ export default {
 .detail {
   display: flex;
   position: fixed;
-  top: 210px;
-  right: 30%;
+  top: calc(50% - 300px);
+  right: calc(50% - 540px);
+  user-select: none;
 }
 
 .detail .ant-card-body {
   padding: 4px;
-  width: 1080px;
-  max-height: 720px;
+  width: calc(100% - 0px);
+  max-height: 600px;
   overflow-y: auto;
   /*  box-shadow: 0 0 5px #357ee5;*/
 }
@@ -323,10 +329,21 @@ export default {
 .detail .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content {
   padding: 9px 18px;
 }
+
+.detail th{
+  width:20%;
+  text-align: right;
+}
+.detail td{
+  width:30%
+}
+
 .separator {
-  margin-top: 16px;
-  margin-bottom: 16px;
+  height: 45px;
+  line-height: 45px;
   text-align: center;
+  background-color: #ABDBF3;
+  letter-spacing: 3px;
 }
 .descriptions-container {
   width: 100%;
@@ -340,4 +357,4 @@ export default {
 }
 
 </style>
-`
+