Commit 86237de4 authored by leon's avatar leon

feat:add dropdown tabs

parent 0f267f5e
// 请求的本域名
const baseUrl = 'https://api.charleskeith.cn/api' // 正式环境
// const reportUrl = 'http://192.168.138.55:8081/api' // 测试环境
const baseUrl = 'http://192.168.138.55:8081/api' // 正式环境
const reportUrl = 'http://192.168.138.55:8081/api' // 测试环境
// const reportUrl = 'http://47.101.191.49:8083/api' // 外网测试环境
const reportUrl = 'https://api.charleskeith.cn/api' // 正式环境
// const reportUrl = 'https://api.charleskeith.cn/api' // 正式环境
const install = (Vue, vm) => {
let getHttp = (url, params, config) => vm.$http.get(url, { params }, config)
let postHttp = (url, params, config) => vm.$http.post(url, params, config)
......
......@@ -3,9 +3,9 @@ const http = new Request();
const install = (Vue, vm) => {
http.setConfig(config => {
config.baseURL = 'https://api.charleskeith.cn' // 正式环境
// config.baseURL = 'https://api.charleskeith.cn' // 正式环境
// config.baseURL = 'http://47.101.191.49:8083' // 外网测试环境
// config.baseURL = 'http://192.168.138.55:8081' // 测试环境
config.baseURL = 'http://192.168.138.55:8081' // 测试环境
config.custom = {
loading: false
},
......
......@@ -32,7 +32,12 @@
<view @click="handleChangeSwitchValue()" class="switch-view" :style="[tabsStyle]">
{{elementData.dataList.series[currentTabs].name}}
</view>
</template>
</template>
<u-dropdown v-if="elementInfo.option.tabs.type === 'dropdown'" :title-size="getFontSize()"
:active-color="elementInfo.option.tabs.activeColor" :inactive-color="elementInfo.option.tabs.color">
<u-dropdown-item v-model="tabsValue" :title="getSelectLabel(tabsValue)" :options="tabsMenu"></u-dropdown-item>
</u-dropdown>
</view>
</template>
......@@ -75,6 +80,17 @@
)
}
return []
},
tabsMenu() {
const {
type
} = this.elementInfo.option.tabs
if (type === 'dropdown') {
this.elementData.dataList.series.forEach(item => {
item.label = item.name
})
}
return this.elementData.dataList.series
},
tabsStyle() {
const {
......@@ -277,5 +293,18 @@
display: flex;
align-items: center;
justify-content: center;
}
}
// 需要根据配置下拉的字体大小,字体颜色和高亮颜色,不要右边的icon
::v-deep {
.u-dropdown__menu__item {
background-color: #fff !important;
}
.u-cell-item-box {
background-color: aquamarine !important;
}
.u-cell_title {
font-size: var(--font-size) !important;
}
}
</style>
......@@ -239,7 +239,7 @@
async getReportCharts() {
clearInterval(this.timename)
const that = this
let res = await that.$u.api.getReportCharts({id: '627a16644606332538b4633c'})
let res = await that.$u.api.getReportCharts({id: '63647c3932f1997dd2ed53bf'})
uni.stopPullDownRefresh()
uni.$emit('handlePullDownRefresh')
const { Status, Result: { info, list } } = res.data
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment