parent
3989ff9f31
commit
a4b6335583
@ -0,0 +1,18 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-23 17:19:09
|
||||
* @LastEditTime: 2021-10-23 17:26:38
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/api/mySelf/index.js
|
||||
*/
|
||||
import httpService from "@/request"
|
||||
// 获取当前的数据
|
||||
export function getMyFileInfoExcel(params) {
|
||||
let obj = Object.assign({action: 'getFileInfoExcel', sType: 'User'}, params)
|
||||
return httpService({
|
||||
url: `/api/v6.ashx`,
|
||||
method: 'get',
|
||||
params: obj
|
||||
})
|
||||
}
|
||||
@ -1,99 +1,128 @@
|
||||
<!--
|
||||
* @Author: xw
|
||||
* @Date: 2021-10-09 11:28:39
|
||||
* @LastEditTime: 2021-10-22 16:27:01
|
||||
* @LastEditTime: 2021-10-23 12:58:13
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: 晴雨表
|
||||
* @FilePath: /data-show/src/views/Index/barometer/index.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="bm-outter" v-loading="load">
|
||||
<v-label-div title="晴雨表" @click="handlerClick">
|
||||
<div>
|
||||
<v-tab-group :btns="['正负调性', '负面等级']" @change="handlerChange"></v-tab-group>
|
||||
</div>
|
||||
</v-label-div>
|
||||
<div class="bm-bd">
|
||||
<v-echarts :opt="opt"></v-echarts>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bm-outter" v-loading="load">
|
||||
<v-label-div title="晴雨表">
|
||||
<div>
|
||||
<v-tab-group :btns="['正负调性', '负面等级']" @change="handlerChange"></v-tab-group>
|
||||
</div>
|
||||
</v-label-div>
|
||||
<div class="bm-bd">
|
||||
<v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import createOpt from "./opt"
|
||||
import {getAffections0528, getCrisisTime} from "@/api/home"
|
||||
import createOpt from "./opt";
|
||||
import { getAffections0528, getCrisisTime } from "@/api/home";
|
||||
import moment from "moment";
|
||||
export default {
|
||||
name: "barometer",
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
opt: {}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getData1()
|
||||
},
|
||||
methods: {
|
||||
// 选择后台的数据
|
||||
handlerChange(n) {
|
||||
if(n === 0) {
|
||||
this.getData1()
|
||||
} else {
|
||||
this.getData2()
|
||||
}
|
||||
name: "barometer",
|
||||
data() {
|
||||
return {
|
||||
load: false,
|
||||
opt: {},
|
||||
};
|
||||
},
|
||||
// 获取正负调性
|
||||
getData1() {
|
||||
this.load = true;
|
||||
getAffections0528(this.getCommTime).then(res => {
|
||||
let data = res.data;
|
||||
let dx = [];
|
||||
let ds = [];
|
||||
data.forEach(ele => {
|
||||
let Time = ele.Time;
|
||||
let Data = ele.Data;
|
||||
dx.push(Time);
|
||||
ds.push(Data);
|
||||
});
|
||||
this.opt = createOpt(dx, ds)
|
||||
this.load = false;
|
||||
})
|
||||
created() {
|
||||
this.getData1();
|
||||
},
|
||||
// 获取负面等级
|
||||
getData2() {
|
||||
this.load = true;
|
||||
getCrisisTime(this.getCommTime).then(res => {
|
||||
let data = res.data;
|
||||
let dx = [];
|
||||
let ds = [];
|
||||
data.forEach(ele => {
|
||||
let Time = ele.Time;
|
||||
let Data = ele.Data;
|
||||
dx.push(Time);
|
||||
ds.push(Data);
|
||||
});
|
||||
this.opt = createOpt(dx, ds)
|
||||
this.load = false;
|
||||
})
|
||||
methods: {
|
||||
// 选择后台的数据
|
||||
handlerChange(n) {
|
||||
if (n === 0) {
|
||||
this.getData1();
|
||||
} else {
|
||||
this.getData2();
|
||||
}
|
||||
},
|
||||
// 获取正负调性
|
||||
getData1() {
|
||||
this.load = true;
|
||||
getAffections0528(this.getCommTime).then((res) => {
|
||||
let data = res.data;
|
||||
let dx = [];
|
||||
let ds = [];
|
||||
data.forEach((ele) => {
|
||||
let Time = ele.Time;
|
||||
let Data = ele.Data;
|
||||
dx.push(Time);
|
||||
ds.push(Data);
|
||||
});
|
||||
this.opt = createOpt(dx, ds);
|
||||
this.load = false;
|
||||
});
|
||||
},
|
||||
// 获取负面等级
|
||||
getData2() {
|
||||
this.load = true;
|
||||
getCrisisTime(this.getCommTime).then((res) => {
|
||||
let data = res.data;
|
||||
let dx = [];
|
||||
let ds = [];
|
||||
data.forEach((ele) => {
|
||||
let Time = ele.Time;
|
||||
let Data = ele.Data;
|
||||
dx.push(Time);
|
||||
ds.push(Data);
|
||||
});
|
||||
this.opt = createOpt(dx, ds);
|
||||
this.load = false;
|
||||
});
|
||||
},
|
||||
// 获取echars 点击的数据
|
||||
clickEchars(data) {
|
||||
let series = [];
|
||||
let startTime = "";
|
||||
let endTime = "";
|
||||
data.forEach((ele) => {
|
||||
let seriesName = ele.seriesName;
|
||||
endTime = ele.name;
|
||||
series.push(seriesName);
|
||||
});
|
||||
if (this.getCommTime.sTimeType == 34) {
|
||||
// let endTime = moment(time).add(24, "hours").format("YYYY-MM-DD HH:mm:ss");
|
||||
startTime = moment(endTime)
|
||||
.subtract(24, "hours")
|
||||
.format("YYYY-MM-DD HH:mm:ss");
|
||||
} else if (this.getCommTime.sTimeType == 23) {
|
||||
startTime = moment(endTime)
|
||||
.subtract(3, "days")
|
||||
.format("YYYY-MM-DD HH:mm:ss");
|
||||
} else if (this.getCommTime.sTimeType == 3) {
|
||||
startTime = moment(endTime)
|
||||
.subtract(7, "days")
|
||||
.format("YYYY-MM-DD HH:mm:ss");
|
||||
} else {
|
||||
startTime = moment(endTime)
|
||||
.subtract(30, "days")
|
||||
.format("YYYY-MM-DD HH:mm:ss");
|
||||
}
|
||||
this.$router.push({
|
||||
path: "/industryDataExport",
|
||||
query: { startTime, endTime, series },
|
||||
});
|
||||
},
|
||||
},
|
||||
// 跳转到行业数据
|
||||
handlerClick() {
|
||||
this.$router.push({path: '/industryDataExport'})
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.bm-outter {
|
||||
width: 460px;
|
||||
height: 312px;
|
||||
border: 2px solid #0f2a4d;
|
||||
margin-top: 16px;
|
||||
.bm-bd {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
width: 460px;
|
||||
height: 312px;
|
||||
border: 2px solid #0f2a4d;
|
||||
margin-top: 16px;
|
||||
.bm-bd {
|
||||
width: 100%;
|
||||
height: calc(100% - 48px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,100 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-23 15:58:58
|
||||
* @LastEditTime: 2021-10-23 17:13:21
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/Myself/modifyForm/index.vue
|
||||
-->
|
||||
<template>
|
||||
<a-form-model layout="horizontal" :model="form" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol" ref="resetForm">
|
||||
<a-form-model-item label="设置密码" prop="pwd1">
|
||||
<a-input type="password" v-model="form.pwd1" placeholder="请输入新密码" autocomplete="off"/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="再次输入" prop="pwd2">
|
||||
<a-input type="password" v-model="form.pwd2" placeholder="请再次输入新密码" autocomplete="off"/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {updPhonePwd} from "@/api/login"
|
||||
export default {
|
||||
name: "modifyForm",
|
||||
props: {
|
||||
forgetForm: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
const validatePass = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入密码"));
|
||||
} else {
|
||||
let reg =
|
||||
/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$/;
|
||||
if (!reg.test(value)) {
|
||||
callback(new Error("密码由大小写字母、数字和特殊字符组成"));
|
||||
} else if (value.length < 8 || value.length > 16) {
|
||||
callback(new Error("密码8~16位"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
const validatePass2 = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入密码"));
|
||||
} else {
|
||||
let reg =
|
||||
/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$/;
|
||||
if (!reg.test(value)) {
|
||||
callback(new Error("密码由大小写字母、数字和特殊字符组成"));
|
||||
} else if (value.length < 8 || value.length > 16) {
|
||||
callback(new Error("密码8~16位"));
|
||||
} else if (value != this.form.pwd1) {
|
||||
callback(new Error("两次密码不一致"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
return {
|
||||
form: {
|
||||
pwd1: "",
|
||||
pwd2: "",
|
||||
},
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 20 },
|
||||
rules: {
|
||||
pwd1: [{ validator: validatePass, trigger: "change" }],
|
||||
pwd2: [{ validator: validatePass2, trigger: "change" }],
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 完成
|
||||
onSuccess() {
|
||||
this.$refs.resetForm.validate((valid) => {
|
||||
if (valid) {
|
||||
let obj = {...this.forgetForm};
|
||||
obj.sPwd = this.form.pwd2;
|
||||
updPhonePwd(obj).then(() => {
|
||||
this.$emit('success')
|
||||
})
|
||||
} else {
|
||||
console.log("error submit!!");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,115 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-23 15:34:18
|
||||
* @LastEditTime: 2021-10-23 17:13:16
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/Myself/phoneForm/index.vue
|
||||
-->
|
||||
<template>
|
||||
<a-form-model layout="horizontal" :model="form" :rules="rules" ref="phoneForm" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<a-form-model-item label="手机号码" prop="sPhone">
|
||||
<a-input v-model="form.sPhone" placeholder="手机号码" autocomplete="off" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="验证码" prop="iCode">
|
||||
<a-input v-model="form.iCode" placeholder="验证码" autocomplete="off">
|
||||
<span class="fp-s1" slot="suffix" v-if="showCode" @click="getCode">发送验证码</span>
|
||||
<span class="fp-s1" slot="suffix" v-else>{{count}}</span>
|
||||
</a-input>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getVERCode, checkVERCode } from "@/api/login";
|
||||
export default {
|
||||
name: "phoneForm",
|
||||
data() {
|
||||
const validatePhone = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入手机号"));
|
||||
} else {
|
||||
let reg = /^1\d{10}$/;
|
||||
if (!reg.test(value)) {
|
||||
callback(new Error("请输入正确的手机号"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
const validateCode = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入验证码"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
timer: null,
|
||||
count: 0,
|
||||
showCode: true,
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 20 },
|
||||
form: {
|
||||
sPhone: "",
|
||||
iCode: "",
|
||||
},
|
||||
rules: {
|
||||
sPhone: [{ validator: validatePhone, trigger: "change" }],
|
||||
iCode: [{ validator: validateCode, trigger: "change" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 获取手机的验证码
|
||||
getCode() {
|
||||
this.$refs.phoneForm.validateField("sPhone", (errMsg) => {
|
||||
if (!errMsg) {
|
||||
getVERCode({ sPhone: this.form.sPhone }).then(() => {
|
||||
this.countdown();
|
||||
});
|
||||
} else {
|
||||
console.log("验证失败");
|
||||
}
|
||||
});
|
||||
},
|
||||
// 倒计时
|
||||
countdown() {
|
||||
const TIME_COUNT = 60;
|
||||
if (!this.timer) {
|
||||
this.count = TIME_COUNT;
|
||||
this.showCode = false;
|
||||
this.timer = setInterval(() => {
|
||||
if (this.count > 0 && this.count <= TIME_COUNT) {
|
||||
this.count--;
|
||||
} else {
|
||||
this.showCode = true;
|
||||
clearInterval(this.timer);
|
||||
this.timer = null;
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
},
|
||||
// 下一步
|
||||
onNext() {
|
||||
this.$refs.phoneForm.validate((valid) => {
|
||||
if (valid) {
|
||||
checkVERCode(this.form).then(() => {
|
||||
this.$emit("nextStep", this.form);
|
||||
});
|
||||
} else {
|
||||
console.log("error submit!!");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.fp-s1 {
|
||||
cursor: pointer;
|
||||
color: #698198;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue