调整

src/components/AiProductDetail.vue

@@ -0,0 +1,53 @@
+<template>
+  <ai-detail class="audit">
+    <template slot="content">
+      <ai-card title="基本信息">
+        <template #content>
+          <ai-wrapper
+            label-width="120px">
+            <ai-info-item label="名称"   :value="info.name"></ai-info-item>
+            <ai-info-item label="显示顺序"   :value="info.showIndex"></ai-info-item>
+            <ai-info-item label="创建时间"   :value="info.createTime" ></ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-card>
+      <ai-card title="趋势信息">
+        <template #content>
+          <div id="chart"></div>
+        </template>
+      </ai-card>
+    </template>
+  </ai-detail>
+</template>
+<script>
+import { Message } from "element-ui"
+
+export default {
+  name: "AiProductDetail",
+  props: ['params'],
+  data() {
+    return {
+      info: {}
+    }
+  },
+  computed: {
+  },
+  created() {
+    console.log(this.params.goodsId)
+    this.getInfo()
+  },
+  methods: {
+    getInfo() {
+      this.$http.post('/api/monitorDetail/queryDetail',null,{
+        params: {
+          goodsId: this.params.goodsId
+        }
+      }).then(res => {
+        this.info = res.data
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+</style>

src/components/AiTitle.vue

@@ -1,9 +1,9 @@
 <template>
   <section class="AiTitle" :class="{ 'bottomBorder': isShowBottomBorder, AiTitleSub: isHasSub}">
-    <i class="iconfont iconBack_Large" v-if="isShowBack" @click="onBackBtnClick"/>
     <div class="fill">
       <div class="ailist-title">
         <div class="ailist-title__left">
+          <i class="el-icon-back" title="返回" style="color: #1989fa; cursor: pointer;" v-if="isShowBack" @click="onBackBtnClick"></i>
           <h2>{{ title }}</h2>
           <p>{{ tips }}</p>
         </div>
@@ -59,9 +59,7 @@
 
     methods: {
       onBackBtnClick() {
-        this.closePage()
         this.$emit('onBackClick')
-        this.$emit('back')
       }
     }
   }
@@ -131,6 +129,9 @@
       font-size: 12px;
       margin-top: 4px;
     }
+    .iconBack_Large:before {
+      content: "\e63d";
+    }
 
     .iconBack_Large {
       line-height: 48px;