feat: 增加区分预览版的模块

src/model/ChatModel.js

@@ -66,6 +66,17 @@ export const CompName = {
   // 生成合成图片
   aigcPhotoGeneratorCard: "aigcPhotoGeneratorCard",
   videoCard: "videoCard",
+
+  // 长文本卡片-拍照攻略
+  longTextCardSnapPreview: "longTextCardSnapPreview",
+  // 长文本卡片-路线指引
+  longTextCardRoutePreview: "longTextCardRoutePreview",
+  // 长文本卡片-景点故事
+  longTextCardScenicSpotPreview: "longTextCardScenicSpotPreview",
+  // 长文本卡片-初游攻略
+  longTextCardFullDocPreview: "longTextCardFullDocPreview",
+  // 长文本卡片-漂流攻略
+  longTextCardStrategyPreview: "longTextCardStrategyPreview",
 };
 
 /// 发送的指令类型

src/pages/ChatMain/ChatMainList/index.vue

@@ -74,16 +74,16 @@
               "
             >
               <AnswerComponent
-                v-if="isLongTextCard(item.componentName)"
+                v-if="isLongTextCard(item.componentName) && !isLongTextCardPreView(item.componentName)"
                 :content="item.componentMsg || ''"
                 :longTextData="item.longTextData"
                 :finish="item.finish"
               />
 
-              <!-- <LongTextGuideCardPreview
-                v-if="isLongTextCard(item.componentName) && (item.componentName !== CompName.longTextCard)"
+              <LongTextGuideCardPreview
+                v-if="isLongTextCardPreView(item.componentName)"
                 :componentName="item.componentName"
-              /> -->
+              />
 
               <QuickBookingComponent
                 v-if="
@@ -972,7 +972,22 @@ const isLongTextCard = (componentName) => {
     componentName === CompName.longTextCardRoute ||
     componentName === CompName.longTextCardScenicSpot ||
     componentName === CompName.longTextCardFullDoc ||
-    componentName === CompName.longTextCardStrategy
+    componentName === CompName.longTextCardStrategy ||
+    componentName === CompName.longTextCardSnapPreview ||
+    componentName === CompName.longTextCardRoutePreview ||
+    componentName === CompName.longTextCardScenicSpotPreview ||
+    componentName === CompName.longTextCardFullDocPreview ||
+    componentName === CompName.longTextCardStrategyPreview
+  );
+};
+
+const isLongTextCardPreView = (componentName) => {
+  return (
+    componentName === CompName.longTextCardSnapPreview ||
+    componentName === CompName.longTextCardRoutePreview ||
+    componentName === CompName.longTextCardScenicSpotPreview ||
+    componentName === CompName.longTextCardFullDocPreview ||
+    componentName === CompName.longTextCardStrategyPreview
   );
 };
 

src/pages/ChatModule/LongTextGuideCardPreview/detailRoutes.mjs

@@ -1,9 +1,9 @@
 export const DETAIL_ROUTE_BY_TYPE = {
-  longTextCardStrategy: "/pages/ChatModule/LongTextGuideCardPreview/guide",
-  longTextCardScenicSpot: "/pages/ChatModule/LongTextGuideCardPreview/poi",
-  longTextCardRoute: "/pages/ChatModule/LongTextGuideCardPreview/route",
-  longTextCardSnap: "/pages/ChatModule/LongTextGuideCardPreview/photo",
-  longTextCardFullDoc: "/pages/ChatModule/LongTextGuideCardPreview/fullDoc",
+  longTextCardStrategyPreview: "/pages/ChatModule/LongTextGuideCardPreview/guide",
+  longTextCardScenicSpotPreview: "/pages/ChatModule/LongTextGuideCardPreview/poi",
+  longTextCardRoutePreview: "/pages/ChatModule/LongTextGuideCardPreview/route",
+  longTextCardSnapPreview: "/pages/ChatModule/LongTextGuideCardPreview/photo",
+  longTextCardFullDocPreview: "/pages/ChatModule/LongTextGuideCardPreview/fullDoc",
 };
 
 export const getLongTextGuideDetailRoute = (type) => {

src/pages/ChatModule/LongTextGuideCardPreview/index.vue

@@ -30,12 +30,12 @@ import { getLongTextGuideDetailRoute } from "./detailRoutes.mjs";
 const props = defineProps({
   componentName: {
     type: String,
-    default: 'longTextCardStrategy',
+    default: 'longTextCardStrategyPreview',
   },
 });
 
-const longTextCardStrategy = {
-  type: 'longTextCardStrategy',
+const longTextCardStrategyPreview = {
+  type: 'longTextCardStrategyPreview',
   badge: "漂流攻略",
   badgeTone: "amber",
   title: "下水之前，先听小七唠两句",
@@ -43,8 +43,8 @@ const longTextCardStrategy = {
   footer: "点击查看完整攻略",
 }
 
-const longTextCardScenicSpot = {
-  type: 'longTextCardScenicSpot',
+const longTextCardScenicSpotPreview = {
+  type: 'longTextCardScenicSpotPreview',
   badge: "景点故事",
   badgeTone: "green",
   title: "小七孔古桥 · 走了三百年的石拱",
@@ -52,8 +52,8 @@ const longTextCardScenicSpot = {
   footer: "点击查看完整介绍",
 }
 
-const longTextCardRoute = {
-  type: 'longTextCardRoute',
+const longTextCardRoutePreview = {
+  type: 'longTextCardRoutePreview',
   badge: "路线指引",
   badgeTone: "violet",
   title: "漂完卧龙潭，顺道去鸳鸯湖",
@@ -61,8 +61,8 @@ const longTextCardRoute = {
   footer: "点击查看完整路线",
 }
 
-const longTextCardSnap = {
-  type: 'longTextCardSnap',
+const longTextCardSnapPreview = {
+  type: 'longTextCardSnapPreview',
   badge: "拍照攻略",
   badgeTone: "blue",
   title: "鸳鸯湖玻璃船，这样拍才不亏",
@@ -70,8 +70,8 @@ const longTextCardSnap = {
   footer: "点击查看完整攻略",
 }
 
-const longTextCardFullDoc = {
-  type: 'longTextCardFullDoc',
+const longTextCardFullDocPreview = {
+  type: 'longTextCardFullDocPreview',
   badge: "初游攻略",
   badgeTone: "amber",
   title: "第一次来小七孔，照着这条线走就对了",
@@ -82,18 +82,18 @@ const longTextCardFullDoc = {
 
 const item = computed(() => {
   switch (props.componentName) {
-    case 'longTextCardStrategy':
-      return longTextCardStrategy;
-    case 'longTextCardSnap':
-      return longTextCardSnap;
-    case 'longTextCardRoute':
-      return longTextCardRoute;
-    case 'longTextCardScenicSpot':
-      return longTextCardScenicSpot;
-    case 'longTextCardFullDoc':
-      return longTextCardFullDoc;
+    case 'longTextCardStrategyPreview':
+      return longTextCardStrategyPreview;
+    case 'longTextCardSnapPreview':
+      return longTextCardSnapPreview;
+    case 'longTextCardRoutePreview':
+      return longTextCardRoutePreview;
+    case 'longTextCardScenicSpotPreview':
+      return longTextCardScenicSpotPreview;
+    case 'longTextCardFullDocPreview':
+      return longTextCardFullDocPreview;
     default:
-      return longTextCardStrategy;
+      return longTextCardStrategyPreview;
   }
 });