提交 ca913c1b authored 作者: lihuihui's avatar lihuihui

选择案例调用接口

上级 a59f9be3
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
"dependencies": { "dependencies": {
"axios": "^0.21.3", "axios": "^0.21.3",
"blueimp-md5": "^2.18.0", "blueimp-md5": "^2.18.0",
"echarts": "^5.2.0",
"element-ui": "^2.15.6", "element-ui": "^2.15.6",
"query-string": "^7.0.1", "query-string": "^7.0.1",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-codemirror": "^4.0.6",
"vue-router": "^3.5.2", "vue-router": "^3.5.2",
"vuedraggable": "^2.24.3", "vuedraggable": "^2.24.3",
"vuex": "^3.6.2" "vuex": "^3.6.2"
...@@ -2036,6 +2038,11 @@ ...@@ -2036,6 +2038,11 @@
"co": "4" "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": { "node_modules/color-convert": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
...@@ -2275,6 +2282,11 @@ ...@@ -2275,6 +2282,11 @@
"integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=", "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
"dev": true "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": { "node_modules/digest-header": {
"version": "0.0.1", "version": "0.0.1",
"resolved": "https://registry.npmjs.org/digest-header/-/digest-header-0.0.1.tgz", "resolved": "https://registry.npmjs.org/digest-header/-/digest-header-0.0.1.tgz",
...@@ -2311,6 +2323,15 @@ ...@@ -2311,6 +2323,15 @@
"node": ">=6.0.0" "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": { "node_modules/ee-first": {
"version": "1.1.1", "version": "1.1.1",
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
...@@ -5485,8 +5506,7 @@ ...@@ -5485,8 +5506,7 @@
"node_modules/tslib": { "node_modules/tslib": {
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==", "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
"dev": true
}, },
"node_modules/type-check": { "node_modules/type-check": {
"version": "0.3.2", "version": "0.3.2",
...@@ -5713,6 +5733,19 @@ ...@@ -5713,6 +5733,19 @@
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz", "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
"integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==" "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": { "node_modules/vue-eslint-parser": {
"version": "7.10.0", "version": "7.10.0",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.10.0.tgz", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.10.0.tgz",
...@@ -5909,6 +5942,14 @@ ...@@ -5909,6 +5942,14 @@
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
"dev": true "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": { "dependencies": {
...@@ -7578,6 +7619,11 @@ ...@@ -7578,6 +7619,11 @@
"dev": true, "dev": true,
"requires": {} "requires": {}
}, },
"codemirror": {
"version": "5.62.3",
"resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.62.3.tgz",
"integrity": "sha512-zZAyOfN8TU67ngqrxhOgtkSAGV9jSpN1snbl8elPtnh9Z5A11daR405+dhLzLnuXrwX0WCShWlybxPN3QC/9Pg=="
},
"color-convert": { "color-convert": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
...@@ -7756,6 +7802,11 @@ ...@@ -7756,6 +7802,11 @@
"integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=", "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
"dev": true "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": { "digest-header": {
"version": "0.0.1", "version": "0.0.1",
"resolved": "https://registry.npmjs.org/digest-header/-/digest-header-0.0.1.tgz", "resolved": "https://registry.npmjs.org/digest-header/-/digest-header-0.0.1.tgz",
...@@ -7785,6 +7836,15 @@ ...@@ -7785,6 +7836,15 @@
"esutils": "^2.0.2" "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": { "ee-first": {
"version": "1.1.1", "version": "1.1.1",
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
...@@ -10236,8 +10296,7 @@ ...@@ -10236,8 +10296,7 @@
"tslib": { "tslib": {
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==", "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
"dev": true
}, },
"type-check": { "type-check": {
"version": "0.3.2", "version": "0.3.2",
...@@ -10426,6 +10485,15 @@ ...@@ -10426,6 +10485,15 @@
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz", "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz",
"integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==" "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": { "vue-eslint-parser": {
"version": "7.10.0", "version": "7.10.0",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.10.0.tgz", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.10.0.tgz",
...@@ -10579,6 +10647,14 @@ ...@@ -10579,6 +10647,14 @@
"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
"dev": true "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"
}
} }
} }
} }
...@@ -12,14 +12,14 @@ ...@@ -12,14 +12,14 @@
"dependencies": { "dependencies": {
"axios": "^0.21.3", "axios": "^0.21.3",
"blueimp-md5": "^2.18.0", "blueimp-md5": "^2.18.0",
"echarts": "^5.2.0",
"element-ui": "^2.15.6", "element-ui": "^2.15.6",
"query-string": "^7.0.1", "query-string": "^7.0.1",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-codemirror": "^4.0.6",
"vue-router": "^3.5.2", "vue-router": "^3.5.2",
"vuedraggable": "^2.24.3", "vuedraggable": "^2.24.3",
"vuex": "^3.6.2", "vuex": "^3.6.2"
"echarts": "^5.2.0",
"vue-codemirror": "^4.0.6"
}, },
"devDependencies": { "devDependencies": {
"@rollup/plugin-eslint": "^8.0.1", "@rollup/plugin-eslint": "^8.0.1",
......
import httpRequest from '@/utils/axios' import httpRequest from '@/utils/axios'
/** /**
* 获取商品列表 * 获取产品类型列表
*/ */
export function getInvoiceList(params) { export function getCategories(id) {
return httpRequest.get('/api/finance/v1/invoices/list', { params }).then({}) return httpRequest.get(`/api/xtraining/api/v1/${id}/categories`).then({})
} }
// 获取支付过滤条件 // 获取支付过滤条件
export function getCondition(params) { export function getCasesList(id) {
return httpRequest.get('/api/finance/v1/payments/condition', { params }) return httpRequest.get(`/api/xtraining/api/v1/${id}/cases`)
} }
// 分配发票跟进人 // 分配发票跟进人
......
...@@ -4,13 +4,13 @@ ...@@ -4,13 +4,13 @@
<div class="left"> <div class="left">
<div class="case"> <div class="case">
<el-radio-group v-model="caseSelect"> <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> </el-radio-group>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<ul> <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> </ul>
<el-button type="primary" size="medium" plain style="margin-left:20px;" @click="handleGo">选好了</el-button> <el-button type="primary" size="medium" plain style="margin-left:20px;" @click="handleGo">选好了</el-button>
</div> </div>
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
</div> </div>
</template> </template>
<script> <script>
import { getCategories, getCasesList } from '../api'
export default { export default {
data() { data() {
return { return {
...@@ -27,25 +28,36 @@ export default { ...@@ -27,25 +28,36 @@ export default {
{ label: '股票型基金案例:广发银行优选股票C', id: '333' }, { label: '股票型基金案例:广发银行优选股票C', id: '333' },
{ label: '股票型基金案例:广发银行优选股票D', id: '444' } { label: '股票型基金案例:广发银行优选股票D', id: '444' }
], ],
caseSelect: '111', caseSelect: '',
list: [ list: [],
{ label: '股票型基金', type: '1' }, selected: 0
{ label: '债券型基金', type: '2' },
{ label: '混合型基金', type: '3' },
{ label: '货币性基金', type: '4' },
{ label: 'FOF基金', type: '5' },
{ label: 'LOF基金', type: '6' },
{ label: '指数基金', type: '7' }
],
selected: '1'
} }
}, },
mounted() {
this.getCategories()
},
methods: { methods: {
handleClick(item) { getCategories() {
this.selected = item.type 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() { 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
})
} }
} }
} }
......
...@@ -6,11 +6,15 @@ Vue.use(Vuex) ...@@ -6,11 +6,15 @@ Vue.use(Vuex)
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {
user: {} user: {},
case: {}
}, },
mutations: { mutations: {
setUser(state, user) { setUser(state, user) {
state.user = user state.user = user
},
setCase(state, data) {
state.case = data
} }
}, },
actions: { actions: {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论