From 8adefc799e68c5baeacc98f196a185dda338b84b Mon Sep 17 00:00:00 2001 From: Jo <479214531@qq.com> Date: Sun, 21 Nov 2021 20:24:56 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=88=86=E7=B1=BB?= =?UTF-8?q?=E6=94=B9=E6=88=90=E6=87=92=E5=8A=A0=E8=BD=BD=EF=BC=88=E6=9C=AA?= =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/index.js | 1 + src/components/menuTree/index.vue | 35 ++++++ src/pages/data/list/index.vue | 186 +++++++++--------------------- src/setting.js | 2 +- 4 files changed, 94 insertions(+), 130 deletions(-) create mode 100644 src/components/menuTree/index.vue diff --git a/src/api/index.js b/src/api/index.js index b55e878..940f258 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -79,6 +79,7 @@ export default { downloadAgain:`/data/data/downloadAgain`, isDownload:`/data/data/product/isDownload`, getTableTime:`/data/data/tableTime/getTableTime`, + getLevel: `/data/category/getLevel`, // 数据操作记录 queryAccumulate:`/data/data/dataRecord/queryAccumulate`, diff --git a/src/components/menuTree/index.vue b/src/components/menuTree/index.vue new file mode 100644 index 0000000..4b39e34 --- /dev/null +++ b/src/components/menuTree/index.vue @@ -0,0 +1,35 @@ + + + + diff --git a/src/pages/data/list/index.vue b/src/pages/data/list/index.vue index 8ee4424..098782b 100644 --- a/src/pages/data/list/index.vue +++ b/src/pages/data/list/index.vue @@ -2,90 +2,7 @@
- +
@@ -181,9 +98,13 @@ import { mapState } from 'vuex' import axios from 'axios' import util from '@/libs/util' import Setting from '@/setting' +import menuTree from '@/components/menuTree' let startTimeLimit = '' let endTimeLimit = '' export default { + components: { + menuTree + }, data() { return { that: this, @@ -273,10 +194,11 @@ export default { } }, methods: { - getType() { + getType(id = 0) { // 获取分类 - this.$post(this.api.getTableByClassification).then(res => { - let typeId = this.typeId // 取得传值的id + this.$post(`${this.api.getLevel}?parentId=${id}`).then(res => { + const list = res.list + let typeId = this.typeId // 取得首页传过来的id let introduce = ''// 对应股票的介绍,规则为无children则取上级 let dataSource = '' // 数据来源,同上 let action @@ -295,20 +217,25 @@ export default { if (i) isFirst = false if (typeId && e.id == typeId) {// 若id匹配 action = String(e.id) - if (e.children.length) {// 若有下级 + if (e.children && e.children.length) {// 若有下级 if (!e.children[0].children.length) {// 找到下级的下级若无子级,则赋值勾选 action = String(e.children[0].id) } else {// 直接赋值 action = String(e.children[0].children[0].id) } } - } else if (e.children.length) { // id不匹配,递归找 + } else if (e.children && e.children.length) { // id不匹配,递归找 actionId(e.children) } }) } - this.typeList = res - actionId(res) + if (id) { + this.typeList[0].children = list + } else { + this.typeList = list + } + console.log(11, this.typeList) + actionId(list) this.defaultType = action this.introduce = introduce this.dataSource = dataSource @@ -354,44 +281,45 @@ export default { let introduce = '' let dataSource = '' this.keyword = '' - let list = this.typeList - let select = '' - // 获取最里层的第一个子级id - function getDeepest(data) { - if (data[0].children && data[0].children.length) { - getDeepest(data[0].children) - } else { - select = data[0].id - if (data[0].introduce) introduce = data[0].introduce - if (data[0].dataSource) dataSource = data[0].dataSource - } - } - function handleData(data) { - data.map((n, i) => { - // 匹配到点击的分类,默认展开子级第一个分类 - if (n.id == index) { - // 如果有子级,则递归取到最下面的第一级子级id,如果没有子级,则取当前id - if (n.children.length) { - getDeepest(n.children) - } else { - select = index - if (n.introduce) introduce = n.introduce - if (n.dataSource) dataSource = n.dataSource - } - } else { - handleData(n.children) - } - }) - } - handleData(list) - if (!introduce) introduce = list.find(n => n.id == indexPath[0]).introduce - if (!dataSource) dataSource = list.find(n => n.id == indexPath[0]).dataSource - this.defaultType = select - this.introduce = introduce - this.dataSource = dataSource - this.previewHead = [] - this.previewData = [] - this.initData() + this.getType(index) + // let list = this.typeList + // let select = '' + // // 获取最里层的第一个子级id + // function getDeepest(data) { + // if (data[0].children && data[0].children.length) { + // getDeepest(data[0].children) + // } else { + // select = data[0].id + // if (data[0].introduce) introduce = data[0].introduce + // if (data[0].dataSource) dataSource = data[0].dataSource + // } + // } + // function handleData(data) { + // data.map((n, i) => { + // // 匹配到点击的分类,默认展开子级第一个分类 + // if (n.id == index) { + // // 如果有子级,则递归取到最下面的第一级子级id,如果没有子级,则取当前id + // if (n.children.length) { + // getDeepest(n.children) + // } else { + // select = index + // if (n.introduce) introduce = n.introduce + // if (n.dataSource) dataSource = n.dataSource + // } + // } else { + // handleData(n.children) + // } + // }) + // } + // handleData(list) + // if (!introduce) introduce = list.find(n => n.id == indexPath[0]).introduce + // if (!dataSource) dataSource = list.find(n => n.id == indexPath[0]).dataSource + // this.defaultType = select + // this.introduce = introduce + // this.dataSource = dataSource + // this.previewHead = [] + // this.previewData = [] + // this.initData() }, previewCurrentChange(val) { this.currentRow = val diff --git a/src/setting.js b/src/setting.js index 08fe481..5689f17 100644 --- a/src/setting.js +++ b/src/setting.js @@ -24,7 +24,7 @@ const Setting = { showProgressBar: true, // 接口请求地址 // apiBaseURL: env === 'development' ? 'http://192.168.31.151:9000' : 'http://39.108.250.202:9000',// 佳坤 - apiBaseURL: env === 'development' ? 'http://192.168.31.151:9000' : 'http://39.108.250.202:9000', + apiBaseURL: env === 'development' ? 'http://39.108.250.202:9000' : 'http://39.108.250.202:9000', // 接口请求返回错误时,弹窗的持续时间,单位:秒 modalDuration: 3, // 接口请求返回错误时,弹窗的类型,可选值为 Message 或 Notice From 1fae5f0fab4ea8f6d25bb68d7a6c86a1574c9dcf Mon Sep 17 00:00:00 2001 From: yujialong <479214531@qq.com> Date: Tue, 23 Nov 2021 15:25:55 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=88=86=E7=B1=BB?= =?UTF-8?q?=E8=BF=98=E5=8E=9F=E6=88=90=E4=B8=80=E6=AC=A1=E8=8E=B7=E5=8F=96?= =?UTF-8?q?=E6=89=80=E6=9C=89=E5=88=86=E7=B1=BB=EF=BC=88=E5=AE=9E=E7=8E=B0?= =?UTF-8?q?=E4=BA=86=E6=97=A0=E9=99=90=E5=B1=82=E7=BA=A7=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/data/list/index.vue | 97 ++++++++++++++++------------------- 1 file changed, 45 insertions(+), 52 deletions(-) diff --git a/src/pages/data/list/index.vue b/src/pages/data/list/index.vue index 098782b..9e3a123 100644 --- a/src/pages/data/list/index.vue +++ b/src/pages/data/list/index.vue @@ -194,11 +194,10 @@ export default { } }, methods: { - getType(id = 0) { + getType() { // 获取分类 - this.$post(`${this.api.getLevel}?parentId=${id}`).then(res => { - const list = res.list - let typeId = this.typeId // 取得首页传过来的id + this.$post(this.api.getTableByClassification).then(res => { + let typeId = this.typeId // 取得传值的id let introduce = ''// 对应股票的介绍,规则为无children则取上级 let dataSource = '' // 数据来源,同上 let action @@ -217,25 +216,20 @@ export default { if (i) isFirst = false if (typeId && e.id == typeId) {// 若id匹配 action = String(e.id) - if (e.children && e.children.length) {// 若有下级 + if (e.children.length) {// 若有下级 if (!e.children[0].children.length) {// 找到下级的下级若无子级,则赋值勾选 action = String(e.children[0].id) } else {// 直接赋值 action = String(e.children[0].children[0].id) } } - } else if (e.children && e.children.length) { // id不匹配,递归找 + } else if (e.children.length) { // id不匹配,递归找 actionId(e.children) } }) } - if (id) { - this.typeList[0].children = list - } else { - this.typeList = list - } - console.log(11, this.typeList) - actionId(list) + this.typeList = res + actionId(res) this.defaultType = action this.introduce = introduce this.dataSource = dataSource @@ -281,45 +275,44 @@ export default { let introduce = '' let dataSource = '' this.keyword = '' - this.getType(index) - // let list = this.typeList - // let select = '' - // // 获取最里层的第一个子级id - // function getDeepest(data) { - // if (data[0].children && data[0].children.length) { - // getDeepest(data[0].children) - // } else { - // select = data[0].id - // if (data[0].introduce) introduce = data[0].introduce - // if (data[0].dataSource) dataSource = data[0].dataSource - // } - // } - // function handleData(data) { - // data.map((n, i) => { - // // 匹配到点击的分类,默认展开子级第一个分类 - // if (n.id == index) { - // // 如果有子级,则递归取到最下面的第一级子级id,如果没有子级,则取当前id - // if (n.children.length) { - // getDeepest(n.children) - // } else { - // select = index - // if (n.introduce) introduce = n.introduce - // if (n.dataSource) dataSource = n.dataSource - // } - // } else { - // handleData(n.children) - // } - // }) - // } - // handleData(list) - // if (!introduce) introduce = list.find(n => n.id == indexPath[0]).introduce - // if (!dataSource) dataSource = list.find(n => n.id == indexPath[0]).dataSource - // this.defaultType = select - // this.introduce = introduce - // this.dataSource = dataSource - // this.previewHead = [] - // this.previewData = [] - // this.initData() + let list = this.typeList + let select = '' + // 获取最里层的第一个子级id + function getDeepest(data) { + if (data[0].children && data[0].children.length) { + getDeepest(data[0].children) + } else { + select = data[0].id + if (data[0].introduce) introduce = data[0].introduce + if (data[0].dataSource) dataSource = data[0].dataSource + } + } + function handleData(data) { + data.map((n, i) => { + // 匹配到点击的分类,默认展开子级第一个分类 + if (n.id == index) { + // 如果有子级,则递归取到最下面的第一级子级id,如果没有子级,则取当前id + if (n.children.length) { + getDeepest(n.children) + } else { + select = index + if (n.introduce) introduce = n.introduce + if (n.dataSource) dataSource = n.dataSource + } + } else { + handleData(n.children) + } + }) + } + handleData(list) + if (!introduce) introduce = list.find(n => n.id == indexPath[0]).introduce + if (!dataSource) dataSource = list.find(n => n.id == indexPath[0]).dataSource + this.defaultType = select + this.introduce = introduce + this.dataSource = dataSource + this.previewHead = [] + this.previewData = [] + this.initData() }, previewCurrentChange(val) { this.currentRow = val