| | |
| | | "/zhyq_interface" : { |
| | | // 这个字段名需与你配置的basePrefixUrl一致,系统识别到带有/dev-api请求的地址时,会在前面拼接上代理服务器地址 |
| | | // "target" : "http://172.20.10.7:10010", // 代理服务器域名或IP地址 |
| | | "target" : "http://192.168.0.102:10010", // 代理服务器域名或IP地址 |
| | | // "target" : "http://192.168.0.102:10010", // 代理服务器域名或IP地址 |
| | | // "target" : "http://10.50.250.253:8088/gateway_interface", // 代理服务器域名或IP地址 |
| | | // "target" : "https://atwl.ahzyssl.com/zhyq_interface", // 代理服务器域名或IP地址 |
| | | "target" : "https://atwl.ahzyssl.com/zhyq_interface", // 代理服务器域名或IP地址 |
| | | "changeOrigin" : true, // 允许跨域 |
| | | "pathRewrite" : { |
| | | "^/zhyq_interface" : "" |
| | |
| | | { name: '用车申请', id: 2 }, |
| | | { name: '隐患随手拍', id: 3 }, |
| | | { name: '物流车申请', id: 4 }, |
| | | { name: '考勤代办', id: 7 }, |
| | | ], |
| | | startDate: dayjs().format('YYYY-MM-DD'), |
| | | } |
| | |
| | | onShow() { |
| | | this.pagination.page = 0 |
| | | this.dataList = [] |
| | | this.getHeadList() |
| | | this.getList() |
| | | this.getHeadList() |
| | | }, |
| | | methods: { |
| | | statusClick(val) { |
| | |
| | | isDetail: '1' |
| | | }).then(res => { |
| | | this.headData = res.data |
| | | this.getList() |
| | | }) |
| | | }, |
| | | handleReady() { |
| | |
| | | }else{ |
| | | this.initCaptcha() |
| | | } |
| | | }, () => { |
| | | this.initCaptcha() |
| | | }) |
| | | }) |
| | | } |
| | | } |
| | | } |
| | |
| | | url: '/pages/login/login' |
| | | }) |
| | | } |
| | | return |
| | | return resolve(data) |
| | | } |
| | | resolve(data) |
| | | // return response.data |
| | |
| | | </view> |
| | | <view class="item" @click="jump('/pages/index/queueup')"> |
| | | <image src="@/static/ic_cheliangpaidui@2x.png" mode=""></image> |
| | | <view class="text">车队排队情况</view> |
| | | <view class="text">车辆排队情况</view> |
| | | </view> |
| | | <view class="item" @click="jump('/pages/index/control')"> |
| | | <image src="@/static/ic_qiyong@2x.png" mode=""></image> |
| | |
| | | |
| | | export const baseUrl = 'gateway_interface/' |
| | | // export const baseUrl = 'http://10.50.250.253:8088/gateway_interface/' |
| | | // export const baseUrl = 'gateway_interface/' |
| | | export const baseUrl = 'http://10.50.250.253:8088/gateway_interface/' |
| | | export const uploadAvatar = `${baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do` |
| | | export const uploadUrl = `${baseUrl}visitsAdmin/cloudService/public/uploadBatch` |
| | | |
| | |
| | | <div class="tabs">油耗:L</div> |
| | | <img src="@/assets/images/title@2x.png" class="bg" alt="" /> |
| | | </div> |
| | | <div v-if="data3 && data3.length > 0" class="list"> |
| | | <template v-for="item, i in data3"> |
| | | <div v-if="i < 6" class="line"> |
| | | <div class="top" :class="{top3: i < 3}"><span v-if="i < 3">top</span>{{ i + 1 }}</div> |
| | | <div v-if="data3 && data3.length > 0" class="list one-swiper"> |
| | | <div class="swiper-wrapper"> |
| | | <div class="line one-swiper-slide swiper-slide" v-for="item, i in data3"> |
| | | <div class="top" :class="{ top3: i < 3 }"><span v-if="i < 3">top</span>{{ i + 1 }}</div> |
| | | <div class="id_card">{{ item.carNo }}</div> |
| | | <div class="wrap"> |
| | | <ChargeRate :rate="item.rate" :color="i > 2 ? 'cyan' : '#e3a83a'" /> |
| | | </div> |
| | | <div class="num">{{ item.quantity }}</div> |
| | | </div> |
| | | </template> |
| | | |
| | | </div> |
| | | </div> |
| | | <div v-if="data3.length == 0" class="empty_wrap list"> |
| | | <img src="@/assets/images/default_empty.png" alt=""> |
| | |
| | | import ChargeRate from '@/components/ChargeRate.vue' |
| | | import * as echarts from 'echarts' |
| | | import VScaleScreen from 'v-scale-screen' |
| | | import 'swiper/css/swiper.min.css' |
| | | import Swiper from 'swiper' |
| | | import { |
| | | zxcenterData, |
| | | zxenergyDataList, |
| | |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | axisLabel: { |
| | | color: '#D2E0FF' |
| | | color: '#D2E0FF' |
| | | }, |
| | | data: data5.value.map(i => dayjs(i.timeData).format('M')) |
| | | }, |
| | |
| | | type: 'value', |
| | | name: '单位:L', |
| | | axisLabel: { |
| | | color: '#D2E0FF' |
| | | color: '#D2E0FF' |
| | | }, |
| | | nameTextStyle: { |
| | | color: '#D2E0FF', |
| | |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | axisLabel: { |
| | | color: '#D2E0FF' |
| | | color: '#D2E0FF' |
| | | }, |
| | | data: data4.value.map(i => i.timeData) |
| | | }, |
| | |
| | | splitNumber: 4 |
| | | }, |
| | | axisLabel: { |
| | | color: '#D2E0FF' |
| | | color: '#D2E0FF' |
| | | } |
| | | }, |
| | | grid: { |
| | |
| | | xAxis: { |
| | | type: 'category', |
| | | axisLabel: { |
| | | color: '#D2E0FF' |
| | | color: '#D2E0FF' |
| | | }, |
| | | data: data2.value.map(i => dayjs(i.timeData).format('M')) |
| | | }, |
| | |
| | | type: 'value', |
| | | name: unit, |
| | | axisLabel: { |
| | | color: '#D2E0FF' |
| | | color: '#D2E0FF' |
| | | }, |
| | | nameTextStyle: { |
| | | color: '#D2E0FF', |
| | |
| | | }) |
| | | } |
| | | |
| | | const autoplayFlag = (list = [], leng = 4, time = 2000) => { |
| | | if (list.length > leng) { |
| | | return { delay: time, disableOnInteraction: false } |
| | | } else { |
| | | return false |
| | | } |
| | | } |
| | | const loopFn1 = () => { |
| | | var newSwiper1 = new Swiper('.one-swiper', { |
| | | initialSlide: 0, |
| | | direction: 'vertical', //竖直方向 |
| | | slidesPerView: 6, |
| | | autoplay: autoplayFlag(data3.value, 6, 4000), |
| | | observer: true, //修改swiper自己或子元素时,自动初始化swiper |
| | | }) |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getData1() |
| | | getData2() |
| | |
| | | getData5() |
| | | getData6() |
| | | }, 1000 * 60 * 60) |
| | | |
| | | setTimeout(() => { |
| | | loopFn1() |
| | | }, 12000) |
| | | |
| | | }) |
| | | |
| | |
| | | margin-bottom: 20px; |
| | | |
| | | .list { |
| | | padding: 20px 24px 4px; |
| | | height: 250px; |
| | | padding: 0px 24px; |
| | | height: 228px; |
| | | margin: 20px 0 0; |
| | | overflow: auto; |
| | | |
| | | .line { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-bottom: 16px; |
| | | /* margin-bottom: 16px; */ |
| | | height: 38px !important; |
| | | |
| | | .top { |
| | | font-weight: 500; |
| | |
| | | box-shadow: inset 0px 0px 3px 0px #01D9FE; |
| | | margin-right: 10px; |
| | | } |
| | | .top3{ |
| | | |
| | | .top3 { |
| | | box-shadow: inset 0px 0px 3px 0px #FEAF01; |
| | | } |
| | | |
| | |
| | | // icon: 'circle', |
| | | right: '12%', |
| | | top: '0%', |
| | | data: ['总库存', '当前库存', '库存利用率'], |
| | | data: ['总库容', '当前库存', '库存利用率'], |
| | | itemWidth: 20, |
| | | itemHeight: 10, |
| | | textStyle: { |
| | |
| | | // 遍历悬浮时的所有点,定制化显示内容 |
| | | let result = `<div style="width: 160px">${params[0].name}</div>` |
| | | params.forEach((item) => { |
| | | if (item.seriesName === '总库存') { |
| | | if (item.seriesName === '总库容') { |
| | | result += ` |
| | | <div style="display: flex;align-items: center;justify-content: space-between;margin-top: 2px;"> |
| | | <div style="display: flex;align-items: center;"><div style="width: 10px;height: 10px; border-radius: 50%;background-color: #5e9bca;margin-right: 4px;"></div><div>${item.seriesName}</div></div> |
| | |
| | | ], |
| | | series: [ |
| | | { |
| | | name: '总库存', |
| | | name: '总库容', |
| | | type: 'bar', |
| | | barWidth: 10, |
| | | barGap: '60%', |