选择案例调用接口

ca913c1b · lihuihui · a59f9be3 · ca913c1b · ca913c1b · ca913c1b
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,9 +9,11 @@
      "dependencies": {
        "axios": "^0.21.3",
        "blueimp-md5": "^2.18.0",
+        "echarts": "^5.2.0",
        "element-ui": "^2.15.6",
        "query-string": "^7.0.1",
        "vue": "^2.6.14",
+        "vue-codemirror": "^4.0.6",
        "vue-router": "^3.5.2",
        "vuedraggable": "^2.24.3",
        "vuex": "^3.6.2"
@@ -2036,6 +2038,11 @@
        "co": "4"
      }
    },
+    "node_modules/codemirror": {
+      "version": "5.62.3",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.62.3.tgz",
+      "integrity": "sha512-zZAyOfN8TU67ngqrxhOgtkSAGV9jSpN1snbl8elPtnh9Z5A11daR405+dhLzLnuXrwX0WCShWlybxPN3QC/9Pg=="
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2275,6 +2282,11 @@
      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
      "dev": true
    },
+    "node_modules/diff-match-patch": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.5.tgz",
+      "integrity": "sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw=="
+    },
    "node_modules/digest-header": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/digest-header/-/digest-header-0.0.1.tgz",
@@ -2311,6 +2323,15 @@
        "node": ">=6.0.0"
      }
    },
+    "node_modules/echarts": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.2.0.tgz",
+      "integrity": "sha512-7CrCKGRjFdpLIJ/Yt1gpHeqs5PiCem2GHPdWZPwKl7WSYeZu0Qzm1bcCFe9/b4dfVaL1zlY4JmdzaVwKksVeqg==",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.2.0"
+      }
+    },
    "node_modules/ee-first": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -5485,8 +5506,7 @@
    "node_modules/tslib": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
-      "dev": true
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
    },
    "node_modules/type-check": {
      "version": "0.3.2",
@@ -5713,6 +5733,19 @@
      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
    },
+    "node_modules/vue-codemirror": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/vue-codemirror/-/vue-codemirror-4.0.6.tgz",
+      "integrity": "sha512-ilU7Uf0mqBNSSV3KT7FNEeRIxH4s1fmpG4TfHlzvXn0QiQAbkXS9lLfwuZpaBVEnpP5CSE62iGJjoliTuA8poQ==",
+      "dependencies": {
+        "codemirror": "^5.41.0",
+        "diff-match-patch": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
    "node_modules/vue-eslint-parser": {
      "version": "7.10.0",
      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.10.0.tgz",
@@ -5909,6 +5942,14 @@
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
      "dev": true
+    },
+    "node_modules/zrender": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.2.0.tgz",
+      "integrity": "sha512-87v3gvB0lcWy48ObA/DwrhQ95ADMMRhECVrXmHDFCBNvbxHFfEDZtrZh4VmVjLAeFAjimY4PyZ65rbLCivdszA==",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
    }
  },
  "dependencies": {
@@ -7578,6 +7619,11 @@
      "dev": true,
      "requires": {}
    },
+    "codemirror": {
+      "version": "5.62.3",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.62.3.tgz",
+      "integrity": "sha512-zZAyOfN8TU67ngqrxhOgtkSAGV9jSpN1snbl8elPtnh9Z5A11daR405+dhLzLnuXrwX0WCShWlybxPN3QC/9Pg=="
+    },
    "color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -7756,6 +7802,11 @@
      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
      "dev": true
    },
+    "diff-match-patch": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.5.tgz",
+      "integrity": "sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw=="
+    },
    "digest-header": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/digest-header/-/digest-header-0.0.1.tgz",
@@ -7785,6 +7836,15 @@
        "esutils": "^2.0.2"
      }
    },
+    "echarts": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.2.0.tgz",
+      "integrity": "sha512-7CrCKGRjFdpLIJ/Yt1gpHeqs5PiCem2GHPdWZPwKl7WSYeZu0Qzm1bcCFe9/b4dfVaL1zlY4JmdzaVwKksVeqg==",
+      "requires": {
+        "tslib": "2.3.0",
+        "zrender": "5.2.0"
+      }
+    },
    "ee-first": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -10236,8 +10296,7 @@
    "tslib": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
-      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
-      "dev": true
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
    },
    "type-check": {
      "version": "0.3.2",
@@ -10426,6 +10485,15 @@
      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
      "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
    },
+    "vue-codemirror": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/vue-codemirror/-/vue-codemirror-4.0.6.tgz",
+      "integrity": "sha512-ilU7Uf0mqBNSSV3KT7FNEeRIxH4s1fmpG4TfHlzvXn0QiQAbkXS9lLfwuZpaBVEnpP5CSE62iGJjoliTuA8poQ==",
+      "requires": {
+        "codemirror": "^5.41.0",
+        "diff-match-patch": "^1.0.0"
+      }
+    },
    "vue-eslint-parser": {
      "version": "7.10.0",
      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.10.0.tgz",
@@ -10579,6 +10647,14 @@
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
      "dev": true
+    },
+    "zrender": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.2.0.tgz",
+      "integrity": "sha512-87v3gvB0lcWy48ObA/DwrhQ95ADMMRhECVrXmHDFCBNvbxHFfEDZtrZh4VmVjLAeFAjimY4PyZ65rbLCivdszA==",
+      "requires": {
+        "tslib": "2.3.0"
+      }
    }
  }
 }
--- a/package.json
+++ b/package.json
@@ -12,14 +12,14 @@
  "dependencies": {
    "axios": "^0.21.3",
    "blueimp-md5": "^2.18.0",
+    "echarts": "^5.2.0",
    "element-ui": "^2.15.6",
    "query-string": "^7.0.1",
    "vue": "^2.6.14",
+    "vue-codemirror": "^4.0.6",
    "vue-router": "^3.5.2",
    "vuedraggable": "^2.24.3",
-    "vuex": "^3.6.2",
-    "echarts": "^5.2.0",
-    "vue-codemirror": "^4.0.6"
+    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@rollup/plugin-eslint": "^8.0.1",

--- a/src/modules/product-analysis/api.js
+++ b/src/modules/product-analysis/api.js
 import httpRequest from '@/utils/axios'

 /**
- * 获取商品列表
+ * 获取产品类型列表
 */
-export function getInvoiceList(params) {
-  return httpRequest.get('/api/finance/v1/invoices/list', { params }).then({})
+export function getCategories(id) {
+  return httpRequest.get(`/api/xtraining/api/v1/${id}/categories`).then({})
 }

 // 获取支付过滤条件
-export function getCondition(params) {
-  return httpRequest.get('/api/finance/v1/payments/condition', { params })
+export function getCasesList(id) {
+  return httpRequest.get(`/api/xtraining/api/v1/${id}/cases`)
 }

 // 分配发票跟进人

--- a/src/modules/product-analysis/views/CaseSelect.vue
+++ b/src/modules/product-analysis/views/CaseSelect.vue
@@ -4,13 +4,13 @@
      <div class="left">
        <div class="case">
          <el-radio-group v-model="caseSelect">
-            <el-radio :label="item.id" v-for="(item, index) in caseList" :key="index">{{item.label}}</el-radio>
+            <el-radio :label="item.id" v-for="(item, index) in caseList" :key="index">{{item.name}}</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="right">
        <ul>
-          <li :class="{ active: item.type === selected }" v-for="(item, index) in list" :key="index" @click="handleClick(item)">{{item.label}}</li>
+          <li :class="{ active: index === selected }" v-for="(item, index) in list" :key="index" @click="handleClick(item, index)">{{item.name}}</li>
        </ul>
        <el-button type="primary" size="medium" plain style="margin-left:20px;" @click="handleGo">选好了</el-button>
      </div>
@@ -18,6 +18,7 @@
  </div>
 </template>
 <script>
+import { getCategories, getCasesList } from '../api'
 export default {
  data() {
    return {
@@ -27,25 +28,36 @@ export default {
        { label: '股票型基金案例：广发银行优选股票C', id: '333' },
        { label: '股票型基金案例：广发银行优选股票D', id: '444' }
      ],
-      caseSelect: '111',
-      list: [
-        { label: '股票型基金', type: '1' },
-        { label: '债券型基金', type: '2' },
-        { label: '混合型基金', type: '3' },
-        { label: '货币性基金', type: '4' },
-        { label: 'FOF基金', type: '5' },
-        { label: 'LOF基金', type: '6' },
-        { label: '指数基金', type: '7' }
-      ],
-      selected: '1'
+      caseSelect: '',
+      list: [],
+      selected: 0
    }
  },
+  mounted() {
+    this.getCategories()
+  },
  methods: {
-    handleClick(item) {
-      this.selected = item.type
+    getCategories() {
+      getCategories(1).then(res => {
+        this.getCasesList(res.data.items[0].id)
+        this.list = res.data.items
+      })
+    },
+    handleClick(item, index) {
+      this.selected = index
+      this.getCasesList(item.id)
    },
    handleGo() {
-      this.$router.push({ path: '/product-analysis/report', query: { id: this.caseSelect } })
+      const data = this.caseList.find(item => { return item.id === this.caseSelect })
+      this.$store.commit('setCase', data)
+      // console.log(this.$store.state.case, '1231')
+      // this.$router.push({ path: '/product-analysis/report', query: { id: this.caseSelect } })
+    },
+    getCasesList(id) {
+      getCasesList(id).then(res => {
+        this.caseList = res.data.items
+        this.caseSelect = res.data.items[0].id
+      })
    }
  }
 }

--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,11 +6,15 @@ Vue.use(Vuex)

 export default new Vuex.Store({
  state: {
-    user: {}
+    user: {},
+    case: {}
  },
  mutations: {
    setUser(state, user) {
      state.user = user
+    },
+    setCase(state, data) {
+      state.case = data
    }
  },
  actions: {