技术支持fixed

src/pages/technical-support/answer-center/index.vue

@@ -246,8 +246,9 @@ export default {
 }
 .list_img {
   flex-shrink: 0;
+  width: 26px;
   height: 26px;
-  border-radius: 13px;
+  border-radius: 50%;
 }
 .list_text {
   flex-grow: 1;

src/pages/technical-support/answer-center/list.vue

@@ -124,6 +124,11 @@ export default {
         });
     },
     selectSortType(type) {
+      /* if (this.sortType === type) {
+        return;
+      } */
+
+      this.currentPage = 1;
       this.sortType = type;
       this.getAnwerList();
     },
@@ -158,7 +163,7 @@ export default {
     },
     getContentText(content) {
       let text = content.replace(/<img[^>]+>/g, "【图片】");
-      
+
       text = text.replace(/<iframe(([\s\S])*?)<\/iframe>/g, "【视频】");
       text = text.replace(/<pre(([\s\S])*?)<\/pre>/g, "【代码】");
       text = text.replace(/<\/?.+?>/g, "");

src/pages/technical-support/doc-manage/detail.vue

@@ -8,7 +8,8 @@
         <el-breadcrumb-item to="/technical_support/doc_manage">
           开发文档
         </el-breadcrumb-item>
-        <el-breadcrumb-item> 文档编辑 - {{ title }} </el-breadcrumb-item>
+        <el-breadcrumb-item> 文档编辑 </el-breadcrumb-item>
+        <el-breadcrumb-item> {{ title }} </el-breadcrumb-item>
       </el-breadcrumb>
     </div>
 

src/pages/technical-support/doc/detail.vue

@@ -5,7 +5,7 @@
         <el-breadcrumb-item to="/technical_support">
           技术支持
         </el-breadcrumb-item>
-        <el-breadcrumb-item to="/technical_support/doc">
+        <el-breadcrumb-item :to="parentPath">
           开发文档
         </el-breadcrumb-item>
         <el-breadcrumb-item>
@@ -31,6 +31,12 @@ export default {
   components: {
     DocWidthNav,
   },
+  props: {
+    parentPath: {
+      type: String,
+      default: "",
+    },
+  },
   data() {
     return {
       title: "",
@@ -60,6 +66,7 @@ export default {
     },
   },
   created() {
+    this.title = this.typeText;
     this.getContent();
   },
   methods: {

src/pages/technical-support/doc/index.vue

@@ -4,11 +4,11 @@
       title="开发文档"
       imgSrc="tool_ic_kaifawendang"
       :nav-list="navList"
-      :title-path="navList[0] && navList[0].path"
+      :title-path="activePath"
       style="width: 250px;"
     ></side-nav-bar>
     <div class="main_container">
-      <router-view :key="$route.params.type + $route.params.id" />
+      <router-view :parent-path="activePath" :key="$route.params.type + $route.params.id" />
     </div>
   </div>
 </template>

src/pages/technical-support/sdk-manage/example/detail.vue

@@ -9,7 +9,10 @@
           SDK管理
         </el-breadcrumb-item>
         <el-breadcrumb-item>
-          SDK示例编辑 - {{ detail.example_name }}
+          SDK示例编辑
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+          {{ detail.example_name }}
         </el-breadcrumb-item>
       </el-breadcrumb>
     </div>
@@ -61,7 +64,7 @@ export default {
   },
   methods: {
     cancelAction() {
-      this.$router.push("/technical_support/sdk_manage");
+      this.$router.push("/technical_support/sdk_manage/example");
     },
     submitAction() {
       this.$http

src/pages/technical-support/sdk-manage/example/index.vue

@@ -330,16 +330,17 @@ export default {
         let ids = [];
 
         this.selection.forEach((item) => {
-          names.push(item.example_name);
+          names.push("《" + item.example_name + "》");
           ids.push(item.id);
         });
 
-        this.deleteDialogInfo.msg = `您确认要删除${names.join("，")}吗？`;
+        this.deleteDialogInfo.msg = `您确认要删除${names.join("、")}吗？`;
         this.deleteDialogInfo.submit = () => {
           this.deleteRequest(ids);
         };
         this.$refs.deleteDialog.show();
       } else {
+        this.$message.closeAll();
         this.$message.warning("您尚未选中任何SDK示例");
       }
     },
@@ -370,7 +371,7 @@ export default {
       this.$refs.detailDialog.show();
     },
     deleteItem(item) {
-      this.deleteDialogInfo.msg = `确认删除${item.example_name}吗？`;
+      this.deleteDialogInfo.msg = `确认删除《${item.example_name}》吗？`;
       this.deleteDialogInfo.submit = () => {
         this.deleteRequest([item.id]);
       };

src/pages/technical-support/sdk-manage/type/index.vue

@@ -287,12 +287,13 @@ export default {
           ids.push(item.id);
         });
 
-        this.deleteDialogInfo.msg = `您确认要删除${names.join("，")}吗？`;
+        this.deleteDialogInfo.msg = `您确认要删除${names.join("、")}吗？`;
         this.deleteDialogInfo.submit = () => {
           this.deleteRequest(ids);
         };
         this.$refs.deleteDialog.show();
       } else {
+        this.$message.closeAll();
         this.$message.warning("您尚未选中任何SDK类型");
       }
     },

src/pages/technical-support/sdk/detail.vue

@@ -5,7 +5,7 @@
         <el-breadcrumb-item to="/technical_support">
           技术支持
         </el-breadcrumb-item>
-        <el-breadcrumb-item to="/technical_support/doc">
+        <el-breadcrumb-item :to="parentPath">
           SDK中心
         </el-breadcrumb-item>
         <el-breadcrumb-item>
@@ -14,20 +14,20 @@
       </el-breadcrumb>
     </div>
 
-    <div class="download_action apaas_button" v-if="sdkInfo">
+    <div class="download_action apaas_button" v-if="detail.is_sdk === '是'">
       <span>SDK下载</span>
-      <span>版本号：{{ sdkInfo.version }}</span>
-      <span>发布日期：{{ sdkInfo.time }}</span>
-      <el-button type="primary" @click="downloadUrl(sdkInfo.url)">
+      <span>版本号：{{ detail.version }}</span>
+      <span>发布日期：{{ getTimeText(detail.release_time) }}</span>
+      <el-button type="primary" @click="downloadUrl(detail.file_url)">
         下载SDK
       </el-button>
     </div>
 
     <doc-width-nav
       class="main_container"
-      :title="title"
-      :time="update_time"
-      :rich-text="content"
+      :title="detail.example_name"
+      :time="getTimeText(detail.updated)"
+      :rich-text="detail.content"
     ></doc-width-nav>
   </div>
 </template>
@@ -40,12 +40,15 @@ export default {
   components: {
     DocWidthNav,
   },
+  props: {
+    parentPath: {
+      type: String,
+      default: "",
+    },
+  },
   data() {
     return {
-      title: "",
-      update_time: "",
-      content: "",
-      sdkInfo: null,
+      detail: {},
     };
   },
   computed: {
@@ -57,23 +60,27 @@ export default {
     },
   },
   created() {
+    this.detail = {
+      example_name: this.typeText,
+    };
     this.getContent();
   },
   methods: {
     getContent() {
-      this.sdkInfo = {
-        version: "100.9.0",
-        time: "2020-08-27",
-        url: "http://pic1.win4000.com/tj/2020-10-19/5f8d3a49abc54.jpg",
-      };
-      this.title = "标题";
-      this.update_time = "2020-10-26 10:00:00";
-      this.content = `
-        <h1>产品简介</h1><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h2>产品简介</h2><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h3>产品简介</h3><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h1><img src="http://pic1.win4000.com/tj/2020-10-19/5f8d3a49abc54.jpg" style="font-size: 14px; max-width: 100%;"></h1><h1><a href="https://www.baidu.com" target="_blank" style="font-size: 14px;">链接</a></h1><p><br></p><h2>产品简介</h2><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h3>产品简介</h3><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h1>产品简介</h1><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h2>产品简介</h2><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h3>产品简介</h3><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h1>产品简介</h1><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h2>产品简介</h2><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h3>产品简介</h3><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h1>产品简介</h1><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h2>产品简介</h2><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h3>产品简介</h3><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h1>产品简介</h1><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h2>产品简介</h2><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能力</p><p><br></p><h3>产品简介</h3><p>BD-aPaaS平台（V3.0）基于BD-aPaaS平台（V2.0）进行整体架构调整的升级研发。BD-aPaaS平台（V3.0）定位于PaaS层，偏重于支撑和管理SaaS层的应用和系统，是基于微服务架构、云网全面互联的大数据服务支撑平台，集城市信息资源规划、建设、治理、管理、融合、共享、分析、服务为一体，能够释放政府和行业沉淀在业务系统中的能</p><h1></h1>
-      `;
+      this.$http
+        .get("/apaas/support/sdk/example/detail", {
+          params: {
+            id: this.sdkId,
+          },
+        })
+        .then(({ data }) => {
+          if (data.success === 1) {
+            this.detail = data.data;
+          }
+        });
     },
     getTimeText(time) {
-      return helper.dateStringTransform(time);
+      return helper.dateStringTransform(time || "");
     },
     downloadUrl(url) {
       let a = document.createElement("a");

src/pages/technical-support/sdk/index.vue

@@ -8,7 +8,7 @@
       style="width: 250px;"
     ></side-nav-bar>
     <div class="main_container">
-      <router-view :key="$route.params.type + $route.params.id" />
+      <router-view :parent-path="activePath" :key="$route.params.type + $route.params.id" />
     </div>
   </div>
 </template>