修改 回答结果容器样式

web_ui/src/views/industrial-land/AiIndustriaLandDetail.vue

@@ -127,128 +127,131 @@
           v-if="showQuery"
         >
           <!-- <div class="back-icon" @click="back"></div> -->
-          <div v-for="(item, index) in hzData" :key="index">
-            <div class="title" @click="resetAnswer(index)">
-              {{ item.name }}
-            </div>
-            <div class="jsz" v-if="item.loading && !showResult">
-              <Spin />
-              {{ hintText }}
-            </div>
-
-            <!-- <div class="tab-panel" v-if="false">
-              <div
-                class="item"
-                v-for="(item, index) in tabs"
-                :key="index"
-                @click="toggleTab(index)"
-              >
-                <div class="name" :class="{ selected: index == tabIndex }">
-                  {{ item }}
-                </div>
-                <div class="line" v-if="index == tabIndex"></div>
+          <div class='left-panel-content'>
+            <div v-for="(item, index) in hzData" :key="index">
+              <div class="title" @click="resetAnswer(index)">
+                {{ item.name }}
+              </div>
+              <div class="jsz" v-if="item.loading && !showResult">
+                <Spin />
+                {{ hintText }}
               </div>
-            </div> -->
-            <div class="tab-content" v-if="!showResult">
-              <div class='summary-content'>
-                <div class='summary-icon'>
-                  <img src="~@/assets/image/cyyd/summary-icon.png" />
+
+              <!-- <div class="tab-panel" v-if="false">
+                <div
+                  class="item"
+                  v-for="(item, index) in tabs"
+                  :key="index"
+                  @click="toggleTab(index)"
+                >
+                  <div class="name" :class="{ selected: index == tabIndex }">
+                    {{ item }}
+                  </div>
+                  <div class="line" v-if="index == tabIndex"></div>
                 </div>
-                <vue-markdown-it
-                  :source="item.summary"
-                  :options="{
+              </div> -->
+              <div class="tab-content" v-if="!showResult">
+                <div class='summary-content'>
+                  <div class='summary-icon'>
+                    <img src="~@/assets/image/cyyd/summary-icon.png" />
+                  </div>
+                  <vue-markdown-it
+                    :source="item.summary"
+                    :options="{
                   html: true,
                   linkify: true,
                 }"
-                />
+                  />
+                </div>
               </div>
             </div>
-          </div>
-          <template v-if="showResult">
-            <div class="xg-title">
-              <img src="~@/assets/image/cyyd/fk.png" />
-              <div class="name">回答</div>
-            </div>
-            <p class='xg-des'>为您找到以下{{ xgdk ? xgdk.length : 0 }}个地块</p>
-            <div class="table-panel">
-              <template v-if="xgdk && xgdk.length > 0">
-                <div
-                  class="dkitem"
-                  :class="{ dkitemchecked: i == dkIndex }"
-                  @mouseover="mouseover(i)"
-                  @mouseout="mouseout(i)"
-                  @click="showDetailModal(citem, i)"
-                  v-for="(citem, i) in xgdk"
-                  :key="i"
-                >
-                  <div class="number">{{ i + 1 }}</div>
-                  <div class="content">
-                    <h3>{{ citem.dkmc }}</h3>
-                    <p>
-                      <span class='content-item'>面积：{{ citem.dkmj ? citem.dkmj.toFixed(2) : '-' }}亩</span>
-                      <span class='content-item'>土地用途：{{ citem.tdyt ? citem.tdyt : '-' }}</span>
-                      <span class='content-item'>行政区：{{ citem.xzqmc ? citem.xzqmc : '-' }}</span>
-                    </p>
-                  </div>
-                </div>
-                <!-- <div
-                    class="tr"
+            <template v-if="showResult">
+              <div class="xg-title">
+                <img src="~@/assets/image/cyyd/fk.png" />
+                <div class="name">回答</div>
+              </div>
+              <p class='xg-des'>为您找到以下{{ xgdk ? xgdk.length : 0 }}个地块</p>
+              <div class="table-panel">
+                <template v-if="xgdk && xgdk.length > 0">
+                  <div
+                    class="dkitem"
+                    :class="{ dkitemchecked: i == dkIndex }"
                     @mouseover="mouseover(i)"
                     @mouseout="mouseout(i)"
+                    @click="showDetailModal(citem, i)"
                     v-for="(citem, i) in xgdk"
                     :key="i"
-                    :class="[{ checked: i == dkIndex || i == hoverDkIndex }]"
                   >
-                    <div class="it xh">{{ i + 1 }}</div>
-                    <div class="it c" @click="showDetailModal(citem, i)">
-                      {{ citem.name }}
-                    </div>
-                    <div class="it">
-                      {{ citem.area ? (citem.area * 0.0015).toFixed(2) : "-" }}
-                    </div>
-                    <div class="it text">
-                      {{ citem.unit_price ? citem.unit_price : "-" }}
+                    <div class="number">{{ i + 1 }}</div>
+                    <div class="content">
+                      <h3>{{ citem.dkmc }}</h3>
+                      <p>
+                        <span class='content-item'>面积：{{ citem.dkmj ? citem.dkmj.toFixed(2) : '-' }}亩</span>
+                        <span class='content-item'>土地用途：{{ citem.tdyt ? citem.tdyt : '-' }}</span>
+                        <span class='content-item'>行政区：{{ citem.xzqmc ? citem.xzqmc : '-' }}</span>
+                      </p>
                     </div>
-                    <div class="it blue xh">
-                      {{
-                        citem.comprehensive_score
-                          ? citem.comprehensive_score
-                          : "-"
-                      }}
-                    </div>
-                    <div class="it xh">
-                      <img
-                        class="info"
-                        @click="goLocation(citem, i)"
-                        src="~@/assets/image/icon-loc-blue.png"
-                      />
-                    </div>
-                  </div> -->
-              </template>
-              <div v-else class="hintText">未查询到相关地块数据！</div>
-            </div>
+                  </div>
+                  <!-- <div
+                      class="tr"
+                      @mouseover="mouseover(i)"
+                      @mouseout="mouseout(i)"
+                      v-for="(citem, i) in xgdk"
+                      :key="i"
+                      :class="[{ checked: i == dkIndex || i == hoverDkIndex }]"
+                    >
+                      <div class="it xh">{{ i + 1 }}</div>
+                      <div class="it c" @click="showDetailModal(citem, i)">
+                        {{ citem.name }}
+                      </div>
+                      <div class="it">
+                        {{ citem.area ? (citem.area * 0.0015).toFixed(2) : "-" }}
+                      </div>
+                      <div class="it text">
+                        {{ citem.unit_price ? citem.unit_price : "-" }}
+                      </div>
+                      <div class="it blue xh">
+                        {{
+                          citem.comprehensive_score
+                            ? citem.comprehensive_score
+                            : "-"
+                        }}
+                      </div>
+                      <div class="it xh">
+                        <img
+                          class="info"
+                          @click="goLocation(citem, i)"
+                          src="~@/assets/image/icon-loc-blue.png"
+                        />
+                      </div>
+                    </div> -->
+                </template>
+                <div v-else class="hintText">未查询到相关地块数据！</div>
+              </div>
 
-            <div class="xg-title" v-if="false">
-              <img src="~@/assets/image/cyyd/xgdk.png" />
-              <div class="name">相关组织</div>
-              <img src="~@/assets/image/cyyd/xs.png" />
-            </div>
-            <div class="table-panel" v-if="false">
-              <div class="th" v-if="xgzz.length > 0">
-                <div class="it xh">序号</div>
-                <div class="it">组织名称</div>
-                <div class="it">组织描述</div>
+              <div class="xg-title" v-if="false">
+                <img src="~@/assets/image/cyyd/xgdk.png" />
+                <div class="name">相关组织</div>
+                <img src="~@/assets/image/cyyd/xs.png" />
               </div>
-              <div v-else>暂无数据</div>
-              <div class="tr" v-for="(item, i) in xgzz" :key="i">
-                <div class="it xh">{{ i + 1 }}</div>
-                <div class="it">
-                  {{ item.name }}
+              <div class="table-panel" v-if="false">
+                <div class="th" v-if="xgzz.length > 0">
+                  <div class="it xh">序号</div>
+                  <div class="it">组织名称</div>
+                  <div class="it">组织描述</div>
+                </div>
+                <div v-else>暂无数据</div>
+                <div class="tr" v-for="(item, i) in xgzz" :key="i">
+                  <div class="it xh">{{ i + 1 }}</div>
+                  <div class="it">
+                    {{ item.name }}
+                  </div>
+                  <div class="it">{{ item.zzms }}</div>
                 </div>
-                <div class="it">{{ item.zzms }}</div>
               </div>
-            </div>
-          </template>
+            </template>
+            <Spin size="large" class="span" fix v-if="loading"></Spin>
+          </div>
           <div class="textarea-panel">
             <textarea
               v-model="zwinputText"
@@ -264,7 +267,6 @@
             </textarea>
             <AIBtn @click.native="zwsend" />
           </div>
-          <Spin size="large" class="span" fix v-if="loading"></Spin>
         </vue-perfect-scrollbar>
         <znxz-detail
           @close="hideDetail"
@@ -961,33 +963,33 @@ export default {
       }
     },
     initMap() {
-        let CRS_4490 = new Proj.CRS("EPSG:4490", "+proj=longlat +ellps=GRS80 +no_defs", {
-          resolutions: [
-              1.4062500262315807,
-              0.7031249999891485,
-              0.35156249999999994,
-              0.17578124999999997,
-              0.08789062500000012,
-              0.04394531250000006,
-              0.021972656250000007,
-              0.01098632812500002,
-              0.00549316406250001,
-              0.0027465820312500017,
-              0.0013732910156250009,
-              6.866455078124991E-4,
-              3.4332275390624957E-4,
-              1.7166137695312503E-4,
-              8.583068847656251E-5,
-              4.291534423828141E-5,
-              2.1457672119140645E-5,
-              1.0728836059570307E-5,
-              5.364418029785169E-6,
-              2.6822090642902305E-6,
-              1.3411045333348457E-6
-          ],
-          origin: [-180, 90]
-        });
-      this.layers = window.ApplicationConfig.layerTreeConfig;
+      let CRS_4490 = new Proj.CRS('EPSG:4490', '+proj=longlat +ellps=GRS80 +no_defs', {
+        resolutions: [
+          1.4062500262315807,
+          0.7031249999891485,
+          0.35156249999999994,
+          0.17578124999999997,
+          0.08789062500000012,
+          0.04394531250000006,
+          0.021972656250000007,
+          0.01098632812500002,
+          0.00549316406250001,
+          0.0027465820312500017,
+          0.0013732910156250009,
+          6.866455078124991E-4,
+          3.4332275390624957E-4,
+          1.7166137695312503E-4,
+          8.583068847656251E-5,
+          4.291534423828141E-5,
+          2.1457672119140645E-5,
+          1.0728836059570307E-5,
+          5.364418029785169E-6,
+          2.6822090642902305E-6,
+          1.3411045333348457E-6
+        ],
+        origin: [-180, 90]
+      })
+      this.layers = window.ApplicationConfig.layerTreeConfig
       this.layers.forEach((item, index) => {
         if (index == 0) {
           item.checked = true
@@ -997,14 +999,14 @@ export default {
       })
       let myCenter = new L.LatLng(this.latitude, this.longitude) // 设置地图中心
       this.map = L.map(this.id, {
-        zoom:window.ApplicationConfig.mapOptions["zoom"],
-        center: window.ApplicationConfig.mapOptions["center"],
+        zoom: window.ApplicationConfig.mapOptions['zoom'],
+        center: window.ApplicationConfig.mapOptions['center'],
         zoomControl: false,
         crs: CRS_4490,
-        attributionControl: false, //去掉右下角的logo
-      });
-      var tk = window.ApplicationConfig.tk;
-      var tk = "6dfd31e3b55a8466f34997aee5551a9c";
+        attributionControl: false //去掉右下角的logo
+      })
+      var tk = window.ApplicationConfig.tk
+      var tk = '6dfd31e3b55a8466f34997aee5551a9c'
       // 添加天地图底图
       //底图
       // const image = L.tileLayer(
@@ -1070,11 +1072,11 @@ export default {
       //定位浙江省
       // this.location(polygons)
       //默认加载所有选中图层
-      this.layers.forEach(layerGroup=>{
-        layerGroup.layers.forEach(oneLayer=>{
-           this.switchMapLayer(oneLayer)
+      this.layers.forEach(layerGroup => {
+        layerGroup.layers.forEach(oneLayer => {
+          this.switchMapLayer(oneLayer)
         })
-      });
+      })
       // var gd = this.layers[0].layers[0]
 
     },
@@ -2156,7 +2158,13 @@ export default {
         top: 0;
         // background: linear-gradient(-30deg, #d6e8fb, #ffffff);
         background-color: #fff;
-        overflow-y: auto;
+
+        .left-panel-content {
+          width: 100%;
+          height: calc(100% - 90px);
+          overflow-x: hidden;
+          overflow-y: auto;
+        }
 
         .logo {
           font-family: REEJI-FlashSansN95;