看板
Showing
6 changed files
with
98 additions
and
58 deletions
| ... | @@ -6,13 +6,12 @@ const url = params.get('sid'); | ... | @@ -6,13 +6,12 @@ const url = params.get('sid'); |
| 6 | 6 | ||
| 7 | // let url = '5342b777-d86a-4967-a18b-7329a3fca56b' | 7 | // let url = '5342b777-d86a-4967-a18b-7329a3fca56b' |
| 8 | 8 | ||
| 9 | console.log(url) | ||
| 10 | 9 | ||
| 11 | /** | 10 | /** |
| 12 | * 用户信息 | 11 | * 用户信息 |
| 13 | * @returns {*} | 12 | * @returns {*} |
| 14 | */ | 13 | */ |
| 15 | export function getYS000() { | 14 | export function getYS000(url) { |
| 16 | return request({ | 15 | return request({ |
| 17 | method: 'post', | 16 | method: 'post', |
| 18 | data: { | 17 | data: { |
| ... | @@ -27,7 +26,7 @@ export function getYS000() { | ... | @@ -27,7 +26,7 @@ export function getYS000() { |
| 27 | * 营业收入 | 26 | * 营业收入 |
| 28 | * @returns {*} | 27 | * @returns {*} |
| 29 | */ | 28 | */ |
| 30 | export function getYS001() { | 29 | export function getYS001(url) { |
| 31 | return request({ | 30 | return request({ |
| 32 | method: 'post', | 31 | method: 'post', |
| 33 | data: { | 32 | data: { |
| ... | @@ -41,7 +40,7 @@ export function getYS001() { | ... | @@ -41,7 +40,7 @@ export function getYS001() { |
| 41 | * 应收余额 | 40 | * 应收余额 |
| 42 | * @returns {*} | 41 | * @returns {*} |
| 43 | */ | 42 | */ |
| 44 | export function getYS002() { | 43 | export function getYS002(url) { |
| 45 | return request({ | 44 | return request({ |
| 46 | method: 'post', | 45 | method: 'post', |
| 47 | data: { | 46 | data: { |
| ... | @@ -55,7 +54,7 @@ export function getYS002() { | ... | @@ -55,7 +54,7 @@ export function getYS002() { |
| 55 | * 现金余额 | 54 | * 现金余额 |
| 56 | * @returns {*} | 55 | * @returns {*} |
| 57 | */ | 56 | */ |
| 58 | export function getYS003() { | 57 | export function getYS003(url) { |
| 59 | return request({ | 58 | return request({ |
| 60 | method: 'post', | 59 | method: 'post', |
| 61 | data: { | 60 | data: { |
| ... | @@ -69,7 +68,7 @@ export function getYS003() { | ... | @@ -69,7 +68,7 @@ export function getYS003() { |
| 69 | * DSO天数 | 68 | * DSO天数 |
| 70 | * @returns {*} | 69 | * @returns {*} |
| 71 | */ | 70 | */ |
| 72 | export function getYS004() { | 71 | export function getYS004(url) { |
| 73 | return request({ | 72 | return request({ |
| 74 | method: 'post', | 73 | method: 'post', |
| 75 | data: { | 74 | data: { |
| ... | @@ -83,7 +82,7 @@ export function getYS004() { | ... | @@ -83,7 +82,7 @@ export function getYS004() { |
| 83 | * (五)董事会得分、领导重点关注 | 82 | * (五)董事会得分、领导重点关注 |
| 84 | * @returns {*} | 83 | * @returns {*} |
| 85 | */ | 84 | */ |
| 86 | export function getYS005() { | 85 | export function getYS005(url) { |
| 87 | return request({ | 86 | return request({ |
| 88 | method: 'post', | 87 | method: 'post', |
| 89 | data: { | 88 | data: { |
| ... | @@ -97,7 +96,7 @@ export function getYS005() { | ... | @@ -97,7 +96,7 @@ export function getYS005() { |
| 97 | * 左侧 应收账款 | 96 | * 左侧 应收账款 |
| 98 | * @returns {*} | 97 | * @returns {*} |
| 99 | */ | 98 | */ |
| 100 | export function getYS006() { | 99 | export function getYS006(url) { |
| 101 | return request({ | 100 | return request({ |
| 102 | method: 'post', | 101 | method: 'post', |
| 103 | data: { | 102 | data: { |
| ... | @@ -111,7 +110,7 @@ export function getYS006() { | ... | @@ -111,7 +110,7 @@ export function getYS006() { |
| 111 | * 右侧 开票计划与执行 | 110 | * 右侧 开票计划与执行 |
| 112 | * @returns {*} | 111 | * @returns {*} |
| 113 | */ | 112 | */ |
| 114 | export function getYS007() { | 113 | export function getYS007(url) { |
| 115 | return request({ | 114 | return request({ |
| 116 | method: 'post', | 115 | method: 'post', |
| 117 | data: { | 116 | data: { |
| ... | @@ -126,7 +125,7 @@ export function getYS007() { | ... | @@ -126,7 +125,7 @@ export function getYS007() { |
| 126 | * 右侧 回款 | 125 | * 右侧 回款 |
| 127 | * @returns {*} | 126 | * @returns {*} |
| 128 | */ | 127 | */ |
| 129 | export function getYS008() { | 128 | export function getYS008(url) { |
| 130 | return request({ | 129 | return request({ |
| 131 | method: 'post', | 130 | method: 'post', |
| 132 | data: { | 131 | data: { |
| ... | @@ -140,7 +139,7 @@ export function getYS008() { | ... | @@ -140,7 +139,7 @@ export function getYS008() { |
| 140 | * 右侧 右侧模块-逾期360天以上未开票 | 139 | * 右侧 右侧模块-逾期360天以上未开票 |
| 141 | * @returns {*} | 140 | * @returns {*} |
| 142 | */ | 141 | */ |
| 143 | export function getYS009() { | 142 | export function getYS009(url) { |
| 144 | return request({ | 143 | return request({ |
| 145 | method: 'post', | 144 | method: 'post', |
| 146 | data: { | 145 | data: { | ... | ... |
| 1 | import { createApp } from 'vue' | 1 | import {createApp} from 'vue' |
| 2 | 2 | ||
| 3 | import Cookies from 'js-cookie' | 3 | import Cookies from 'js-cookie' |
| 4 | 4 | ||
| ... | @@ -10,7 +10,7 @@ import directive from './directive' // directive | ... | @@ -10,7 +10,7 @@ import directive from './directive' // directive |
| 10 | 10 | ||
| 11 | // 注册指令 | 11 | // 注册指令 |
| 12 | import plugins from './plugins' // plugins | 12 | import plugins from './plugins' // plugins |
| 13 | import { download } from '@/utils/request' | 13 | import {download} from '@/utils/request' |
| 14 | 14 | ||
| 15 | // svg图标 | 15 | // svg图标 |
| 16 | import 'virtual:svg-icons-register' | 16 | import 'virtual:svg-icons-register' |
| ... | @@ -20,10 +20,19 @@ import elementIcons from '@/components/SvgIcon/svgicon' | ... | @@ -20,10 +20,19 @@ import elementIcons from '@/components/SvgIcon/svgicon' |
| 20 | // import './permissionPc' // permission control | 20 | // import './permissionPc' // permission control |
| 21 | import * as socket from './utils/sockets' | 21 | import * as socket from './utils/sockets' |
| 22 | 22 | ||
| 23 | import { useDict } from '@/utils/dict' | 23 | import {useDict} from '@/utils/dict' |
| 24 | import { getConfigKey, updateConfigByKey } from '@/api/system/config' | 24 | import {getConfigKey, updateConfigByKey} from '@/api/system/config' |
| 25 | import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels, fillImgUrl, downloadFile } from '@/utils/ruoyi' | 25 | import { |
| 26 | import { CountDown } from 'vant' | 26 | parseTime, |
| 27 | resetForm, | ||
| 28 | addDateRange, | ||
| 29 | handleTree, | ||
| 30 | selectDictLabel, | ||
| 31 | selectDictLabels, | ||
| 32 | fillImgUrl, | ||
| 33 | downloadFile | ||
| 34 | } from '@/utils/ruoyi' | ||
| 35 | import {CountDown} from 'vant' | ||
| 27 | import 'vant/lib/index.css' | 36 | import 'vant/lib/index.css' |
| 28 | import 'flag-icon-css/css/flag-icons.css' | 37 | import 'flag-icon-css/css/flag-icons.css' |
| 29 | import Particles from 'vue3-particles' | 38 | import Particles from 'vue3-particles' |
| ... | @@ -47,7 +56,6 @@ import TreeSelect from '@/components/TreeSelect' | ... | @@ -47,7 +56,6 @@ import TreeSelect from '@/components/TreeSelect' |
| 47 | import DictTag from '@/components/DictTag' | 56 | import DictTag from '@/components/DictTag' |
| 48 | 57 | ||
| 49 | 58 | ||
| 50 | |||
| 51 | import draggable from 'vuedraggable' | 59 | import draggable from 'vuedraggable' |
| 52 | 60 | ||
| 53 | import VueVideoPlayer from '@videojs-player/vue' | 61 | import VueVideoPlayer from '@videojs-player/vue' |
| ... | @@ -58,7 +66,7 @@ import router from './routerPc/index' | ... | @@ -58,7 +66,7 @@ import router from './routerPc/index' |
| 58 | import localeCn from 'element-plus/es/locale/lang/zh-cn' // 中文语言 | 66 | import localeCn from 'element-plus/es/locale/lang/zh-cn' // 中文语言 |
| 59 | import localeEn from 'element-plus/es/locale/lang/en' | 67 | import localeEn from 'element-plus/es/locale/lang/en' |
| 60 | 68 | ||
| 61 | import DataV, { setClassNamePrefix } from 'datav-vue3' | 69 | import DataV, {setClassNamePrefix} from 'datav-vue3' |
| 62 | 70 | ||
| 63 | import {useStorage} from "@vueuse/core/index"; | 71 | import {useStorage} from "@vueuse/core/index"; |
| 64 | 72 | ||
| ... | @@ -68,7 +76,7 @@ import 'fullpage.js/dist/fullpage.min.css' | ... | @@ -68,7 +76,7 @@ import 'fullpage.js/dist/fullpage.min.css' |
| 68 | // import VueRouterTransition from 'vue-router-transition' | 76 | // import VueRouterTransition from 'vue-router-transition' |
| 69 | 77 | ||
| 70 | 78 | ||
| 71 | const language= useStorage('language',0) | 79 | const language = useStorage('language', 0) |
| 72 | const app = createApp(App) | 80 | const app = createApp(App) |
| 73 | 81 | ||
| 74 | // 全局方法挂载 | 82 | // 全局方法挂载 |
| ... | @@ -123,11 +131,10 @@ app.use(elementIcons) | ... | @@ -123,11 +131,10 @@ app.use(elementIcons) |
| 123 | app.use(CountDown) | 131 | app.use(CountDown) |
| 124 | app.use(Particles) | 132 | app.use(Particles) |
| 125 | app.use(VueFullPage) | 133 | app.use(VueFullPage) |
| 126 | app.use(DataV, { classNamePrefix: 'dv-' }) | 134 | app.use(DataV, {classNamePrefix: 'dv-'}) |
| 127 | // app.use(Vcode) | 135 | // app.use(Vcode) |
| 128 | 136 | ||
| 129 | 137 | ||
| 130 | |||
| 131 | // app.use(VueRouter); | 138 | // app.use(VueRouter); |
| 132 | // app.use(VueRouterTransition); | 139 | // app.use(VueRouterTransition); |
| 133 | 140 | ||
| ... | @@ -137,7 +144,6 @@ app.use(VueVideoPlayer) | ... | @@ -137,7 +144,6 @@ app.use(VueVideoPlayer) |
| 137 | directive(app) | 144 | directive(app) |
| 138 | 145 | ||
| 139 | 146 | ||
| 140 | |||
| 141 | // 修改 el-dialog 默认点击遮照为不关闭 | 147 | // 修改 el-dialog 默认点击遮照为不关闭 |
| 142 | app._context.components.ElDialog.props.closeOnClickModal.default = false | 148 | app._context.components.ElDialog.props.closeOnClickModal.default = false |
| 143 | 149 | ||
| ... | @@ -146,3 +152,6 @@ app.mount('#app') | ... | @@ -146,3 +152,6 @@ app.mount('#app') |
| 146 | if (process.env.NODE_ENV !== 'development') { | 152 | if (process.env.NODE_ENV !== 'development') { |
| 147 | // disorderCopy() | 153 | // disorderCopy() |
| 148 | } | 154 | } |
| 155 | |||
| 156 | |||
| 157 | console.log(1234) | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -2,13 +2,13 @@ | ... | @@ -2,13 +2,13 @@ |
| 2 | <div class="main"> | 2 | <div class="main"> |
| 3 | <el-row class="w100"> | 3 | <el-row class="w100"> |
| 4 | <el-col :span="type=='是'?8:12"> | 4 | <el-col :span="type=='是'?8:12"> |
| 5 | <left-page/> | 5 | <left-page :type="type" :url="result"/> |
| 6 | </el-col> | 6 | </el-col> |
| 7 | <el-col v-if="type=='是'" :span="8"> | 7 | <el-col v-if="type=='是'" :span="8"> |
| 8 | <center-page :type="type=='是'"/> | 8 | <center-page :type="type=='是'" :url="result"/> |
| 9 | </el-col> | 9 | </el-col> |
| 10 | <el-col :span="type=='是'?8:12"> | 10 | <el-col :span="type=='是'?8:12"> |
| 11 | <right-page/> | 11 | <right-page :type="type" :url="result"/> |
| 12 | </el-col> | 12 | </el-col> |
| 13 | </el-row> | 13 | </el-row> |
| 14 | </div> | 14 | </div> |
| ... | @@ -20,15 +20,24 @@ import LeftPage from "@/viewsPc/vip/leftPage" | ... | @@ -20,15 +20,24 @@ import LeftPage from "@/viewsPc/vip/leftPage" |
| 20 | import CenterPage from "@/viewsPc/vip/centerPage" | 20 | import CenterPage from "@/viewsPc/vip/centerPage" |
| 21 | import RightPage from "@/viewsPc/vip/rightPage" | 21 | import RightPage from "@/viewsPc/vip/rightPage" |
| 22 | import {getYS000} from '@/api/server.js' | 22 | import {getYS000} from '@/api/server.js' |
| 23 | import {ref} from 'vue' | 23 | import {ref, onMounted} from 'vue' |
| 24 | 24 | ||
| 25 | const type = ref('否') | 25 | const type = ref('否') |
| 26 | // url.value = window.location.host + '/pc.html#/match/list/' | ||
| 27 | 26 | ||
| 28 | handelGetYS000() | 27 | // url.value = window.location.href |
| 28 | const url = ref('http://192.168.1.152:8899/login/sid=5342b777-d86a-4967-a18b-7329a3fca56b#/') | ||
| 29 | |||
| 30 | const result = ref() | ||
| 31 | result.value = url.value?.split('=')[1]?.split('#')[0]; | ||
| 32 | |||
| 33 | onMounted(() => { | ||
| 34 | console.log(result.value) | ||
| 35 | if (result.value) handelGetYS000() | ||
| 36 | }) | ||
| 37 | |||
| 29 | 38 | ||
| 30 | async function handelGetYS000() { | 39 | async function handelGetYS000() { |
| 31 | const res = await getYS000() | 40 | const res = await getYS000(result.value) |
| 32 | type.value = res.data?.IFBASE || '否' | 41 | type.value = res.data?.IFBASE || '否' |
| 33 | } | 42 | } |
| 34 | 43 | ... | ... |
| ... | @@ -94,7 +94,7 @@ import {autoToolTip} from "@/plugins/auto-toolTip"; | ... | @@ -94,7 +94,7 @@ import {autoToolTip} from "@/plugins/auto-toolTip"; |
| 94 | import ScrollingData from './scrollingData.vue' | 94 | import ScrollingData from './scrollingData.vue' |
| 95 | import * as echarts from "echarts"; | 95 | import * as echarts from "echarts"; |
| 96 | import * as api from "@/apiPc/common" | 96 | import * as api from "@/apiPc/common" |
| 97 | import {onMounted, ref} from 'vue' | 97 | import {onMounted, ref, computed} from 'vue' |
| 98 | import {dayjs} from 'element-plus' | 98 | import {dayjs} from 'element-plus' |
| 99 | import {getYS001, getYS002, getYS003, getYS004, getYS005} from '@/api/server.js' | 99 | import {getYS001, getYS002, getYS003, getYS004, getYS005} from '@/api/server.js' |
| 100 | 100 | ||
| ... | @@ -103,8 +103,14 @@ const props = defineProps({ | ... | @@ -103,8 +103,14 @@ const props = defineProps({ |
| 103 | type: Boolean, | 103 | type: Boolean, |
| 104 | default: false | 104 | default: false |
| 105 | }, | 105 | }, |
| 106 | url: { | ||
| 107 | type: String, | ||
| 108 | default: undefined | ||
| 109 | } | ||
| 110 | |||
| 106 | }) | 111 | }) |
| 107 | 112 | ||
| 113 | const url = computed(() => props.url) | ||
| 108 | const zhuRef1 = ref(null) | 114 | const zhuRef1 = ref(null) |
| 109 | const zhuRef2 = ref(null) | 115 | const zhuRef2 = ref(null) |
| 110 | const zhuRef3 = ref(null) | 116 | const zhuRef3 = ref(null) |
| ... | @@ -140,9 +146,8 @@ let total = 0 | ... | @@ -140,9 +146,8 @@ let total = 0 |
| 140 | let intervalA = null | 146 | let intervalA = null |
| 141 | 147 | ||
| 142 | onMounted(() => { | 148 | onMounted(() => { |
| 143 | debugger | ||
| 144 | if (props.type) { | 149 | if (props.type) { |
| 145 | init() | 150 | if (url.value) init() |
| 146 | window.addEventListener('resize', handleResize); | 151 | window.addEventListener('resize', handleResize); |
| 147 | } | 152 | } |
| 148 | 153 | ||
| ... | @@ -174,7 +179,7 @@ const init = () => { | ... | @@ -174,7 +179,7 @@ const init = () => { |
| 174 | } | 179 | } |
| 175 | 180 | ||
| 176 | async function handelGetYS001() { | 181 | async function handelGetYS001() { |
| 177 | const res = await getYS001() | 182 | const res = await getYS001(url.value) |
| 178 | resYear1.value = res.data.yeargroup | 183 | resYear1.value = res.data.yeargroup |
| 179 | handelBing1(res.data.yeargroup[0], res.data.yeargroup[1]) | 184 | handelBing1(res.data.yeargroup[0], res.data.yeargroup[1]) |
| 180 | handelZhu1(res.data.yeargroup[0], res.data.yeargroup[1]) | 185 | handelZhu1(res.data.yeargroup[0], res.data.yeargroup[1]) |
| ... | @@ -182,7 +187,7 @@ async function handelGetYS001() { | ... | @@ -182,7 +187,7 @@ async function handelGetYS001() { |
| 182 | } | 187 | } |
| 183 | 188 | ||
| 184 | async function handelGetYS002() { | 189 | async function handelGetYS002() { |
| 185 | const res = await getYS002() | 190 | const res = await getYS002(url.value) |
| 186 | resYear2.value = res.data.yeargroup | 191 | resYear2.value = res.data.yeargroup |
| 187 | handelBing2(res.data.yeargroup[0], res.data.yeargroup[1]) | 192 | handelBing2(res.data.yeargroup[0], res.data.yeargroup[1]) |
| 188 | handelZhu2(res.data.yeargroup[0], res.data.yeargroup[1]) | 193 | handelZhu2(res.data.yeargroup[0], res.data.yeargroup[1]) |
| ... | @@ -190,7 +195,7 @@ async function handelGetYS002() { | ... | @@ -190,7 +195,7 @@ async function handelGetYS002() { |
| 190 | } | 195 | } |
| 191 | 196 | ||
| 192 | async function handelGetYS003() { | 197 | async function handelGetYS003() { |
| 193 | const res = await getYS003() | 198 | const res = await getYS003(url.value) |
| 194 | resYear3.value = res.data.yeargroup | 199 | resYear3.value = res.data.yeargroup |
| 195 | handelBing3(res.data.yeargroup[0], res.data.yeargroup[1]) | 200 | handelBing3(res.data.yeargroup[0], res.data.yeargroup[1]) |
| 196 | handelZhu3(res.data.yeargroup[0], res.data.yeargroup[1]) | 201 | handelZhu3(res.data.yeargroup[0], res.data.yeargroup[1]) |
| ... | @@ -198,7 +203,7 @@ async function handelGetYS003() { | ... | @@ -198,7 +203,7 @@ async function handelGetYS003() { |
| 198 | } | 203 | } |
| 199 | 204 | ||
| 200 | async function handelGetYS004() { | 205 | async function handelGetYS004() { |
| 201 | const res = await getYS004() | 206 | const res = await getYS004(url.value) |
| 202 | let arrList = res.data.blockgroup | 207 | let arrList = res.data.blockgroup |
| 203 | // let arrList = [ | 208 | // let arrList = [ |
| 204 | // { | 209 | // { |
| ... | @@ -300,7 +305,7 @@ async function handelGetYS004() { | ... | @@ -300,7 +305,7 @@ async function handelGetYS004() { |
| 300 | } | 305 | } |
| 301 | 306 | ||
| 302 | async function handelGetYS005() { | 307 | async function handelGetYS005() { |
| 303 | const res = await getYS005() | 308 | const res = await getYS005(url.value) |
| 304 | form.value = res.data | 309 | form.value = res.data |
| 305 | } | 310 | } |
| 306 | 311 | ... | ... |
| ... | @@ -61,12 +61,21 @@ | ... | @@ -61,12 +61,21 @@ |
| 61 | </template> | 61 | </template> |
| 62 | 62 | ||
| 63 | <script setup> | 63 | <script setup> |
| 64 | import {onMounted, ref, onUnmounted} from 'vue' | 64 | import {onMounted, ref, onUnmounted, computed} from 'vue' |
| 65 | import {autoToolTip} from "@/plugins/auto-toolTip"; | 65 | import {autoToolTip} from "@/plugins/auto-toolTip"; |
| 66 | import * as echarts from "echarts"; | 66 | import * as echarts from "echarts"; |
| 67 | import * as api from "@/apiPc/common" | 67 | import * as api from "@/apiPc/common" |
| 68 | import {getYS006} from '@/api/server.js' | 68 | import {getYS006} from '@/api/server.js' |
| 69 | 69 | ||
| 70 | const props = defineProps({ | ||
| 71 | url: { | ||
| 72 | type: String, | ||
| 73 | default: undefined | ||
| 74 | }, | ||
| 75 | }) | ||
| 76 | |||
| 77 | const url = computed(() => props.url) | ||
| 78 | |||
| 70 | const zhuRef = ref(null) | 79 | const zhuRef = ref(null) |
| 71 | const lineRef = ref(null) | 80 | const lineRef = ref(null) |
| 72 | const payeeRef = ref(null) | 81 | const payeeRef = ref(null) |
| ... | @@ -103,9 +112,8 @@ let chartC | ... | @@ -103,9 +112,8 @@ let chartC |
| 103 | let intervalA = null; | 112 | let intervalA = null; |
| 104 | 113 | ||
| 105 | onMounted(() => { | 114 | onMounted(() => { |
| 106 | // init() | ||
| 107 | window.addEventListener('resize', handleResize); | 115 | window.addEventListener('resize', handleResize); |
| 108 | init() | 116 | if (url.value) init() |
| 109 | // handelGetYS006() | 117 | // handelGetYS006() |
| 110 | // setA() | 118 | // setA() |
| 111 | // setB() | 119 | // setB() |
| ... | @@ -113,7 +121,7 @@ onMounted(() => { | ... | @@ -113,7 +121,7 @@ onMounted(() => { |
| 113 | }) | 121 | }) |
| 114 | 122 | ||
| 115 | async function handelGetYS006() { | 123 | async function handelGetYS006() { |
| 116 | const res = await getYS006() | 124 | const res = await getYS006(url.value) |
| 117 | list.value = res.data.baselist | 125 | list.value = res.data.baselist |
| 118 | set1.value = [] | 126 | set1.value = [] |
| 119 | set2.value = [] | 127 | set2.value = [] | ... | ... |
| ... | @@ -60,12 +60,21 @@ | ... | @@ -60,12 +60,21 @@ |
| 60 | </template> | 60 | </template> |
| 61 | 61 | ||
| 62 | <script setup> | 62 | <script setup> |
| 63 | import {onMounted, onUnmounted, ref} from 'vue' | 63 | import {onMounted, onUnmounted, computed, ref} from 'vue' |
| 64 | import {getYS007, getYS008, getYS009} from '@/api/server.js' | 64 | import {getYS007, getYS008, getYS009} from '@/api/server.js' |
| 65 | import {autoToolTip} from "@/plugins/auto-toolTip"; | 65 | import {autoToolTip} from "@/plugins/auto-toolTip"; |
| 66 | import * as echarts from "echarts"; | 66 | import * as echarts from "echarts"; |
| 67 | import * as api from "@/apiPc/common" | 67 | import * as api from "@/apiPc/common" |
| 68 | 68 | ||
| 69 | const props = defineProps({ | ||
| 70 | url: { | ||
| 71 | type: String, | ||
| 72 | default: undefined | ||
| 73 | }, | ||
| 74 | }) | ||
| 75 | |||
| 76 | const url = computed(() => props.url) | ||
| 77 | |||
| 69 | const zhuRef = ref(null) | 78 | const zhuRef = ref(null) |
| 70 | const lineRef = ref(null) | 79 | const lineRef = ref(null) |
| 71 | const overdueRef = ref(null) | 80 | const overdueRef = ref(null) |
| ... | @@ -207,7 +216,7 @@ const list8 = ref([ | ... | @@ -207,7 +216,7 @@ const list8 = ref([ |
| 207 | const list7 = ref([]) | 216 | const list7 = ref([]) |
| 208 | const list7Y = ref([]) | 217 | const list7Y = ref([]) |
| 209 | const select7 = ref([]) | 218 | const select7 = ref([]) |
| 210 | 219 | const BC = ref() | |
| 211 | 220 | ||
| 212 | let chartA | 221 | let chartA |
| 213 | let chartB | 222 | let chartB |
| ... | @@ -256,7 +265,7 @@ let color4 = { | ... | @@ -256,7 +265,7 @@ let color4 = { |
| 256 | } | 265 | } |
| 257 | 266 | ||
| 258 | onMounted(() => { | 267 | onMounted(() => { |
| 259 | init() | 268 | if (url.value) init() |
| 260 | window.addEventListener('resize', handleResize); | 269 | window.addEventListener('resize', handleResize); |
| 261 | // handelGetYS007() | 270 | // handelGetYS007() |
| 262 | // handelGetYS008() | 271 | // handelGetYS008() |
| ... | @@ -274,8 +283,9 @@ const init = () => { | ... | @@ -274,8 +283,9 @@ const init = () => { |
| 274 | } | 283 | } |
| 275 | 284 | ||
| 276 | async function handelGetYS007() { | 285 | async function handelGetYS007() { |
| 277 | const res = await getYS007() | 286 | const res = await getYS007(url.value) |
| 278 | list7.value = res.data.list | 287 | list7.value = res.data.list |
| 288 | BC.value = res.data.BC * 100 || 0 | ||
| 279 | list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO); | 289 | list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO); |
| 280 | list7Y.value = [] | 290 | list7Y.value = [] |
| 281 | select7.value = [] | 291 | select7.value = [] |
| ... | @@ -291,20 +301,20 @@ async function handelGetYS007() { | ... | @@ -291,20 +301,20 @@ async function handelGetYS007() { |
| 291 | }) | 301 | }) |
| 292 | arr1.push({ | 302 | arr1.push({ |
| 293 | value: Math.round(val.PLANCOST / 10000), | 303 | value: Math.round(val.PLANCOST / 10000), |
| 294 | itemStyle: val.EXERATIO * 100 >= 90 ? color1 : color3, | 304 | itemStyle: val.EXERATIO * 100 >= BC.value ? color1 : color3, |
| 295 | name: (val.EXERATIO * 100).toFixed() + '%', | 305 | name: (val.EXERATIO * 100).toFixed() + '%', |
| 296 | }) | 306 | }) |
| 297 | arr2.push({ | 307 | arr2.push({ |
| 298 | value: Math.round(val.EXECOST / 10000), | 308 | value: Math.round(val.EXECOST / 10000), |
| 299 | name: (val.EXERATIO * 100).toFixed() + '%', | 309 | name: (val.EXERATIO * 100).toFixed() + '%', |
| 300 | itemStyle: val.EXERATIO * 100 >= 90 ? color2 : color4 | 310 | itemStyle: val.EXERATIO * 100 >= BC.value ? color2 : color4 |
| 301 | }) | 311 | }) |
| 302 | arr3.push(val.EXERATIO) | 312 | arr3.push(val.EXERATIO) |
| 303 | } | 313 | } |
| 304 | 314 | ||
| 305 | 315 | ||
| 306 | const firstAbove = list7Y.value.find(v => v.name >= 90); | 316 | const firstAbove = list7Y.value.find(v => v.name >= BC.value); |
| 307 | setA(list7Y.value, arr1, arr2, arr3, firstAbove.value) | 317 | setA(list7Y.value, arr1, arr2, arr3, firstAbove.value, BC.value) |
| 308 | 318 | ||
| 309 | } | 319 | } |
| 310 | 320 | ||
| ... | @@ -324,23 +334,23 @@ function handelSelect7() { | ... | @@ -324,23 +334,23 @@ function handelSelect7() { |
| 324 | arr1.push({ | 334 | arr1.push({ |
| 325 | value: Math.round(val.PLANCOST / 10000), | 335 | value: Math.round(val.PLANCOST / 10000), |
| 326 | name: (val.EXERATIO * 100).toFixed() + '%', | 336 | name: (val.EXERATIO * 100).toFixed() + '%', |
| 327 | itemStyle: val.EXERATIO * 100 >= 90 ? color1 : color3 | 337 | itemStyle: val.EXERATIO * 100 >= BC.value ? color1 : color3 |
| 328 | }) | 338 | }) |
| 329 | arr2.push({ | 339 | arr2.push({ |
| 330 | value: Math.round(val.EXECOST / 10000), | 340 | value: Math.round(val.EXECOST / 10000), |
| 331 | name: (val.EXERATIO * 100).toFixed() + '%', | 341 | name: (val.EXERATIO * 100).toFixed() + '%', |
| 332 | itemStyle: val.EXERATIO * 100 >= 90 ? color2 : color4 | 342 | itemStyle: val.EXERATIO * 100 >= BC.value ? color2 : color4 |
| 333 | }) | 343 | }) |
| 334 | arr3.push(val.EXERATIO) | 344 | arr3.push(val.EXERATIO) |
| 335 | } | 345 | } |
| 336 | const firstAbove = list7Y.value.find(v => v.name >= 90); | 346 | const firstAbove = list7Y.value.find(v => v.name >= BC.value); |
| 337 | 347 | ||
| 338 | 348 | ||
| 339 | setA(list7Y.value, arr1, arr2, arr3, firstAbove.value) | 349 | setA(list7Y.value, arr1, arr2, arr3, firstAbove.value, BC.value) |
| 340 | } | 350 | } |
| 341 | 351 | ||
| 342 | async function handelGetYS008() { | 352 | async function handelGetYS008() { |
| 343 | const res = await getYS008() | 353 | const res = await getYS008(url.value) |
| 344 | list8.value = res.data.list | 354 | list8.value = res.data.list |
| 345 | list8Y.value = [] | 355 | list8Y.value = [] |
| 346 | month8.value = [] | 356 | month8.value = [] |
| ... | @@ -385,7 +395,7 @@ function handelType8() { | ... | @@ -385,7 +395,7 @@ function handelType8() { |
| 385 | } | 395 | } |
| 386 | 396 | ||
| 387 | async function handelGetYS009() { | 397 | async function handelGetYS009() { |
| 388 | const res = await getYS009() | 398 | const res = await getYS009(url.value) |
| 389 | list9.value = res.data.list | 399 | list9.value = res.data.list |
| 390 | let arrY = [] | 400 | let arrY = [] |
| 391 | let arr1 = [] | 401 | let arr1 = [] |
| ... | @@ -420,7 +430,7 @@ const getA = () => { | ... | @@ -420,7 +430,7 @@ const getA = () => { |
| 420 | } | 430 | } |
| 421 | 431 | ||
| 422 | 432 | ||
| 423 | const setA = (arrY, arr1, arr2, arr3, markLineName) => { | 433 | const setA = (arrY, arr1, arr2, arr3, markLineName, BC) => { |
| 424 | chartA = echarts.init(zhuRef.value) | 434 | chartA = echarts.init(zhuRef.value) |
| 425 | const option = { | 435 | const option = { |
| 426 | tooltip: { | 436 | tooltip: { |
| ... | @@ -583,7 +593,7 @@ const setA = (arrY, arr1, arr2, arr3, markLineName) => { | ... | @@ -583,7 +593,7 @@ const setA = (arrY, arr1, arr2, arr3, markLineName) => { |
| 583 | lineWidth: 2 | 593 | lineWidth: 2 |
| 584 | }, | 594 | }, |
| 585 | label: { | 595 | label: { |
| 586 | formatter: '90%', | 596 | formatter: BC + '%', |
| 587 | position: 'end', // 可选值: 'start', 'middle', 'end' | 597 | position: 'end', // 可选值: 'start', 'middle', 'end' |
| 588 | distance: [-20, 40] | 598 | distance: [-20, 40] |
| 589 | } | 599 | } | ... | ... |
-
Please register or sign in to post a comment