调整

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>