井筒全息快照功能优化

vue/src/views/wellinfo/index.vue

@@ -84,16 +84,27 @@
                 </a-tree-select>
               </a-form-item>
             </a-col>
-            <a-col :span="6" :style="showOverlay && curStepVal==2?'z-index:1000;background:white;display:inline-block;width:150px;height:32px;position:relative;':'display:inline-block;width:600px;height:32px;'">
-              <MenuOutlined @click="changeQuery(true)" v-if="!showQuery" data-v-step="2"  />
-              <LineOutlined @click="changeQuery(false)" v-else/>
-              <a-button type="primary" html-type="submit" @click="onQuery" style="margin-left: 10px;">查询</a-button>
-              <a-button html-type="submit"
-                        @click="() => {resetFields();formState.ref_date=new Date(); onQuery()}"
-                        style="margin-left: 10px;">重置
-              </a-button>
-              <QuestionCircleOutlined title="查看帮助" @click="showHelp"
-                                      :style="{fontSize: '20px',display:'contents',cursor:'pointer'}"/>
+            <a-col :span="6" :style="showOverlay && curStepVal==2?'z-index:1000;background:white;display:inline-block;width:150px;height:32px;position:relative;':'display:inline-block;width:600px;height:32px;'"
+            style="display: flex;
+  justify-content: space-between;
+  align-items: center;">
+              <div>
+                <MenuOutlined @click="changeQuery(true)" v-if="!showQuery" data-v-step="2"  />
+                <LineOutlined @click="changeQuery(false)" v-else/>
+                <a-button type="primary" html-type="submit" @click="onQuery" style="margin-left: 10px;">查询</a-button>
+                <a-button html-type="submit"
+                          @click="() => {resetFields();formState.ref_date=new Date(); onQuery()}"
+                          style="margin-left: 10px;">重置
+                </a-button>
+              </div>
+              <div>
+                <a-space>
+                <QuestionCircleOutlined title="查看帮助" @click="showHelp"
+                                        :style="{fontSize: '20px',display:'contents',cursor:'pointer'}"/>
+                <ShareAltOutlined title="新窗口打开" v-if="!isHideChatMap" @click="openList"
+                                  :style="{fontSize: '20px',display:'contents',cursor:'pointer'}"/>
+                </a-space>
+              </div>
             </a-col>
           </a-row>
           <a-row :gutter="24" class="query-index-row" v-if="showQuery">
@@ -148,7 +159,7 @@
               </a-form-item>
             </a-col>
           </a-row>
-          <a-row class="edit-operation" style="width:450px;float:right;"  data-v-step="3">
+          <a-row class="edit-operation" style="width:600px;float:right;"  data-v-step="3">
             <a-col :span="24"  :style="showOverlay && curStepVal==3?'text-align: right;z-index:1000;background:white;':'text-align: right;'">
               <a-checkbox-group v-model:value="showColumnType" @change="onCheckboxChange">
                 <a-row>
@@ -172,10 +183,6 @@
                   <TableOutlined/>
                   卡片
                 </a-radio-button>
-                <a-radio-button v-if="!isHideChatMap"  @click="openList">
-                  <ShareAltOutlined/>
-                  新开
-                </a-radio-button>
               </a-radio-group>
             </a-col>
           </a-row>
@@ -184,7 +191,7 @@
       <div  :style="showOverlay&&curStepVal==4?'flex-grow: 1;overflow: auto;height:auto;z-index:999;background:white;':'flex-grow: 1;overflow: auto;height:auto;'">
         <a-spin :spinning="loading">
           <div class="query-index-table" data-v-step="4" v-if="viewModel=='list'" >
-            <a-table :columns="filterColumns" :data-source="data" :scroll="{ x:'100%', y: '100%' }"
+            <a-table :columns="filterColumns" :data-source="data"  :scroll="{ x:'100%', y: '500px' }"
                      :row-key="record=>record.tempId" :pagination="false" @resizeColumn="handleResizeColumn"
                      bordered>
               <template #bodyCell="{ column,record }">
@@ -223,7 +230,7 @@
                     <a-button type="link" @click="detail(item.well_id)">查看详情</a-button>
                     <a-button type="link" @click="showDoc(item.well_id)">相关文档</a-button>
                   </template>
-                  <table class="well-card-table">
+                  <table class="well-card-table" size="">
                     <tr>
                       <th>井型：</th>
                       <td>{{ item.well_type }}</td>