huoran
/
FE_huoran_data
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Compare commits

base: huoran:84c8412fe9149284cd0dd3557301a6063218296c
Branches Tags
huoran:dev
huoran:dev_2022-04-07
huoran:dev_2022-05-11
huoran:master
huoran:ui1
..
compare: huoran:7f18b9980106039538b1f93bce07aab320b1d1f3
Branches Tags
huoran:dev
huoran:dev_2022-04-07
huoran:dev_2022-05-11
huoran:master
huoran:ui1

2 Commits
84c8412fe9 ... 7f18b99801

Author SHA1 Message Date
yujialong 7f18b99801 fix
4 months ago
yujialong 3bf5c1b98a fix
9 months ago
6 changed files with 1638 additions and 1605 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats
  1. 31
      src/layouts/footer/index.vue
  2. 173
      src/pages/account/login/index.vue
  3. 166
      src/pages/screen/list/index.vue
  4. 94
      src/plugins/requests/index.js
  5. 4
      src/setting.js
  6. 3
      vue.config.js

31
src/layouts/footer/index.vue
Unescape View File

@ -9,22 +9,23 @@
<div class="footer"> <div class="footer">
<div class="info"> <div class="info">
<!-- <span class="m-r-20">客服邮箱：service@huorantech.cn</span> --> <!-- <span class="m-r-20">客服邮箱：service@huorantech.cn</span> -->
<span>联系人：郭经理 17671782660</span> <span>联系人：金经理 15218726836</span>
</div> </div>
<div class="copyright"> <div class="copyright">
<span>© Copyright 2021 Dataforward 数据前瞻</span> <span>© Copyright 2021 Dataforward 数据前瞻</span>
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a> <a href="https://beian.miit.gov.cn/#/Integrated/index"
target="_blank">粤ICP备20072679号</a>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data () {
return { return {
}; };
}, },
mounted(){ mounted () {
}, },
methods: { methods: {
@ -33,31 +34,31 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.footer{ .footer {
padding: 17px 0 9px; padding: 17px 0 9px;
text-align: center; text-align: center;
background-color: #0F1D2E; background-color: #0f1d2e;
.info{ .info {
margin-bottom: 7px; margin-bottom: 7px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: #D7DFE7; color: #d7dfe7;
} }
.copyright{ .copyright {
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
line-height: 17px; line-height: 17px;
span{ span {
margin-right: 20px; margin-right: 20px;
color: #757F8A; color: #757f8a;
} }
a{ a {
color:#757F8A; color: #757f8a;
font-size: 12px; font-size: 12px;
&:hover{ &:hover {
color: #c7c7c7; color: #c7c7c7;
} }
} }
} }
} }
</style> </style>

173
src/pages/account/login/index.vue
Unescape View File

@ -4,63 +4,42 @@
<div class="form"> <div class="form">
<h6 class="title">欢迎使用请登录</h6> <h6 class="title">欢迎使用请登录</h6>
<ul class="tab"> <ul class="tab">
<li v-for="(item,index) in tabList" <li v-for="(item, index) in tabList" :key="index" :class="{ active: form.distinguish == item.id }"
:key="index" @click="typeClick(item)">{{ item.label }}</li>
:class="{active: form.distinguish == item.id}"
@click="typeClick(item)">{{item.label}}</li>
</ul> </ul>
<el-form :model="form" <el-form :model="form" :rules="rules" ref="form" style="margin-top: 20px">
:rules="rules"
ref="form"
style="margin-top: 20px">
<!-- 学号工号 --> <!-- 学号工号 -->
<div v-show="!form.distinguish"> <div v-show="!form.distinguish">
<el-form-item class="school-select" <el-form-item class="school-select" prop="schoolId">
prop="schoolId">
<label class="label school"></label> <label class="label school"></label>
<el-select v-model="form.schoolId" <el-select v-model="form.schoolId" clearable filterable placeholder="请选择学校">
clearable <el-option v-for="(item, i) in schoolList" :key="i" :label="item.schoolName"
filterable
placeholder="请选择学校">
<el-option v-for="(item, i) in schoolList"
:key="i"
:label="item.schoolName"
:value="item.schoolId"></el-option> :value="item.schoolId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="flex-1" <el-form-item class="flex-1" prop="workNumber">
prop="workNumber">
<label class="label account"></label> <label class="label account"></label>
<el-input v-model.trim="form.workNumber" <el-input v-model.trim="form.workNumber" :placeholder="'请输入学号/工号'"
:placeholder="'请输入学号/工号'"
@keyup.enter.native="submit"></el-input> @keyup.enter.native="submit"></el-input>
</el-form-item> </el-form-item>
</div> </div>
<!-- 手机号登录 --> <!-- 手机号登录 -->
<el-form-item v-show="form.distinguish === 1" <el-form-item v-show="form.distinguish === 1" prop="account">
prop="account">
<label class="label account"></label> <label class="label account"></label>
<el-input v-model.trim="form.account" <el-input v-model.trim="form.account" placeholder="请输入账号" @keyup.enter.native="submit"></el-input>
placeholder="请输入账号"
@keyup.enter.native="submit"></el-input>
</el-form-item> </el-form-item>
<template v-if="form.distinguish === 2"> <template v-if="form.distinguish === 2">
<el-form-item prop="account"> <el-form-item prop="account">
<label class="label account"></label> <label class="label account"></label>
<el-input v-model.trim="form.account" <el-input v-model.trim="form.account" placeholder="请输入手机号/邮箱" @keyup.enter.native="submit"></el-input>
placeholder="请输入手机号/邮箱"
@keyup.enter.native="submit"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<label class="label code"></label> <label class="label code"></label>
<div class="ver-code"> <div class="ver-code">
<el-input v-model="form.code" <el-input v-model="form.code" placeholder="请输入验证码" maxlength="6"
placeholder="请输入验证码"
maxlength="6"
@keyup.enter.native="submit"></el-input> @keyup.enter.native="submit"></el-input>
<el-button type="text" <el-button type="text" @click="sendPhoneCodeLogin" :disabled="phoneDisabledLogin">{{ phoneBtnTextLogin
@click="sendPhoneCodeLogin" }}
:disabled="phoneDisabledLogin">{{ phoneBtnTextLogin }}
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
@ -68,88 +47,54 @@
<template v-if="form.distinguish !== 2"> <template v-if="form.distinguish !== 2">
<el-form-item prop="password"> <el-form-item prop="password">
<label class="password label"></label> <label class="password label"></label>
<el-input type="password" <el-input type="password" placeholder="请输入密码" v-model.trim="form.password" @keyup.enter.native="submit">
placeholder="请输入密码"
v-model.trim="form.password"
@keyup.enter.native="submit">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<label class="label code"></label> <label class="label code"></label>
<el-input placeholder="请输入验证码" <el-input placeholder="请输入验证码" v-model.trim="form.code" @keyup.enter.native="submit">
v-model.trim="form.code"
@keyup.enter.native="submit">
</el-input> </el-input>
<img @click="getVerImg" <img @click="getVerImg" :src="verificationIMG" class="ver-img" alt="">
:src="verificationIMG"
class="ver-img"
alt="">
</el-form-item> </el-form-item>
</template> </template>
<div v-show="!form.distinguish" <div v-show="!form.distinguish" class="default-check">
class="default-check">
<el-checkbox v-model="setDefault">设置为默认学校</el-checkbox> <el-checkbox v-model="setDefault">设置为默认学校</el-checkbox>
</div> </div>
<el-button class="submit" <el-button class="submit" type="primary" @click="submit">登录</el-button>
type="primary"
@click="submit">登录</el-button>
</el-form> </el-form>
</div> </div>
</div> </div>
<el-dialog title="绑定手机号" <el-dialog title="绑定手机号" :visible.sync="phoneVisible" :close-on-click-modal="false" width="576px">
:visible.sync="phoneVisible"
:close-on-click-modal="false"
width="576px">
<p class="tips">依据国家政策法规，需绑定手机号进行网络实名才可登录使用本平台</p> <p class="tips">依据国家政策法规，需绑定手机号进行网络实名才可登录使用本平台</p>
<el-form label-width="60px"> <el-form label-width="60px">
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input placeholder="请输入手机号" <el-input placeholder="请输入手机号" v-model="phone" maxlength="11" @change="phoneChange"></el-input>
v-model="phone"
maxlength="11"
@change="phoneChange"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="验证码"> <el-form-item label="验证码">
<div class="ver-code"> <div class="ver-code">
<el-input v-model="phoneCode" <el-input v-model="phoneCode" placeholder="请输入验证码" maxlength="6"></el-input>
placeholder="请输入验证码" <el-button style="top: 1px" type="text" @click="sendPhoneCode(1)"
maxlength="6"></el-input> :disabled="binding === '' || phoneDisabled">{{ phoneBtnText }}</el-button>
<el-button style="top: 1px"
type="text"
@click="sendPhoneCode(1)"
:disabled="binding === '' || phoneDisabled">{{phoneBtnText}}</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" <span slot="footer" class="dialog-footer">
class="dialog-footer"> <el-button size="small" @click="phoneVisible = false">取 消</el-button>
<el-button size="small" <el-button size="small" type="primary" @click="phoneSubmit">确 定</el-button>
@click="phoneVisible = false">取 消</el-button>
<el-button size="small"
type="primary"
@click="phoneSubmit">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog title="请选择您要登录的用户" <el-dialog title="请选择您要登录的用户" :visible.sync="userVisible" :close-on-click-modal="false" custom-class="user-dia"
:visible.sync="userVisible"
:close-on-click-modal="false"
custom-class="user-dia"
width="500px"> width="500px">
<p class="tips">该手机号已绑定以下用户信息</p> <p class="tips">该手机号已绑定以下用户信息</p>
<ul class="users"> <ul class="users">
<li :class="{isEnable: !user.isEnable}" <li :class="{ isEnable: !user.isEnable }" v-for="(user, i) in users" :key="i" @click="chooseUser(user)">
v-for="(user, i) in users" <span>{{ user.schoolName }}，{{ user.userName }}，{{ user.workNumber }}{{ user.isEnable ? '' : '（已禁用）' }}</span>
:key="i"
@click="chooseUser(user)">
<span>{{ user.schoolName }}，{{ user.userName }}，{{ user.workNumber }}{{ user.isEnable ? '' : '（已禁用）'}}</span>
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</li> </li>
</ul> </ul>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="infoVisible" <el-dialog :visible.sync="infoVisible" :close-on-click-modal="false" :show-close="false" custom-class="info-dia"
:close-on-click-modal="false"
:show-close="false"
custom-class="info-dia"
width="400px"> width="400px">
<div class="info-header"> <div class="info-header">
<i class="el-icon-warning"></i> <i class="el-icon-warning"></i>
@ -158,26 +103,20 @@
<div class="info-wrap"> <div class="info-wrap">
<p class="tips">该手机号已与以下用户绑定</p> <p class="tips">该手机号已与以下用户绑定</p>
<ul class="users"> <ul class="users">
<li v-for="(user, i) in infos" <li v-for="(user, i) in infos" :key="i">
:key="i">
<span>{{ user.userName }}（{{ user.schoolName }}）</span> <span>{{ user.userName }}（{{ user.schoolName }}）</span>
</li> </li>
</ul> </ul>
<div class="info-footer"> <div class="info-footer">
<el-button size="small" <el-button size="small" type="primary" @click="bindPhone">是本人，继续绑定</el-button>
type="primary" <el-button class="unbind" size="small" @click="unbindPhone">不是本人，解绑以上用户并绑定新用户</el-button>
@click="bindPhone">是本人，继续绑定</el-button>
<el-button class="unbind"
size="small"
@click="unbindPhone">不是本人，解绑以上用户并绑定新用户</el-button>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<div class="footer"> <div class="footer">
<div class="copyright"> <div class="copyright">
<a href="https://beian.miit.gov.cn/#/Integrated/index" <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a>
target="_blank">粤ICP备20072679号</a>
</div> </div>
</div> </div>
</div> </div>
@ -540,14 +479,17 @@ export default {
min-height: 100%; min-height: 100%;
background-color: #f3f6fa; background-color: #f3f6fa;
} }
.ver-code { .ver-code {
position: relative; position: relative;
.el-button { .el-button {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
} }
} }
.login { .login {
min-height: calc(100vh - 70px); min-height: calc(100vh - 70px);
padding-top: calc((100vh - 611px) / 2); padding-top: calc((100vh - 611px) / 2);
@ -557,12 +499,14 @@ export default {
url(../../../assets/img/shapes/shape4.png) (right 50%) / auto no-repeat, url(../../../assets/img/shapes/shape4.png) (right 50%) / auto no-repeat,
url(../../../assets/img/shapes/shape5.png) (right 80%) / auto no-repeat, url(../../../assets/img/shapes/shape5.png) (right 80%) / auto no-repeat,
url(../../../assets/img/shapes/shape6.png) (right bottom) / auto no-repeat; url(../../../assets/img/shapes/shape6.png) (right bottom) / auto no-repeat;
.tab { .tab {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 24px; margin-bottom: 24px;
border-bottom: 2px solid #e1e6f2; border-bottom: 2px solid #e1e6f2;
li { li {
padding: 18px 0; padding: 18px 0;
margin-bottom: -1px; margin-bottom: -1px;
@ -570,25 +514,30 @@ export default {
color: #555; color: #555;
cursor: pointer; cursor: pointer;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
&.active { &.active {
color: $main-color; color: $main-color;
border-bottom-color: $main-color; border-bottom-color: $main-color;
} }
} }
} }
.items { .items {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.form { .form {
width: 436px; width: 436px;
padding: 38px 38px 60px; padding: 38px 38px 60px;
margin: 0 auto 0; margin: 0 auto 0;
border-radius: 6px; border-radius: 6px;
background-color: #fff; background-color: #fff;
.title { .title {
margin-bottom: 25px; margin-bottom: 25px;
font-size: 26px; font-size: 26px;
@ -596,9 +545,11 @@ export default {
letter-spacing: 4px; letter-spacing: 4px;
} }
} }
/deep/.el-form-item { /deep/.el-form-item {
margin-bottom: 20px; margin-bottom: 20px;
} }
/deep/.el-input__inner { /deep/.el-input__inner {
position: relative; position: relative;
height: 52px; height: 52px;
@ -608,12 +559,15 @@ export default {
border: 1px solid #e1e6f2; border: 1px solid #e1e6f2;
border-radius: 4px !important; border-radius: 4px !important;
} }
.default-check { .default-check {
text-align: right; text-align: right;
} }
.el-select { .el-select {
width: 100%; width: 100%;
} }
.label { .label {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
@ -623,32 +577,39 @@ export default {
height: 18px; height: 18px;
background: url(../../../assets/img/login/account.png) 0 0/100% 100% no-repeat; background: url(../../../assets/img/login/account.png) 0 0/100% 100% no-repeat;
} }
.school { .school {
background-image: url(../../../assets/img/login/school.png); background-image: url(../../../assets/img/login/school.png);
} }
.workNumber { .workNumber {
width: 17px; width: 17px;
background-image: url(../../../assets/img/login/workNumber.png); background-image: url(../../../assets/img/login/workNumber.png);
} }
.password { .password {
top: 18px; top: 18px;
background-image: url(../../../assets/img/login/password.png); background-image: url(../../../assets/img/login/password.png);
} }
.code { .code {
top: 18px; top: 18px;
background-image: url(../../../assets/img/login/code.png); background-image: url(../../../assets/img/login/code.png);
} }
.ver-img { .ver-img {
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 1px; right: 1px;
} }
/deep/.el-form-item__error { /deep/.el-form-item__error {
top: 105%; top: 105%;
left: auto; left: auto;
right: 0; right: 0;
color: #ffa94e; color: #ffa94e;
} }
.submit { .submit {
width: 100%; width: 100%;
height: 48px; height: 48px;
@ -661,31 +622,37 @@ export default {
border: 0; border: 0;
} }
} }
.copyright { .copyright {
padding: 18px 0; padding: 18px 0;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
background-color: #f3f6fa; background-color: #f3f6fa;
a { a {
color: #b1b4b8; color: #b1b4b8;
font-size: 12px; font-size: 12px;
&:hover { &:hover {
opacity: 0.8; opacity: 0.8;
} }
} }
} }
.tips { .tips {
margin: 0 0 10px 5px; margin: 0 0 10px 5px;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
color: #666; color: #666;
} }
/deep/.user-dia { /deep/.user-dia {
.tips { .tips {
margin-bottom: 20px; margin-bottom: 20px;
text-align: center; text-align: center;
color: #666; color: #666;
} }
.users { .users {
li { li {
display: flex; display: flex;
@ -697,27 +664,33 @@ export default {
font-size: 14px; font-size: 14px;
background-color: #ebeef5; background-color: #ebeef5;
cursor: pointer; cursor: pointer;
&.isEnable { &.isEnable {
color: #c0c4cc; color: #c0c4cc;
background-color: #f5f7fa; background-color: #f5f7fa;
cursor: not-allowed; cursor: not-allowed;
} }
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
&:hover { &:hover {
background-color: #d3e0ff; background-color: #d3e0ff;
} }
i { i {
font-size: 16px; font-size: 16px;
} }
} }
} }
} }
/deep/.info-dia { /deep/.info-dia {
.el-dialog__header { .el-dialog__header {
border-bottom: 0; border-bottom: 0;
} }
.info-header { .info-header {
position: absolute; position: absolute;
top: 20px; top: 20px;
@ -726,38 +699,46 @@ export default {
font-size: 16px; font-size: 16px;
color: #333; color: #333;
} }
.el-icon-warning { .el-icon-warning {
margin-right: 10px; margin-right: 10px;
color: #e6a23c; color: #e6a23c;
font-size: 24px; font-size: 24px;
} }
.info-wrap { .info-wrap {
padding: 10px 33px; padding: 10px 33px;
} }
.users { .users {
max-height: 125px; max-height: 125px;
margin-top: 20px; margin-top: 20px;
overflow: auto; overflow: auto;
li { li {
margin: 5px; margin: 5px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
} }
} }
.info-footer { .info-footer {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
// align-items: center; // align-items: center;
margin-top: 20px; margin-top: 20px;
} }
.el-button { .el-button {
width: 142px; width: 142px;
} }
.unbind { .unbind {
white-space: normal; white-space: normal;
line-height: 1.6; line-height: 1.6;
} }
} }
@media (max-height: 680px) { @media (max-height: 680px) {
.wrap .login { .wrap .login {
padding: 40px 0; padding: 40px 0;

166
src/pages/screen/list/index.vue
Unescape View File

@ -1,7 +1,10 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<!-- 全屏 --> <!-- 全屏 -->
<img class="full" src="@/assets/img/screen/full.png" alt="" @click="fullScreen"> <img class="full"
src="@/assets/img/screen/full.png"
alt=""
@click="fullScreen">
<!--header--> <!--header-->
<div class="header"> <div class="header">
<div class="bg_header"> <div class="bg_header">
@ -34,10 +37,13 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_1.png" alt=""> <img src="@/assets/img/screen/t_1.png"
alt="">
中国宏观杠杆率 中国宏观杠杆率
</div> </div>
<div id="chart1" class="chart" style="height: 280px;"></div> <div id="chart1"
class="chart"
style="height: 280px;"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="t_line_box"> <div class="t_line_box">
@ -57,10 +63,13 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_2.png" alt=""> <img src="@/assets/img/screen/t_2.png"
alt="">
新增信贷数据 新增信贷数据
</div> </div>
<div id="chart5" class="chart t_btn9" style="height: 280px;"></div> <div id="chart5"
class="chart t_btn9"
style="height: 280px;"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="t_line_box"> <div class="t_line_box">
@ -80,7 +89,8 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_7.png" alt=""> <img src="@/assets/img/screen/t_7.png"
alt="">
{{ goodsSell.length ? goodsSell[0].operation_time.substr(0, 4) : 2021 }}年商品零售价格指数 {{ goodsSell.length ? goodsSell[0].operation_time.substr(0, 4) : 2021 }}年商品零售价格指数
</div> </div>
<div class="main_table"> <div class="main_table">
@ -93,10 +103,13 @@
</thead> </thead>
</table> </table>
</div> </div>
<div class="main_table" ref="tableWrap" style="height: 196px;margin-top: 0;overflow: auto"> <div class="main_table"
ref="tableWrap"
style="height: 196px;margin-top: 0;overflow: auto">
<table> <table>
<tbody> <tbody>
<tr v-for="(item, i) in goodsSell" :key="i"> <tr v-for="(item, i) in goodsSell"
:key="i">
<td width="70%">{{ item.hct }}</td> <td width="70%">{{ item.hct }}</td>
<td>{{ item.rcpi }}</td> <td>{{ item.rcpi }}</td>
</tr> </tr>
@ -106,7 +119,8 @@
</div> </div>
</div> </div>
<div class="middle"> <div class="middle">
<div class="item" style="height: 350px"> <div class="item"
style="height: 350px">
<!--左上边框--> <!--左上边框-->
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
@ -128,7 +142,8 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_3.png" alt=""> <img src="@/assets/img/screen/t_3.png"
alt="">
中国GDP年率报告 中国GDP年率报告
</div> </div>
<div class="main_table"> <div class="main_table">
@ -141,11 +156,14 @@
</thead> </thead>
</table> </table>
</div> </div>
<div class="main_table" ref="gdpList" style="max-height: 260px;margin-top: 0;overflow: auto;"> <div class="main_table"
ref="gdpList"
style="max-height: 260px;margin-top: 0;overflow: auto;">
<table> <table>
<tbody> <tbody>
<template v-for="(item, i) in gdps"> <template v-for="(item, i) in gdps">
<tr v-if="item.value != '0'" :key="i"> <tr v-if="item.value != '0'"
:key="i">
<td width="50%">{{ item.date_index }}</td> <td width="50%">{{ item.date_index }}</td>
<td width="50%">${{ item.value }}</td> <td width="50%">${{ item.value }}</td>
</tr> </tr>
@ -154,7 +172,8 @@
</table> </table>
</div> </div>
</div> </div>
<div class="item" style="height: 520px;"> <div class="item"
style="height: 520px;">
<!--左上边框--> <!--左上边框-->
<div class="t_line_box"> <div class="t_line_box">
<i class="t_l_line"></i> <i class="t_l_line"></i>
@ -176,15 +195,24 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_3.png" alt=""> <img src="@/assets/img/screen/t_3.png"
alt="">
主要央行利率 主要央行利率
</div> </div>
<div class="earth"> <div class="earth">
<img class="lbx" src="@/assets/img/screen/lbx.png" alt=""> <img class="lbx"
<img class="jt" src="@/assets/img/screen/jt.png" alt=""> src="@/assets/img/screen/lbx.png"
<img class="map" src="@/assets/img/screen/map.png" alt=""> alt="">
<img class="jt"
src="@/assets/img/screen/jt.png"
alt="">
<img class="map"
src="@/assets/img/screen/map.png"
alt="">
</div> </div>
<div class="chart" id="chart7" style="height: 500px"></div> <div class="chart"
id="chart7"
style="height: 500px"></div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@ -210,10 +238,13 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_4.png" alt=""> <img src="@/assets/img/screen/t_4.png"
alt="">
全国税收收入 全国税收收入
</div> </div>
<div id="chart3" class="echart t_btn7" style="height: 280px;"></div> <div id="chart3"
class="echart t_btn7"
style="height: 280px;"></div>
</div> </div>
<div class="item"> <div class="item">
<!--左上边框--> <!--左上边框-->
@ -237,10 +268,12 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_5.png" alt=""> <img src="@/assets/img/screen/t_5.png"
alt="">
央行货币当局资产负债 央行货币当局资产负债
</div> </div>
<div id="chart4" style="height: 280px;"></div> <div id="chart4"
style="height: 280px;"></div>
</div> </div>
<div class="item"> <div class="item">
<div class="t_line_box"> <div class="t_line_box">
@ -260,10 +293,13 @@
<i class="b_r_line"></i> <i class="b_r_line"></i>
</div> </div>
<div class="main_title"> <div class="main_title">
<img src="@/assets/img/screen/t_7.png" alt=""> <img src="@/assets/img/screen/t_7.png"
alt="">
以美元计算进口年率 以美元计算进口年率
</div> </div>
<div id="chart6" class="chart" style="height: 270px;"></div> <div id="chart6"
class="chart"
style="height: 270px;"></div>
</div> </div>
</div> </div>
</div> </div>
@ -278,7 +314,7 @@ import SockJS from 'sockjs-client'
import Stomp from 'stompjs' import Stomp from 'stompjs'
import map from './map' import map from './map'
export default { export default {
data() { data () {
return { return {
stompClientMarket: null, stompClientMarket: null,
stompClient: null, stompClient: null,
@ -287,32 +323,32 @@ export default {
gdps: [] gdps: []
} }
}, },
mounted() { mounted () {
this.getList() this.getList()
this.renderChart() this.renderChart()
this.renderMap() this.renderMap()
}, },
methods: { methods: {
// 中国gdp // 中国gdp
getList() { getList () {
this.$get(`${this.api.visualPreview}?tableName=hg_zg_gm_zhongguogdpnianlvbaogao&tableId=17`).then(({ comment, data }) => { this.$get(`${this.api.visualPreview}?tableName=hg_zg_gm_zhongguogdpnianlvbaogao&tableId=17`).then(({ comment, data }) => {
this.gdps = data this.gdps = data
}).catch(res => {}) }).catch(res => { })
}, },
// 获取加密货币实时行情 // 获取加密货币实时行情
getCrypto() { getCrypto () {
this.$get(`${this.api.getTopList}`).then(res => { this.$get(`${this.api.getTopList}`).then(res => {
this.userCount = res.totalCount this.userCount = res.totalCount
}).catch(res => {}) }).catch(res => { })
}, },
// 建立websocket连接 // 建立websocket连接
connect() { connect () {
const socket = new SockJS(`${Setting.cryptoBaseURL}currency/websocket`) //连接服务端提供的通信接口，连接以后才可以订阅广播消息和个人消息 const socket = new SockJS(`${Setting.cryptoBaseURL}currency/websocket`) //连接服务端提供的通信接口，连接以后才可以订阅广播消息和个人消息
// 获取STOMP子协议的客户端对象 // 获取STOMP子协议的客户端对象
this.stompClientMarket = new Stomp.over(socket) this.stompClientMarket = new Stomp.over(socket)
this.stompClientMarket.debug = null this.stompClientMarket.debug = null
var this_ = this var this_ = this
this.stompClientMarket.connect({}, function(event) { this.stompClientMarket.connect({}, function (event) {
//防止单个用户多次订阅 //防止单个用户多次订阅
if (this_.subObjMarket == null) { if (this_.subObjMarket == null) {
this_.subscribeMarket() this_.subscribeMarket()
@ -323,7 +359,7 @@ export default {
}); });
}, },
// 訂閲 // 訂閲
subscribeMarket() { subscribeMarket () {
const this_ = this const this_ = this
this.subObjMarket = this.stompClientMarket.subscribe( this.subObjMarket = this.stompClientMarket.subscribe(
this_.api.market, this_.api.market,
@ -342,11 +378,11 @@ export default {
} }
); );
}, },
disconnect() { disconnect () {
this.stompClient && this.stompClient.disconnect() this.stompClient && this.stompClient.disconnect()
}, },
// 全屏 // 全屏
fullScreen() { fullScreen () {
// 检测是否全屏 // 检测是否全屏
if (document.fullscreenElement || if (document.fullscreenElement ||
document.mozFullScreenElement || document.mozFullScreenElement ||
@ -367,10 +403,10 @@ export default {
} }
}, },
// 获取图标数据并渲染 // 获取图标数据并渲染
renderChart() { renderChart () {
const animateChart = (chart, option, data, num = 6) => { const animateChart = (chart, option, data, num = 6) => {
// 每次向后滚动一个，最后一个从头开始。 // 每次向后滚动一个，最后一个从头开始。
if (option.dataZoom[0].endValue == data.length ) { if (option.dataZoom[0].endValue == data.length) {
option.dataZoom[0].endValue = num option.dataZoom[0].endValue = num
option.dataZoom[0].startValue = 0 option.dataZoom[0].startValue = 0
} }
@ -402,7 +438,7 @@ export default {
}, },
legend: { legend: {
data: comment.map(e => e.comment), data: comment.map(e => e.comment),
textStyle:{ textStyle: {
color: '#fff' color: '#fff'
}, },
top: '8%' top: '8%'
@ -423,7 +459,7 @@ export default {
endValue: 6 // 一次性展示6个。 endValue: 6 // 一次性展示6个。
} }
], ],
color: ['#6188e9','#9032f3','#a57de3','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'], color: ['#6188e9', '#9032f3', '#a57de3', '#4BF0FF', '#44AFF0', '#4E82FF', '#584BFF', '#BE4DFF', '#F845F1'],
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap: ['20%', '20%'], boundaryGap: ['20%', '20%'],
@ -459,7 +495,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[0], option, series) animateChart(chart[0], option, series)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
// 全国税收收入 // 全国税收收入
this.$get(`${this.api.visualPreview}?tableName=hg_zg_jr_quanguoshuishoushouru&tableId=33`).then(res => { this.$get(`${this.api.visualPreview}?tableName=hg_zg_jr_quanguoshuishoushouru&tableId=33`).then(res => {
@ -497,10 +533,10 @@ export default {
} }
} }
}, },
color: ['#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'], color: ['#4BF0FF', '#44AFF0', '#4E82FF', '#584BFF', '#BE4DFF', '#F845F1'],
legend: { legend: {
data: ['税收收入合计'], data: ['税收收入合计'],
textStyle:{ textStyle: {
color: '#fff' color: '#fff'
}, },
top: '8%' top: '8%'
@ -542,7 +578,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[1], option, data) animateChart(chart[1], option, data)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
// 国际旅游外汇收入构成 // 国际旅游外汇收入构成
this.$get(`${this.api.previewData}?tableName=hg_zg_jr_guojilvyouwaihuishourugoucheng&tableId=52`).then(res => { this.$get(`${this.api.previewData}?tableName=hg_zg_jr_guojilvyouwaihuishourugoucheng&tableId=52`).then(res => {
@ -583,7 +619,7 @@ export default {
//起始角度，支持范围[0, 360] //起始角度，支持范围[0, 360]
// startAngle: 0, // startAngle: 0,
//饼图的半径，数组的第一项是内半径，第二项是外半径 //饼图的半径，数组的第一项是内半径，第二项是外半径
radius : '45%', radius: '45%',
//支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度 //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
center: ['50%', '65%'], center: ['50%', '65%'],
//是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式： //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
@ -592,7 +628,7 @@ export default {
// roseType: 'radius', // roseType: 'radius',
//是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。 //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
// avoidLabelOverlap: false, // avoidLabelOverlap: false,
color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab','#06b4ab','#06c8ab','#06dcab','#06f0ab'], color: ['#065aab', '#066eab', '#0682ab', '#0696ab', '#06a0ab', '#06b4ab', '#06c8ab', '#06dcab', '#06f0ab'],
label: { label: {
normal: { normal: {
show: true, show: true,
@ -614,7 +650,7 @@ export default {
data: series data: series
}] }]
}) })
}).catch(res => {}) }).catch(res => { })
// 央行货币当局资产负债 // 央行货币当局资产负债
this.$get(`${this.api.previewData}?tableName=hg_zg_jr_yanghanghuobidangjuzichanfuzhai&tableId=55`).then(res => { this.$get(`${this.api.previewData}?tableName=hg_zg_jr_yanghanghuobidangjuzichanfuzhai&tableId=55`).then(res => {
@ -774,7 +810,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[3], option, data, 3) animateChart(chart[3], option, data, 3)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
// 商品零售价格指数 // 商品零售价格指数
this.$get(`${this.api.previewData}?tableName=hg_zg_jr_shangpinlingshoujiagezhishu&tableId=60`).then(res => { this.$get(`${this.api.previewData}?tableName=hg_zg_jr_shangpinlingshoujiagezhishu&tableId=60`).then(res => {
@ -788,7 +824,7 @@ export default {
}) })
}) })
this.goodsSell = [...goodsSell, ...goodsSell] this.goodsSell = [...goodsSell, ...goodsSell]
}).catch(res => {}) }).catch(res => { })
// 新增信贷数据 // 新增信贷数据
this.$get(`${this.api.previewData}?tableName=hg_zg_jr_xinzengxindaishuju&tableId=34`).then(res => { this.$get(`${this.api.previewData}?tableName=hg_zg_jr_xinzengxindaishuju&tableId=34`).then(res => {
@ -934,7 +970,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[4], option, data, 3) animateChart(chart[4], option, data, 3)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
// 以美元计算进口年率 // 以美元计算进口年率
this.$get(`${this.api.visualPreview}?tableName=hg_zg_my_yimeiyuanjisuanjinkounianlv&tableId=22`).then(res => { this.$get(`${this.api.visualPreview}?tableName=hg_zg_my_yimeiyuanjisuanjinkounianlv&tableId=22`).then(res => {
@ -1039,7 +1075,7 @@ export default {
setInterval(function () { setInterval(function () {
animateChart(chart[5], option, data) animateChart(chart[5], option, data)
}, 1500) }, 1500)
}).catch(res => {}) }).catch(res => { })
this.scrollTable() this.scrollTable()
@ -1051,20 +1087,20 @@ export default {
}) })
}, },
// 生成世界地图 // 生成世界地图
async renderMap() { async renderMap () {
// 利率全部表id和name // 利率全部表id和name
const param = [ const param = [
{tableId: 2, tableName: 'll_yh_usa'}, { tableId: 2, tableName: 'll_yh_usa' },
{tableId: 3, tableName: 'll_yh_euro'}, { tableId: 3, tableName: 'll_yh_euro' },
{tableId: 4, tableName: 'll_yh_newzealand'}, { tableId: 4, tableName: 'll_yh_newzealand' },
{tableId: 5, tableName: 'll_yh_china'}, { tableId: 5, tableName: 'll_yh_china' },
{tableId: 6, tableName: 'll_yh_switzerland'}, { tableId: 6, tableName: 'll_yh_switzerland' },
{tableId: 7, tableName: 'll_yh_english'}, { tableId: 7, tableName: 'll_yh_english' },
{tableId: 8, tableName: 'll_yh_australia'}, { tableId: 8, tableName: 'll_yh_australia' },
{tableId: 9, tableName: 'll_yh_japan'}, { tableId: 9, tableName: 'll_yh_japan' },
{tableId: 10, tableName: 'll_yh_russia'}, { tableId: 10, tableName: 'll_yh_russia' },
{tableId: 11, tableName: 'll_yh_india'}, { tableId: 11, tableName: 'll_yh_india' },
{tableId: 12, tableName: 'll_yh_brazil'} { tableId: 12, tableName: 'll_yh_brazil' }
] ]
this.$post(this.api.multipleTablePreview, param).then(res => { this.$post(this.api.multipleTablePreview, param).then(res => {
// 每个国家的央行利率，因为国家名称无法直接取数据库里的，所以这里固定好 // 每个国家的央行利率，因为国家名称无法直接取数据库里的，所以这里固定好
@ -1219,10 +1255,10 @@ export default {
index = -1 index = -1
} }
}, 2000) }, 2000)
}).catch(res => {}) }).catch(res => { })
}, },
// 表格滚动效果 // 表格滚动效果
scrollTable() { scrollTable () {
const dom = this.$refs.tableWrap const dom = this.$refs.tableWrap
const dom1 = this.$refs.gdpList const dom1 = this.$refs.gdpList
setInterval(() => { setInterval(() => {
@ -1238,5 +1274,5 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../../../styles/page/screen.scss"; @import '../../../styles/page/screen.scss';
</style> </style>

94
src/plugins/requests/index.js
Unescape View File

@ -1,5 +1,5 @@
import axios from 'axios' import axios from 'axios'
import util from '@/libs/util' import Util from '@/libs/util'
import router from '@/router/index' import router from '@/router/index'
import Setting from '@/setting' import Setting from '@/setting'
import store from '@/store' import store from '@/store'
@ -18,43 +18,43 @@ let check = true
let checkTimer = null let checkTimer = null
// 检测账号是否被禁用，如果禁用则提示并退出登录 // 检测账号是否被禁用，如果禁用则提示并退出登录
function checkDisabled () { function checkDisabled () {
const token = util.local.get(Setting.tokenKey) const token = Util.local.get(Setting.tokenKey)
if (!token) return false if (!token) return false
check = false check = false
axios.get(baseURL + api.accountIsDisabled + '?token=' + token, { axios.get(baseURL + api.accountIsDisabled + '?token=' + token, {
token: util.local.get(Setting.tokenKey), token: Util.local.get(Setting.tokenKey),
headers: { headers: {
token token
} }
}).then(res => { }).then(res => {
if (res.data) { if (res.data) {
util.errorMsg('账号被禁用，已强制退出，有疑问请联系管理员') Util.errorMsg('账号被禁用，已强制退出，有疑问请联系管理员')
setTimeout(() => { setTimeout(() => {
store.dispatch('user/logout') store.dispatch('user/logout')
}, 1500) }, 1500)
} }
}).catch(res => {}) }).catch(res => { })
} }
// 请求拦截器 // 请求拦截器
service.interceptors.request.use(config => { service.interceptors.request.use(config => {
let token = util.local.get(Setting.tokenKey) let token = Util.local.get(Setting.tokenKey)
if(token) config.headers.token = token if (token) config.headers.token = token
let storeSchoolId = store.state.user.schoolId let storeSchoolId = store.state.user.schoolId
let routeSchoolId = router.app._route.query.schoolId let routeSchoolId = router.app._route.query.schoolId
if(routeSchoolId) routeSchoolId = atob(decodeURI(routeSchoolId)) if (routeSchoolId) routeSchoolId = atob(decodeURI(routeSchoolId))
// 如果store里没有schoolId,则取url里的schoolId,从用户跳转到后台的时候因为加载顺序的问题会出现这个情况,所以要做这个处理 // 如果store里没有schoolId,则取url里的schoolId,从用户跳转到后台的时候因为加载顺序的问题会出现这个情况,所以要做这个处理
if(storeSchoolId || routeSchoolId) config.headers.schoolId = storeSchoolId ? storeSchoolId : routeSchoolId if (storeSchoolId || routeSchoolId) config.headers.schoolId = storeSchoolId ? storeSchoolId : routeSchoolId
clearTimeout(checkTimer) clearTimeout(checkTimer)
check && checkDisabled() check && checkDisabled()
checkTimer = setTimeout(() => { checkTimer = setTimeout(() => {
check = true check = true
}, 2000) }, 2000)
return config return config
},err => { }, err => {
util.errorMsg({ Util.errorMsg({
message: '退出登陆', message: '退出登陆',
onClose: function () { onClose: function () {
router.push({name: '/login'}) router.push({ name: '/login' })
} }
}) })
return Promise.reject(err) return Promise.reject(err)
@ -64,12 +64,26 @@ service.interceptors.request.use(config => {
service.interceptors.response.use( service.interceptors.response.use(
response => { response => {
const res = response.data const res = response.data
if(res.status == 200) { if (res.status == 200) {
return Promise.resolve(res).catch(e => {}) return Promise.resolve(res).catch(e => { })
}else if(res.status == 30001) { } else if (res.code === 401) {
return Promise.resolve(res).catch(e => {}) // 账号互踢
}else if(!res.status){ if (!logouted) {
return Promise.resolve(res).catch(e => {}) Util.local.remove(Setting.storeKey)
Util.local.remove(Setting.tokenKey)
Util.errorMsg(res.msg.includes('顶') ? '您的账号已在其他设备登录，您已被迫下线！' : '登录过期，请重新登录！')
setTimeout(() => {
router.replace({
path: '/login'
})
logouted = 0
}, 1500)
logouted = 1
}
} else if (res.status == 30001) {
return Promise.resolve(res).catch(e => { })
} else if (!res.status) {
return Promise.resolve(res).catch(e => { })
} else if (res.status === 10008) { } else if (res.status === 10008) {
Message.error({ Message.error({
message: res.message, message: res.message,
@ -77,8 +91,8 @@ service.interceptors.response.use(
duration: 1500 duration: 1500
}) })
return Promise.reject(res) return Promise.reject(res)
}else { } else {
util.errorMsg(res.message) Util.errorMsg(res.message)
res.message === '该账号无权限！' && setTimeout(() => { res.message === '该账号无权限！' && setTimeout(() => {
store.dispatch('user/logout') store.dispatch('user/logout')
}, 1500) }, 1500)
@ -93,9 +107,9 @@ service.interceptors.response.use(
// 未登录则跳转登录页面，并携带当前页面的路径 // 未登录则跳转登录页面，并携带当前页面的路径
// 在登录成功后返回当前页面，这一步需要在登录页操作。 // 在登录成功后返回当前页面，这一步需要在登录页操作。
case 401: case 401:
util.local.remove(Setting.storeKey) Util.local.remove(Setting.storeKey)
util.local.remove(Setting.tokenKey) Util.local.remove(Setting.tokenKey)
util.errorMsg('登录过期，请重新登录') Util.errorMsg('登录过期，请重新登录')
setTimeout(() => { setTimeout(() => {
router.replace({ router.replace({
path: '/login' path: '/login'
@ -103,16 +117,16 @@ service.interceptors.response.use(
}, 1000) }, 1000)
break break
case 500: case 500:
util.errorMsg('网络错误') Util.errorMsg('网络错误')
break break
// 403 token过期 // 403 token过期
// 登录过期对用户进行提示 // 登录过期对用户进行提示
// 清除本地token和清空vuex中token对象 // 清除本地token和清空vuex中token对象
// 跳转登录页面 // 跳转登录页面
case 403: case 403:
util.local.remove(Setting.storeKey) Util.local.remove(Setting.storeKey)
util.local.remove(Setting.tokenKey) Util.local.remove(Setting.tokenKey)
util.errorMsg('登录过期，请重新登录') Util.errorMsg('登录过期，请重新登录')
// 清除token // 清除token
// store.commit('loginSuccess', null); // store.commit('loginSuccess', null);
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面 // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
@ -127,11 +141,11 @@ service.interceptors.response.use(
break break
// 404请求不存在 // 404请求不存在
case 404: case 404:
util.errorMsg('网络请求不存在!') Util.errorMsg('网络请求不存在!')
break break
// 其他错误，直接抛出错误提示 // 其他错误，直接抛出错误提示
default: default:
util.errorMsg(error.response.data.message) Util.errorMsg(error.response.data.message)
Promise.reject(res) Promise.reject(res)
} }
return Promise.reject(error.response) return Promise.reject(error.response)
@ -139,9 +153,9 @@ service.interceptors.response.use(
} }
); );
function get(url, params){ function get (url, params) {
return new Promise((resolve, reject) =>{ return new Promise((resolve, reject) => {
service.get(url, {params: params}).then(res => { service.get(url, { params: params }).then(res => {
resolve(res) resolve(res)
}).catch(err => { }).catch(err => {
reject(err) reject(err)
@ -149,9 +163,9 @@ function get(url, params){
}) })
} }
function post(url, params){ function post (url, params) {
return new Promise((resolve, reject) =>{ return new Promise((resolve, reject) => {
service.post(url,params).then(res => { service.post(url, params).then(res => {
resolve(res) resolve(res)
}).catch(err => { }).catch(err => {
reject(err.data) reject(err.data)
@ -159,8 +173,8 @@ function post(url, params){
}) })
} }
function del(url, params){ function del (url, params) {
return new Promise((resolve, reject) =>{ return new Promise((resolve, reject) => {
service.delete(url, { service.delete(url, {
params params
}).then(res => { }).then(res => {
@ -171,8 +185,8 @@ function del(url, params){
}) })
} }
function put(url, params){ function put (url, params) {
return new Promise((resolve, reject) =>{ return new Promise((resolve, reject) => {
service.put(url, { service.put(url, {
params params
}).then(res => { }).then(res => {
@ -182,4 +196,4 @@ function put(url, params){
}) })
}) })
} }
export { get,post,del,put } export { get, post, del, put }

4
src/setting.js
Unescape View File

@ -11,8 +11,8 @@ const url = location.host
const dev = process.env.NODE_ENV === 'development' // 本地 const dev = process.env.NODE_ENV === 'development' // 本地
let host = `${location.origin}/` let host = `${location.origin}/`
if (dev) { if (dev) {
host = 'http://121.37.12.51/' host = 'https://www.dataforward.cn/'
// host = 'http://192.168.31.51:9000/' // host = 'http://192.168.31.217:9000/'
} }
const Setting = { const Setting = {

3
vue.config.js
Unescape View File

@ -14,5 +14,6 @@ module.exports = {
  assetsDir: Setting.assetsDir,   assetsDir: Setting.assetsDir,
devServer: { devServer: {
port: 8092 port: 8092
} },
productionSourceMap: false,
} }
Write Preview
Loading…
Cancel
Save