update

src/views/admin/live/achieve.vue

@@ -27,7 +27,6 @@ export default {
     aInterview: () => import('./achieve/interview.vue'),
     aRoadShow: () => import('./achieve/road_show.vue'),
     aStatistics: () => import('./achieve/statistics.vue'),
-    aActive: () => import('./achieve/active.vue'),
   },
   data: function() {
     return {
@@ -40,7 +39,6 @@ export default {
         { num: '6', title: '嘉宾访谈', icon: 'el-icon-user-solid', component: 'aInterview' },
         { num: '7', title: '项目路演', icon: 'el-icon-video-camera-solid', component: 'aRoadShow' },
         { num: '8', title: '统计报表', icon: 'el-icon-s-operation', component: 'aStatistics' },
-        { num: '9', title: '数据动态', icon: 'el-icon-pie-chart', component: 'aActive' },
         {
           num: '10',
           title: '退出登陆',

src/views/admin/live/achieve/active.vue

@@ -1,30 +0,0 @@
-<template>
-  <div id="aActive">
-    <p>aActive</p>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-export default {
-  name: 'aActive',
-  props: {},
-  components: {},
-  data: function() {
-    return {};
-  },
-  created() {},
-  methods: {},
-  computed: {
-    ...mapState(['user', 'menuParams']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped></style>

src/views/admin/live/achieve/trans.vue

@@ -5,10 +5,16 @@
         <el-col :span="24" class="leftTop"> <span>|</span> <span>交易备案</span> </el-col>
         <el-col :span="24" class="info">
           <el-tabs v-model="activeName" type="card">
-            <el-tab-pane label="待确定" name="first">
+            <el-tab-pane label="正在洽谈" name="first">
+              <list status="0"></list>
+            </el-tab-pane>
+            <el-tab-pane label="达成意向" name="sec">
+              <list status="1"></list>
+            </el-tab-pane>
+            <el-tab-pane label="交易备案" name="third">
               <deal></deal>
             </el-tab-pane>
-            <el-tab-pane label="审核完成" name="second">
+            <el-tab-pane label="交易完成" name="fourth">
               <finish></finish>
             </el-tab-pane>
           </el-tabs>
@@ -24,6 +30,7 @@ export default {
   name: 'trans',
   props: {},
   components: {
+    list: () => import('./trans/list.vue'),
     deal: () => import('./trans/deal.vue'),
     finish: () => import('./trans/finish.vue'),
   },

src/views/admin/live/achieve/trans/list.vue

@@ -0,0 +1,66 @@
+<template>
+  <div id="deal">
+    <data-table :fields="fields" :opera="opera" :operaWidth="150" :data="list" :total="total" @query="search"></data-table>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: transaction } = createNamespacedHelpers('transaction');
+export default {
+  name: 'deal',
+  props: {
+    status: { type: String, default: '1' },
+  },
+  components: { dataTable },
+  data: function() {
+    return {
+      opera: [],
+      fields: [
+        { label: '商品名称', prop: 'product' },
+        { label: '购买人名称', prop: 'd_name' },
+        { label: '营销人名称', prop: 's_name' },
+        {
+          label: '状态',
+          prop: 'status',
+          format: i => {
+            let word = '正在洽谈';
+            if (i == '1') word = '达成意向';
+            else if (i == '2') word = '待确定';
+            else if (i == '3') word = '交易完成';
+            else if (i == '4') word = '交易失败';
+            return word;
+          },
+        },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...transaction(['query']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.query({ skip, limit, dock_id: this.user.id, status: this.status });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+  },
+  computed: {
+    ...mapState(['user', 'menuParams']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>