替换图片和地图层级

YM

2024-05-20 5111f3f9c1c31b81af25cb737ec9608d9ff09f42

 src/pages/inherit/list.vue

@@ -56,31 +56,39 @@
    <!-- echarts图 -->
    <div v-if="showType == 1" class="barChart" id="barChart"></div>
    <view v-if="showType == 2" class="cultureBox">
      <view class="cultureItem">
      <view class="cultureItem" v-if="culture1">
        <view class="imgBox">
          <img src="@/static/image/inherit/icon1.png" alt="" />
          <img src="@/static/image/inherit/icon1.svg" alt="" />
        </view>
        <p>
          蕙展丁丑同里日岩额序先考月池翁著《四彭酸明》八卷，皆精指奥室，茂犀未能疯造，珍因撮粹想菜，僵撰此唐，以便智睛，服指南。世之雷病雨家，咸以服焉首务，不知派乃四能之末，谓之巧者雨。上士欲舍其全，非四不可。
        </p>
        <h4>——《奇八服考》P 3</h4>
        <p>{{ culture1.content }}</p>
        <h4 v-if="culture1.source">
          ——《{{ culture1.source }}》P {{ culture1.pageNo }}
        </h4>
      </view>
      <view class="cultureItem">
      <view class="cultureItem" v-if="culture2">
        <view class="imgBox">
          <img src="@/static/image/inherit/icon2.png" alt="" />
          <img src="@/static/image/inherit/icon2.svg" alt="" />
        </view>
        <p>瀕湖世儒，兼以醫鳴，一門父子兄弟富有著述，此特見一斑耳。</p>
        <h4>——《奇八服考》P 3</h4>
        <p>{{ culture2.content }}</p>
        <h4 v-if="culture2.source">
          ——《{{ culture2.source }}》P {{ culture2.pageNo }}
        </h4>
      </view>
      <view class="cultureItem">
      <view class="cultureItem" v-if="culture3">
        <view class="imgBox">
          <img src="@/static/image/inherit/icon3.png" alt="" />
          <img src="@/static/image/inherit/icon3.svg" alt="" />
        </view>
        <p>
          病坊刻瀕湖《本草》之因仍訛誤，爰重爲鍥板。經始於癸未八月，迄乙酉五月，閱二歲，糜工數萬，乃克葳事。其校理訛誤，監督剞劂，命兒子席珍、士瑜、士珩分任之；商榷方劑，區別品彙，醫士王君鏡堂之力爲多；參以鍾君受白；而經紀其事，始終不懈者，則范君靜存也。此外如田君撰異、曹君晴峯、熊君仲山、翁君鐵梅、黨君幼雲、張君貫之、程君達三、陳君振遠、許君功甫、朱君藻臣、或參校讐，或司綜核，或職圖繪，謹備書之
        </p>
        <h4>——《奇八服考》P 3</h4>
        <p>{{ culture3.content }}</p>
        <h4 v-if="culture3.source">
          ——《{{ culture3.source }}》P {{ culture3.pageNo }}
        </h4>
      </view>
      <div
        v-if="!culture1 && !culture2 && !culture3"
        style="color: #666; text-align: center; font-size: 16px"
      >
        暂无数据
      </div>
    </view>
  </view>
</template>
@@ -101,7 +109,10 @@
      dataList: [],
      links: [],
      socialMapping: true,
      showType: "1"
      showType: "1",
      culture1: null,
      culture2: null,
      culture3: null
    };
  },
  onLoad(options) {
@@ -193,7 +204,9 @@
      inheritMedicalCultureList({
        identifier: this.idIndex
      }).then((res) => {
        console.log(res, "res");
        this.culture1 = res.list.find(item=>item.typeName == "家风")
        this.culture2 = res.list.find(item=>item.typeName == "医德")
        this.culture3 = res.list.find(item=>item.typeName == "家训")
      });
    },
    showSocialMapping() {