更新

src/router/index.js

@@ -78,6 +78,14 @@ const live = [
         meta: { title: '动态监测列表', subSite: true },
         component: () => import('../views/dynamic/list.vue'),
       },
+      // 动态监测-交易动态详情
+      {
+        path: '/dynamic/dealDetail',
+        name: 'dynamic_dealDetail',
+        meta: { title: '交易动态详情', subSite: true },
+        component: () => import('../views/dynamic/dealDetail.vue'),
+      },
+
       {
         path: '/technical/index',
         name: 'technical_index',

src/views/dynamic/dealDetail.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="dealDetail">
+    <el-row>
+      <div class="w_1200">
+        <el-col :span="24" class="main">
+          <el-col :span="24" class="top">
+            <el-steps :active="status" align-center>
+              <el-step title="正在洽谈" description="这是一段很长很长很长的描述性文字"></el-step>
+              <el-step title="达成意向" description="这是一段很长很长很长的描述性文字"></el-step>
+              <el-step title="交易完成" description="这是一段很长很长很长的描述性文字"></el-step>
+            </el-steps>
+          </el-col>
+          <el-col :span="message">
+            信息
+          </el-col>
+        </el-col>
+      </div>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'dealDetail',
+  props: {},
+  components: {},
+  data: () => ({
+    status: 2,
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 80%;
+  margin: 0 auto;
+}
+.main {
+  float: left;
+  width: 100%;
+  min-height: 600px;
+  margin: 30px 0;
+}
+</style>