Skip to content

S
scanmanage
提交 f1cb05cf authored 作者: zwh's avatar zwh
浏览文件
操作

合并分支 'zwh' 到 'master'

zwh 查看合并请求 !1
上级 9827ad00 9a080546
隐藏空白字符变更
内嵌 并排
正在显示 包含 697 行增加 和 612 行删除
src/axios/services.js
浏览文件 @ f1cb05cf
import axios from './axios';
import url from './index';
// import url from './index';
const server = {
login(data) { //科协组织数据分布
return axios('/auth/login', {
method: 'post',
data
})
},
acRandom() { //科协组织数据分布
return axios('/sacs/ac/random?companyId=1&mac=1&sysName=1', {
method: 'get'
})
},
login(data) { // 登录
return axios('/auth/login', {
method: 'post',
data
})
},
acRandom(data) { // 激活码
return axios(`/ac/random?companyId=${data.companyId}&mac=${data.mac}&sysName=${data.sysName}`, {
method: 'get'
})
},
companyInfo(data) { // 获取单位信息
return axios(`/company?id=${data}`, {
data,
method: 'get'
})
},
getNum(data) {
return axios(`/ac/nums?companyId=${data}`, {
data,
method: 'get'
})
},
getList(data) {
return axios(`/ac/acCode?companyId=${data.companyId}&page=${data.page}&size=${data.size}&mac=${data.mac}`, {
data,
method: 'get'
})
}
}
export default server;
src/views/addNew.vue
浏览文件 @ f1cb05cf
<template>
<div class="content-add">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">基本信息</div>
</div>
<div class="form-size">
<el-form ref="rulesForm" label-position="right" :rules="rules" :model="rulesForm" label-width="160px">
<el-form-item label="所在单位/公司：" prop="adviceName">
<div class="input-size">
<el-input v-model="rulesForm.adviceName" placeholder="请输入" ></el-input>
</div>
</el-form-item>
<el-form-item label="公司电话：" prop="adviceName">
<div class="input-size">
<el-input v-model="rulesForm.adviceName" placeholder="请输入" ></el-input>
</div>
</el-form-item>
<el-form-item label="联系人：" prop="adviceName">
<div class="input-size">
<el-input v-model="rulesForm.adviceName" placeholder="请输入" ></el-input>
</div>
</el-form-item>
<!-- <el-form-item label="公司所在地：" prop="adviceName">
<div class="content-add">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">基本信息</div>
</div>
<div class="form-size">
<el-form
ref="rulesForm"
label-position="right"
:rules="rules"
:model="rulesForm"
label-width="160px"
>
<el-form-item label="所在单位/公司：" prop="company">
<div class="input-size">
<el-input
v-model="rulesForm.company"
placeholder="请输入"
:disabled="true"
></el-input>
</div>
</el-form-item>
<el-form-item label="公司电话：" prop="companytel">
<div class="input-size">
<el-input
v-model="rulesForm.companytel"
placeholder="请输入"
:disabled="true"
></el-input>
</div>
</el-form-item>
<el-form-item label="联系人：" prop="person">
<div class="input-size">
<el-input
v-model="rulesForm.person"
:disabled="true"
placeholder="请输入"
></el-input>
</div>
</el-form-item>
<!-- <el-form-item label="公司所在地：" prop="adviceName">
<div class="input-size">
<el-select
v-model="rulesForm.province"
......@@ -48,228 +66,226 @@
</el-select>
</div>
</el-form-item> -->
<el-form-item label="详细地址：" prop="remarks">
<div class="input-size">
<el-input v-model="rulesForm.remarks" placeholder="请输入标题" ></el-input>
</div>
</el-form-item>
</el-form>
</div>
<div class="bottom-btn">
<div class="cancel">取消</div>
<div class="submit">确定</div>
</div>
<el-form-item label="详细地址：" prop="adress">
<div class="input-size">
<el-input
v-model="rulesForm.address"
:disabled="true"
placeholder="请输入标题"
></el-input>
</div>
</el-form-item>
</el-form>
</div>
<!-- <div class="bottom-btn">
<div class="cancel">取消</div>
<div class="submit">确定</div>
</div> -->
</div>
</template>
<script>
import getMap from '../utils/map'
import getMap from "../utils/map";
export default {
data() {
return {
rulesForm:{"adviceName": "",
"advicePerson": "",
province:'',
city:'',
areaName:'',
"adviceUnit": "",
"content": "",
"periods": "",
"publicationDate": "",
"remarks": ""},
rules: {
adviceName: [
{ required: true, message: '请输入', trigger: 'change' }
],
publicationDate: [
{ required: true, message: '请选择', trigger: 'change' }
],
content: [
{ required: true, message: '请输入', trigger: 'change' }
],
advicePerson: [
{ required: true, message: '请输入', trigger: 'change' }
],
adviceUnit: [
{ required: true, message: '请输入', trigger: 'change' }
],
periods: [
{ required: true, message: '请输入', trigger: 'change' }
]
},
city2:[],
province2:[],
areaName2:[]
}
},
methods:{
changeProvince(pro){
this.city2 = getMap.getCity(pro)
this.rulesForm.city = ""
this.rulesForm.areaName = ""
},
changeCity(pro, cy){
this.areaName2 = getMap.getArea(pro,cy)
this.rulesForm.areaName = ""
},
submit(){
this.$refs["rulesForm"].validate((valid) => {
if (valid) {
this.$axios.edit(this.rulesForm).then(res=>{
sessionStorage.setItem("add",1)
this.$message.success("操作成功")
this.$router.back()
}).catch(err=>{
})
}else{
return false
}
})
},
cancel(){
sessionStorage.setItem("add",1)
this.$router.back()
data() {
return {
rulesForm: {
address: "",
company: "",
companytel: "",
person: "",
},
rules: {
address: [{ message: "请输入地址", trigger: "change" }],
company: [{ required: true, message: "请选择", trigger: "change" }],
companytel: [{ required: true, message: "请输入", trigger: "change" }],
person: [{ required: true, message: "请输入", trigger: "change" }],
},
city2: [],
// province2: [],
// areaName2: [],
};
},
beforeCreate(){
this.$server.companyInfo(localStorage.getItem('id')).then(res=>{
if(res.status===200){
this.rulesForm.address = res.data.address
this.rulesForm.company = res.data.name
this.rulesForm.companytel = res.data.tel
this.rulesForm.person = res.data.contactPerson
}
}).catch(err=>{
console.log(err)
})
},
methods: {
// changeProvince(pro) {
// this.city2 = getMap.getCity(pro);
// this.rulesForm.city = "";
// this.rulesForm.areaName = "";
// },
// changeCity(pro, cy) {
// this.areaName2 = getMap.getArea(pro, cy);
// this.rulesForm.areaName = "";
// },
submit() {
this.$refs["rulesForm"].validate((valid) => {
if (valid) {
this.$axios
.edit(this.rulesForm)
.then((res) => {
sessionStorage.setItem("add", 1);
this.$message.success("操作成功");
this.$router.back();
})
.catch((err) => {});
} else {
return false;
}
});
},
mounted(){
this.province2 = getMap.getProvince()
}
}
// cancel() {
// sessionStorage.setItem("add", 1);
// this.$router.back();
// },
},
// mounted() {
// this.province2 = getMap.getProvince();
// },
};
</script>
<style lang="less" scoped>
.content-add{
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px 36px;
overflow-y: auto;
font-family: "AlibabaPuHuiTi-Regular";
font-size: 16px;
background-color: #fff;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
.form-size{
margin-left: 350px;
margin-top: 80px;
}
.input-size{
width: 600px;
}
.same-title{
display: flex;
height: 22px;
align-items: center;
font-size: 20px;
font-family: "AlibabaPuHuiTi-Medium";
font-weight: normal;
color: #1F295D;
line-height: 22px;
.title-icon{
width: 6px;
height: 20px;
background-image: url('../assets/img/split.png');
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 4px;
}
.content-add {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px 36px;
overflow-y: auto;
font-family: "AlibabaPuHuiTi-Regular";
font-size: 16px;
background-color: #fff;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
.form-size {
margin-left: 350px;
margin-top: 80px;
}
.input-size {
width: 600px;
}
.same-title {
display: flex;
height: 22px;
align-items: center;
font-size: 20px;
font-family: "AlibabaPuHuiTi-Medium";
font-weight: normal;
color: #1f295d;
line-height: 22px;
.title-icon {
width: 6px;
height: 20px;
background-image: url("../assets/img/split.png");
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 4px;
}
/deep/ .el-form .el-form-item{
margin-bottom: 40px;
}
/deep/ .el-form .el-form-item__label{
font-family: "AlibabaPuHuiTi-Regular";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #747C93;
}
/deep/ .el-form .el-form-item {
margin-bottom: 40px;
}
/deep/ .el-form .el-form-item__label {
font-family: "AlibabaPuHuiTi-Regular";
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #747c93;
}
// .inline-form{
// display: flex !important;
// justify-content: space-between;
// /deep/ .el-form-item{
// width: 32%;
// }
// /deep/ .el-form-item .el-form-item__content{
// width: calc(100% - 120px);
// }
// }
// .inline-form2{
// display: flex !important;
// // justify-content: space-between;
// /deep/ .el-form-item{
// width: 33%;
// }
// /deep/ .el-form-item .el-form-item__content{
// width: calc(100% - 120px);
// }
// }
// /deep/ .el-textarea .el-textarea__inner{
// font-family: "AlibabaPuHuiTi-Regular";
// font-size: 16px;
// font-weight: normal;
// font-stretch: normal;
// letter-spacing: 0px;
// color: #333333;
// min-height:400px !important;
// }
.backList {
width: 100%;
height: 32px;
display: flex;
border-bottom: 1px dashed #dedede;
margin-bottom: 40px;
}
.up-rect {
width: 36px;
height: 36px;
background-color: #f5f5f5;
border-radius: 2px;
border: solid 1px #c8c8c8;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
.up-icon {
width: 16px;
height: 14px;
background-image: url("../assets/img/upload_icon.png");
cursor: pointer;
}
// .inline-form{
// display: flex !important;
// justify-content: space-between;
// /deep/ .el-form-item{
// width: 32%;
// }
// /deep/ .el-form-item .el-form-item__content{
// width: calc(100% - 120px);
// }
// }
// .inline-form2{
// display: flex !important;
// // justify-content: space-between;
// /deep/ .el-form-item{
// width: 33%;
// }
// /deep/ .el-form-item .el-form-item__content{
// width: calc(100% - 120px);
// }
// }
// /deep/ .el-textarea .el-textarea__inner{
// font-family: "AlibabaPuHuiTi-Regular";
// font-size: 16px;
// font-weight: normal;
// font-stretch: normal;
// letter-spacing: 0px;
// color: #333333;
// min-height:400px !important;
// }
.backList{
width: 100%;
height: 32px;
display: flex;
border-bottom: 1px dashed #dedede;
margin-bottom: 40px;
}
.bottom-btn {
font-family: "AlibabaPuHuiTi-Medium";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
text-align: center;
line-height: 50px;
letter-spacing: 4px;
width: 100%;
display: flex;
justify-content: center;
margin-top: 70px;
.cancel {
cursor: pointer;
width: 158px;
height: 50px;
background-color: #ffffff;
border-radius: 4px;
border: solid 1px #5c87c1;
color: #317ce3;
margin-right: 92px;
}
.up-rect{
width: 36px;
height: 36px;
background-color: #f5f5f5;
border-radius: 2px;
border: solid 1px #c8c8c8;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
.up-icon{
width: 16px;height: 14px;
background-image: url('../assets/img/upload_icon.png');
cursor: pointer;
}
.submit {
cursor: pointer;
width: 158px;
height: 50px;
background-color: #2570d7;
border-radius: 4px;
color: #ffffff;
}
.bottom-btn{
font-family: "AlibabaPuHuiTi-Medium";
font-size: 20px;
font-weight: normal;
font-stretch: normal;
text-align: center;
line-height: 50px;
letter-spacing: 4px;
width: 100%;
display: flex;
justify-content: center;
margin-top: 70px;
.cancel{
cursor: pointer;
width: 158px;
height: 50px;
background-color: #ffffff;
border-radius: 4px;
border: solid 1px #5c87c1;
color: #317ce3;
margin-right: 92px;
}
.submit{
cursor: pointer;
width: 158px;
height: 50px;
background-color: #2570d7;
border-radius: 4px;
color: #ffffff;
}
}
}
}
</style>
\ No newline at end of file
src/views/home.vue
浏览文件 @ f1cb05cf
<template>
<div class="content-home">
<div class="content-top">
<div class="bind same-padding">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">授权绑定</div>
</div>
<div class="bind-input">
<div class="bind-name">序列号:</div>
<div class="bind-size">
<el-input placeholder="请输入序列号"></el-input>
</div>
</div>
<div class="bind-input">
<div class="bind-name">激活码:</div>
<div class="bind-size2">
<el-input placeholder="请输入序列号"></el-input>
</div>
<div class="bind-btn" @click="getRandom">激活</div>
</div>
</div>
<div class="use-num same-padding">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">使用数量/购买数量</div>
</div>
<div class="use-center">
<div class="num-c">
<div class="num-font">123</div>
<div class="num-name">使用数量</div>
</div>
<div class="num-c" style="background-color: #42CBD4;">
<div class="num-font">123</div>
<div class="num-name">购买数量</div>
</div>
</div>
</div>
<div class="content-home">
<div class="content-top">
<div class="bind same-padding">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">授权绑定</div>
</div>
<div class="content-bottom same-padding">
<div class="top-list">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">使用列表</div>
</div>
<div class="right-search">
<div class="search-font">MAC地址:</div>
<div class="input-c">
<el-input></el-input>
</div>
<div class="search-btn">查询</div>
</div>
</div>
<div class="table">
<el-table
:data="tableData"
stripe
border
style="width: 100%">
<el-table-column
type="index"
align="center"
label="序号"
width="100">
</el-table-column>
<el-table-column
prop="date"
label="绑定时间"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="MAC地址"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="授权码">
</el-table-column>
</el-table>
</div>
<div class="page">
<el-pagination
background
layout="prev, pager, next"
:total="100">
</el-pagination>
</div>
<div class="bind-input">
<div class="bind-name">序列号:</div>
<div class="bind-size">
<el-input placeholder="请输入序列号" v-model="serial"></el-input>
</div>
</div>
<div class="bind-input">
<div class="bind-name">激活码:</div>
<div class="bind-size2">
<el-input placeholder="激活码" v-model="Activation"></el-input>
</div>
<div class="bind-btn" @click="getRandom">激活</div>
</div>
</div>
<div class="use-num same-padding">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">使用数量/购买数量</div>
</div>
<div class="use-center">
<div class="num-c">
<div class="num-font">{{ useNum }}</div>
<div class="num-name">使用数量</div>
</div>
<div class="num-c" style="background-color: #42cbd4">
<div class="num-font">{{ buyNum }}</div>
<div class="num-name">购买数量</div>
</div>
</div>
</div>
</div>
<div class="content-bottom same-padding">
<div class="top-list">
<div class="same-title">
<div class="title-icon"></div>
<div class="title-name">使用列表</div>
</div>
<div class="right-search">
<div class="search-font">MAC地址:</div>
<div class="input-c">
<el-input v-model="mac" @keyup.enter.native="search"></el-input>
</div>
<div class="search-btn" @click="search">查询</div>
</div>
</div>
<div class="table">
<el-table :data="tableData" stripe border style="width: 100%">
<el-table-column type="index" align="center" label="序号" width="100">
</el-table-column>
<el-table-column prop="creatTime" label="生成时间" width="180">
</el-table-column>
<el-table-column prop="mac" label="MAC地址" width="180">
</el-table-column>
<el-table-column prop="activationCode" label="授权码"> </el-table-column>
</el-table>
</div>
<div class="page">
<el-pagination background layout="prev, pager, next" :total="total" :page-size='size' @current-change='pageChange'>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
tableData:[
{
date:'123',
name:'m1',
address:'123'
},
{
date:'123',
name:'m1',
address:'123'
},
{
date:'123',
name:'m1',
address:'123'
},
{
date:'123',
name:'m1',
address:'123'
},
{
date:'123',
name:'m1',
address:'123'
},
{
date:'123',
name:'m1',
address:'123'
}
]
}
data() {
return {
tableData: [],
useNum: "", // 使用数量
buyNum: "", // 购买数量
serial: "", // 序列号
Activation: "", //激活码
sysname: "", // 系统名称
page:0,// 当前页
size:4,// 条数
total:0,// 总页数
mac:'',// mac查询
};
},
created() {
this.getInfo();
this.getNum();
this.getList()
},
methods: {
getInfo() {
this.$server
.companyInfo(localStorage.getItem("id"))
.then((res) => {
if (res.status === 200) {
this.sysname = res.data.sysName;
}
})
.catch((err) => {
console.log(err);
});
},
methods: {
getRandom(){
this.$server.acRandom().then(res=>{
console.log(res);
})
getRandom() {
let param = {
companyId: localStorage.getItem("id"),
mac: this.serial, // 序列号
sysName: this.sysname,
};
this.$server.acRandom(param).then((res) => {
if (res.status === 200) {
this.Activation = res.data.code;
}
});
},
}
// 获取数量
getNum() {
this.$server
.getNum(localStorage.getItem("id"))
.then((res) => {
if (res.status === 200) {
this.buyNum = res.data.limit;
this.useNum = res.data.now;
}
})
.catch((err) => {
console.log(err);
});
},
// 列表获取
getList() {
let param = {
companyId: localStorage.getItem("id"),
mac:this.mac,
page:this.page,
size:this.size
};
this.$server
.getList(param)
.then((res) => {
if(res.status===200){
this.total = res.data.total
this.tableData = res.data.data
}
})
.catch((err) => {
console.log(err);
});
},
// 页码切换
pageChange(page){
this.page = page-1
this.getList()
},
// 查询
search(){
this.page = 0
this.getList()
},
},
};
</script>
<style lang="less" scoped>
.content-home{
.content-home {
width: 100%;
height: 100%;
// border: 1px solid red;
display: flex;
flex-direction: column;
justify-content: space-between;
.same-padding {
box-sizing: border-box;
padding: 30px 40px;
}
.same-title {
display: flex;
height: 22px;
align-items: center;
font-size: 20px;
font-family: "AlibabaPuHuiTi-Medium";
font-weight: normal;
color: #1f295d;
line-height: 22px;
.title-icon {
width: 6px;
height: 20px;
background-image: url("../assets/img/split.png");
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 4px;
}
}
.content-top {
width: 100%;
height: 100%;
// border: 1px solid red;
height: 36%;
display: flex;
flex-direction: column;
justify-content: space-between;
.same-padding{
box-sizing: border-box;
padding: 30px 40px;
}
.same-title{
.bind {
width: 1000px;
height: 100%;
background-color: #fff;
.bind-input {
display: flex;
height: 22px;
margin-top: 5%;
margin-left: 63px;
align-items: center;
font-size: 20px;
font-family: "AlibabaPuHuiTi-Medium";
font-weight: normal;
color: #1F295D;
line-height: 22px;
.title-icon{
width: 6px;
height: 20px;
background-image: url('../assets/img/split.png');
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 4px;
.bind-btn {
width: 100px;
height: 40px;
background: #4176f0;
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #ffffff;
line-height: 40px;
border-radius: 4px;
border: 1px solid #4176f0;
text-align: center;
cursor: pointer;
margin-left: 20px;
&:hover {
// box-shadow: 0px 2px 8px 0px rgba(11, 30, 119, 0.5);
opacity: 0.8;
}
}
.bind-name {
width: 72px;
height: 25px;
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #747c93;
line-height: 25px;
}
.bind-size {
width: 600px;
height: 40px;
margin-left: 12px;
}
.bind-size2 {
width: 480px;
height: 40px;
margin-left: 12px;
}
}
}
.content-top{
.use-num {
width: 640px;
height: 100%;
background-color: #fff;
.use-center {
width: 100%;
height: 36%;
height: calc(100% - 22px);
display: flex;
box-sizing: border-box;
padding: 0 18px;
justify-content: space-between;
.bind{
width: 1000px;
height: 100%;
background-color: #fff;
.bind-input{
display: flex;
margin-top:5%;
margin-left: 63px;
align-items: center;
.bind-btn{
width: 100px;
height: 40px;
background: #4176F0;
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #FFFFFF;
line-height: 40px;
border-radius: 4px;
border: 1px solid #4176F0;
text-align: center;
cursor: pointer;
margin-left: 20px;
&:hover{
// box-shadow: 0px 2px 8px 0px rgba(11, 30, 119, 0.5);
opacity: 0.8;
}
}
.bind-name{
width: 72px;
height: 25px;
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #747C93;
line-height: 25px;
}
.bind-size{
width: 600px;
height: 40px;
margin-left: 12px;
}
.bind-size2{
width: 480px;
height: 40px;
margin-left: 12px;
}
}
}
.use-num{
width: 640px;
height: 100%;
background-color: #fff;
.use-center{
width: 100%;
height: calc(100% - 22px);
display: flex;
box-sizing: border-box;
padding: 0 18px;
justify-content: space-between;
align-items: center;
.num-c{
width: 220px;
height: 120px;
background: #4176F0;
box-shadow: 0px 2px 8px 0px rgba(70, 88, 173, 0.4);
border-radius: 10px;
color: #fff;
box-sizing: border-box;
padding-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
.num-font{
font-size: 42px;
font-family: "Helvetica-Bold";
font-weight: bold;
letter-spacing: 2px;
line-height: 50px;
color: #FFFFFF;
}
.num-name{
font-size: 20px;
font-weight: normal;
color: #FFFFFF;
line-height: 27px;
letter-spacing: 1px;
}
}
}
align-items: center;
.num-c {
width: 220px;
height: 120px;
background: #4176f0;
box-shadow: 0px 2px 8px 0px rgba(70, 88, 173, 0.4);
border-radius: 10px;
color: #fff;
box-sizing: border-box;
padding-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
.num-font {
font-size: 42px;
font-family: "Helvetica-Bold";
font-weight: bold;
letter-spacing: 2px;
line-height: 50px;
color: #ffffff;
}
.num-name {
font-size: 20px;
font-weight: normal;
color: #ffffff;
line-height: 27px;
letter-spacing: 1px;
}
}
}
}
.content-bottom{
width: 100%;
height: 62%;
background-color: #fff;
}
.content-bottom {
width: 100%;
height: 62%;
background-color: #fff;
display: flex;
flex-direction: column;
.top-list {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
height: 64px;
.right-search {
display: flex;
flex-direction: column;
.top-list{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
height: 64px;
.right-search{
display: flex;
height: 40px;
align-items: center;
.input-c{
width: 320px;
height: 40px;
margin: 0 10px;
}
.search-font{
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #747C93;
}
.search-btn{
width: 95px;
height: 38px;
background: #4176F0;
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #FFFFFF;
line-height: 40px;
border-radius: 4px;
border: 1px solid #4176F0;
text-align: center;
cursor: pointer;
// margin-left: 20px;
&:hover{
// box-shadow: 0px 2px 8px 0px rgba(11, 30, 119, 0.5);
opacity: 0.8;
}
}
}
height: 40px;
align-items: center;
.input-c {
width: 320px;
height: 40px;
margin: 0 10px;
}
.table{
flex: 1;
// border: 1px solid red;
overflow-y:auto ;
overflow-x: hidden;
/deep/ .el-table .el-table__header-wrapper .has-gutter tr th:first-child{
padding-left: 0px;
}
/deep/ .el-table .el-table__header-wrapper .has-gutter tr th{
border: none;
background-color:#CFD6E3 ;
font-size: 20px;
font-family: "AlibabaPuHuiTi-Regular";
letter-spacing: 1px;
// font-weight: 500;
color: #1F295D;
padding-left: 30px;
}
/deep/ .el-table .el-table__body-wrapper .el-table__body .el-table__row--striped{
// height: 40px;
td{
background-color: #F4F6F9;
}
}
/deep/ .el-table .el-table__body-wrapper .el-table__body tr td:first-child {
padding-left: 0;
}
/deep/ .el-table .el-table__body-wrapper .el-table__body tr td{
padding-left:30px ;
font-size: 16px;
// font-family: AlibabaPuHuiTiR;
color: #747C93;
line-height: 25px;
}
.search-font {
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #747c93;
}
.page{
height: 64px;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
/deep/ .el-pagination .el-pager{
.number{
background-color: #fff;
border: 1px solid #E5EBEF;
color: #778CA2;
}
.el-icon-more{
background-color: #fff;
line-height: 40px;
}
.el-icon-d-arrow-right{
background-color: #fff;
border: 1px solid #E5EBEF;
color: #778CA2;
}
}
/deep/ .el-pagination .el-pager .number.active{
background-color: #4176F0;
color: #fff;
}
/deep/ .el-pagination .btn-next{
background-color: #fff;
border: 1px solid #E5EBEF;
color: #778CA2;
// &:hover{
// background-color: #4176F0;
// color: #fff;
// }
}
/deep/ .el-pagination .btn-prev{
background-color: #fff;
border: 1px solid #E5EBEF;
color: #778CA2;
// &:hover{
// background-color: #4176F0;
// color: #fff;
// }
}
.search-btn {
width: 95px;
height: 38px;
background: #4176f0;
font-size: 18px;
// font-family: AlibabaPuHuiTiR;
color: #ffffff;
line-height: 40px;
border-radius: 4px;
border: 1px solid #4176f0;
text-align: center;
cursor: pointer;
// margin-left: 20px;
&:hover {
// box-shadow: 0px 2px 8px 0px rgba(11, 30, 119, 0.5);
opacity: 0.8;
}
}
}
}
.table {
flex: 1;
// border: 1px solid red;
overflow-y: auto;
overflow-x: hidden;
/deep/ .el-table .el-table__header-wrapper .has-gutter tr th:first-child {
padding-left: 0px;
}
/deep/ .el-table .el-table__header-wrapper .has-gutter tr th {
border: none;
background-color: #cfd6e3;
font-size: 20px;
font-family: "AlibabaPuHuiTi-Regular";
letter-spacing: 1px;
// font-weight: 500;
color: #1f295d;
padding-left: 30px;
}
/deep/
.el-table
.el-table__body-wrapper
.el-table__body
.el-table__row--striped {
// height: 40px;
td {
background-color: #f4f6f9;
}
}
/deep/
.el-table
.el-table__body-wrapper
.el-table__body
tr
td:first-child {
padding-left: 0;
}
/deep/ .el-table .el-table__body-wrapper .el-table__body tr td {
padding-left: 30px;
font-size: 16px;
// font-family: AlibabaPuHuiTiR;
color: #747c93;
line-height: 25px;
}
}
.page {
height: 64px;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
/deep/ .el-pagination .el-pager {
.number {
background-color: #fff;
border: 1px solid #e5ebef;
color: #778ca2;
}
.el-icon-more {
background-color: #fff;
line-height: 40px;
}
.el-icon-d-arrow-right {
background-color: #fff;
border: 1px solid #e5ebef;
color: #778ca2;
}
}
/deep/ .el-pagination .el-pager .number.active {
background-color: #4176f0;
color: #fff;
}
/deep/ .el-pagination .btn-next {
background-color: #fff;
border: 1px solid #e5ebef;
color: #778ca2;
// &:hover{
// background-color: #4176F0;
// color: #fff;
// }
}
/deep/ .el-pagination .btn-prev {
background-color: #fff;
border: 1px solid #e5ebef;
color: #778ca2;
// &:hover{
// background-color: #4176F0;
// color: #fff;
// }
}
}
}
}
</style>
\ No newline at end of file
src/views/layout.vue
浏览文件 @ f1cb05cf
......@@ -50,7 +50,7 @@ export default {
watch:{
"$route.path": {
handler(newName, oldName) {
　 　　console.log(newName);
// 　 　　console.log(newName);
this.nowRouter = newName
},
　immediate: true
......@@ -60,6 +60,7 @@ export default {
methods: {
logout(){
this.$router.push('/login')
localStorage.clear();
},
jumRouter(router){
this.$router.push(router)
......
src/views/login.vue
浏览文件 @ f1cb05cf
......@@ -45,13 +45,27 @@ export default {
},
methods: {
login(){
if(!this.userNameLogin){
this.$message.error('请输入用户名')
return
}
if(!this.passwordLogin){
this.$message.error('请输入密码')
return
}
let data = {
"password": this.passwordLogin,
"rememberMe": true,
"username": this.userNameLogin
}
this.$server.login(data).then(res=>{
console.log(res);
if(res.status===200){
localStorage.setItem('token',res.data.authorization)
localStorage.setItem('id',res.data.companyId)
this.$router.push('/home')
}
})
}
},
......@@ -157,7 +171,7 @@ export default {
width: 540px;
height: 560px;
background-color: #ffffff;
box-shadow: 0px 2px 20px 0px
box-shadow: 0px 2px 20px 0px
rgba(6, 25, 72, 0.3);
border-radius: 0px 10px 10px 0px;
box-sizing: border-box;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论