Skip to content

F
founder_vue
Commit 32b7563c by chenqiang
Options

工作桌面添加，样式修改，导航添加，字体添加

parent 767189fb
Showing with 1227 additions and 138 deletions
public/index.html
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>
<body> <body style="height: 100vh;">
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript> </noscript>
......
src/App.vue
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</template> </template>
<script> <script>
import zoom from "@/utils/autosize.js"; // import zoom from "@/utils/autosize.js";
export default { export default {
mounted() { mounted() {
// 屏幕自适应 // 屏幕自适应
...@@ -27,7 +27,7 @@ export default { ...@@ -27,7 +27,7 @@ export default {
<style > <style >
body{ body{
/* 解决弹框出现位置偏移情况 */ /* 解决弹框出现位置偏移情况 */
padding-right: 0 !important padding-right: 0 !important
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/assets/fonts/fontawesome-webfont.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/styles/leftMenu.scss 0 → 100644
@import './main.scss';
.leftMenu{
width: 220px;
height: 100%;
// background: #fff;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
opacity: 1;
font-size: $ns-font-size-sm;
.iconfont{margin-right:18px;margin-left:7px;}
/deep/ .el-submenu ul>li{background-color: #1C1D27 !important;}
/deep/ .el-menu /deep/ .el-submenu__title:hover{background-color: #2F313D !important;}
/deep/ .el-menu-item.is-active{
background-color: #2F313D !important;border-left:3px solid #3670FF;color:#fff;
i{
color:#2962FF;
}
}
/deep/ .el-menu-item,/deep/ .el-submenu{border-left:3px solid transparent;}
/deep/ .el-menu-item,/deep/ .el-submenu__title{height:52px;line-height: 52px;}
/deep/ .el-divider--horizontal{
width: 70%;
margin: 10px 0 10px 30px;
background-color: #12131B;
}
/deep/ .el-scrollbar {
.el-scrollbar__wrap {
overflow-x: hidden;
.el-menu{
/*margin-top:10px;*/
width:100%;
height:100%;
.el-submenu:not(.is-opened){
.el-submenu__icon-arrow{
transform: rotateZ(-90deg);
}
}
.el-submenu.is-opened{
.el-submenu__icon-arrow{
transform: rotateZ(180deg);
}
}
.el-menu-item.is-active{
color:$base-color;
/*background:$-left-active-background !important;*/
font-weight:bold;
/*border-right:$-left-active-background-border;*/
}
.el-menu-item,.el-submenu__title{font-size: $ns-font-size-sm;}
/*/deep/ .el-submenu__title:hover{
background-color:#ecf5ff !important;
}*/
.el-menu.el-menu--inline li{padding-left:59px !important;}
.el-submenu__icon-arrow{font-size:15px;}
}
}
}
}
src/assets/styles/rightContent.scss 0 → 100644
@import './main.scss';
.right-icon{
position: absolute;
right: 37px;
top: 13px;
font-size: 15px;display: inline-block;
color: #fff;cursor: pointer;
i{margin-right:5px;font-size: 20px;display: inline-block;vertical-align: middle;}
span{display: inline-block;vertical-align: middle;}
}
.rightContent{
flex: 1;height:100%;overflow-y: auto;
.green{display: inline-block;width:20px;height:20px;border-radius:50%;background: green;vertical-align: middle;}
.red{display: inline-block;width:20px;height:20px;border-radius:50%;background: red;vertical-align: middle;}
.yellow{display: inline-block;width:20px;height:20px;border-radius:50%;background: yellow;vertical-align: middle;}
.greenY{color:green;}
.blackY{color:#333;}
.redY{color:red;}
.yellowY{color:#f90;}
.inlineBtn{
display: inline-block;width:66% !important;
.zdycol3{width:50% !important;}
}
.inlineCxBtn{display: inline-block;width:calc(32% - 23px);}
.paneDiv {
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
opacity: 1;
border-radius: 4px;
margin: 15px;
padding: 0 20px;
padding-bottom:14px;
position: relative;
.border{
display: inline-block;margin-right:8px;vertical-align: middle;
width: 6px;
position: relative;
top:-2px;
height: 20px;
background: #3670FF;
opacity: 1;
}
/deep/ .el-pagination__sizes{top:12px;right:152px; width: 110px;}
.el-form{width: 98%;}
.total{
color:#999;
margin-left: 28px;
margin-right: 22px;
float: left;
}
.export{border: none;position: relative;top: -1px;border-radius: 4px;color:#fff;}
.export:nth-child(1){background: #6491FF;}
.export:nth-child(2){background: #F7B85B;}
.export:nth-child(3){background: #FF6F65;}
.export:nth-child(1):hover{background: #648cff;}
.export:nth-child(2):hover{background: #f7b658;}
.export:nth-child(3):hover{background: #ff6b64;}
.export:last-child{margin-right:-16px !important;}
.cx-btn{
width:98%;margin:10px 0 12px 0;
/* margin-right:25px;*/
.el-button{
width: 138px;
height: 40px;
padding: 0;
line-height: 40px;
font-size:14px;
}
}
.flTtitle{
font-size:16px;
font-weight: bold;
line-height: 21px;
color: #333333;
margin:16px 12px 14px 0;
display: inline-block;
}
.zdyInputW{
position: relative;
.absolute{position: absolute; left: calc(100% + 10px);top: 9px;}
}
/deep/ .el-button--primary{background: #3670FF;box-shadow: 0px 4px 6px rgba(26, 129, 225, 0.12);}
/deep/ .el-form-item__content,/deep/ .el-form-item__label{line-height: 32px;}
.el-select,.el-input,.el-range-editor.el-input__inner,.zdyInputW,.el-textarea,.el-input.el-date-editor--datetime{display: inline-block;width:100%;text-align: left;line-height:32px;height:32px;vertical-align: middle;}
.zdycol3{display: inline-block;width:33%;}
.zdycol2{display: inline-block;width:33%;margin-right: 33% !important;}
.zdycol4{
display: inline-block;width:100%;margin-right: 33% !important;
.el-input{width:33%;}
}
.zdycol5{display: inline-block;width:33%;margin-right: 33% !important;}
.zdycol1{display: inline-block;width:100%;}
.zdycol22{display: inline-block;width:50%;}
.zdName{display: inline-block;width:120px;text-align: right;color:#333;}
.el-input.el-input--suffix.el-popover__reference,.el-input.el-input--suffix{width:100%;}
.input-new-tag.el-input{width:100px;}
.zdyInputCol2{
.el-input{width:calc((100% - 28px)/2);}
}
[class*="zdycol"]{margin:4px 0;}
.el-range-editor.el-input__inner{vertical-align: bottom;}
.zdyInputW2{
width:calc(100% + 130px);margin-left: -130px;
.zdyInputW{width:calc(100% - 130px) !important;}
.el-button {padding: 6px 14px;}
}
.el-tag {background-color: #5faeff;color:#fff;height:28px;line-height: 26px; margin: 4px 6px;}
.zdyInputW>span{width:100%;display: inline-block;}
}
.paneDiv2{
background: #FFFFFF;
border: 1px solid #EAEAEA;
box-shadow: none;
opacity: 1;
border-radius: 8px;
}
}
src/components/header_components.vue 0 → 100644
<template>
<div class="headerT">
<img src="../assets/img/jh.png"
style="margin-right:16px; position: relative; top: -2px;">{{headerTitle}}</div>
</template>
<script>
import "@/assets/js/iconfont.js";
export default {
name: "headerT",
props: {
headerTitle:String,
headerIcon:String,
}
}
</script>
<style scoped lang="scss">
@import '../assets/styles/main.scss';
@import url("../assets/styles/iconfont.css");
@import url("../assets/styles/font-awesome.min.css");
</style>
src/components/leftMenu_components.vue 0 → 100644
<template>
<!--左侧导航-->
<div
class="leftMenu"
:style="{ width: isCollapse == true ? '72px' : '240px' }"
>
<!--<div @click="isCollapse=!isCollapse" style="width:51px;text-align:center;color:#409EFF;cursor: pointer;line-height:36px;" :title="isCollapse == true?'展开':'收缩'"><i class="fa fa-bars"></i></div>-->
<el-scrollbar style="height: 100%">
<el-menu
@select="changeSidebar"
:default-active="currentBar"
class="el-menu-vertical-demo"
@open="handleMenuOpen"
@close="handleMenuClose"
:collapse="isCollapse"
:unique-opened="isOpenOnly"
active-text-color="#FFFFFF"
background-color="#252733"
text-color="#B2B5C8"
ref="menu"
>
<!--没有子级菜单的情况-->
<!--<div v-for="item in leftMenu" :key="item.index">
&lt;!&ndash;没有子级菜单的情况&ndash;&gt;
<el-menu-item
:index="item.index"
:name="item.index"
v-if="!item.children"
>
<i :class="item.className"></i>
<span slot="title">{{ item.label }}</span>
</el-menu-item>
<el-submenu :index="item.index" v-else>
<template slot="title">
<i :class="item.className"></i>
<span slot="title">{{ item.label }}</span>
</template>
<el-menu-item :index="item2.index" :name="item2.index" v-for="(item2,index2) in item.children" :key="index2"><i :class="item2.className"></i>{{item2.label}}</el-menu-item>
</el-submenu>
</div>-->
<el-divider></el-divider>
<el-submenu index="1" id="menu3">
<template slot="title">
<i :class="leftMenu[0].className"></i>
<span slot="title">{{ leftMenu[0].label }}</span>
</template>
<el-menu-item
:index="item.index"
v-for="(item, index) in leftMenu[0].children"
:key="index"
><i
class="iconfont iconquanxianjiesuo"
style="float: right"
v-show="item.disabled"
></i
>{{ item.label }}</el-menu-item
>
</el-submenu>
</el-menu>
</el-scrollbar>
<!--<img src="../assets/img/leftMenuCover.png" style="width:180px;margin-left: 10px;" v-show="isCollapse==false">-->
</div>
</template>
<script>
import "@/assets/styles/font-awesome.min.css";
import url from "@/api/base";
import Http from "@/utils/axiosHttp.js";
export default {
name: "leftMenu_components",
props: {
isCollapseP: Boolean,
propLeftMenu: {
type: Array,
default: () => [],
},
sidebarItemName: String,
},
data() {
return {
isOpenOnly: true,
isCollapse: this.isCollapseP,
leftMenu: this.propLeftMenu,
currentBar: "1",
csidebarItemName: this.sidebarItemName,
navList: [],
};
},
watch: {
currentBar(val) {
this.$emit("changeName", val);
},
isCollapseP(val) {
this.isCollapse = val;
},
sidebarItemName(val) {
debugger
if (
val == "sjcj" ||
val == "yqgl" ||
val == "zqgl" ||
val == "xlqgl" ||
val == "gzqgl" ||
val == "tyqgl"
) {
this.csidebarItemName = "jqgl";
}
},
},
created() {
console.log(this.leftMenu);
// || ["M01","M011","M012","M013","M014","M015","M016"]
this.navList = JSON.parse(sessionStorage.getItem("navList"));
this.navAuth();
},
methods: {
navAuth() {
var self = this;
if (self.navList && self.navList.length > 0) {
self.leftMenu.forEach((item) => {
if (item.children) {
item.children.forEach((subItem) => {
if (subItem.auth) {
let flags = self.navList.findIndex(
(sub) => sub == subItem.auth
);
if (flags < 0) {
self.$set(subItem, "disabled", true);
} else {
self.$set(subItem, "disabled", false);
}
}
});
} else {
if (item.auth) {
let flag = self.navList.findIndex((sub) => sub == item.auth);
if (flag < 0) {
self.$set(item, "disabled", true);
} else {
self.$set(item, "disabled", false);
}
}
}
});
}
},
handleMenuOpen(key, keyPath) {
console.log(key, keyPath);
},
handleMenuClose(key, keyPath) {
console.log(key, keyPath);
},
changeSidebar(index) {
console.log(index, this.leftMenu);
this.$emit("changeSidebarIndex", index, this.leftMenu);
},
},
mounted() {
let self = this;
if (
self.csidebarItemName == "sjcj" ||
self.csidebarItemName == "yqgl" ||
self.csidebarItemName == "zqgl" ||
self.csidebarItemName == "xlqgl" ||
self.csidebarItemName == "gzqgl" ||
self.csidebarItemName == "tyqgl"
) {
//访问运控菜单
let getId = "";
if (
self.csidebarItemName == "sjcj" ||
self.csidebarItemName == "yqgl" ||
self.csidebarItemName == "zqgl" ||
self.csidebarItemName == "xlqgl" ||
self.csidebarItemName == "gzqgl" ||
self.csidebarItemName == "tyqgl"
) {
getId = "jqgl";
}
debugger
let index = self.leftMenu.findIndex((item) => item.id == getId);
self.leftMenu[index].children.forEach((item2) => {
if (item2.id == self.csidebarItemName) {
self.currentBar = item2.index.toString();
}
});
} else {
let index = self.leftMenu.findIndex(
(item) => item.id == self.csidebarItemName
);
self.currentBar = (index + 1).toString();
}
},
};
</script>
<style>
.el-submenu .el-menu-item {
padding: 0 !important;
}
</style>
<style scoped lang="scss">
@import "../assets/styles/leftMenu.scss";
</style>
src/router/modules/index.js
...@@ -4,21 +4,91 @@ export default [ ...@@ -4,21 +4,91 @@ export default [
redirect: '/login' redirect: '/login'
}, },
{ {
path: "/login", path: '/login',
name: "Login", name: 'Login',
meta: { meta: {
title: "登录", title: '登录',
auth: "5" auth: '5'
}, },
component: () => import("@/views/login.vue") component: () => import('@/views/login.vue')
}, },
{ {
path: "/Home", path: '/Home',
name: "Home", name: 'Home',
meta: { meta: {
title: "工作桌面", title: '工作桌面',
auth: "5" auth: '5'
}, },
component: () => import("@/views/Home.vue") component: () => import('@/views/Home.vue')
},
{
path: '/jump',
name: 'jump',
meta: {
title: '工作桌面',
auth: '5'
},
component: () => import('@/views/jump/jump.vue')
},
{
path: '/jqglIndex',
name: 'jqglIndex',
meta: {
title: '警犬管理',
auth: 5
},
component: () => import('@/views/sy/index.vue'),
redirect: { name: 'sjcj' }, //输入路由会重定向到dlrz页面
children: [
{
/*数据采集*/
path: 'sjcj',
name: 'sjcj',
component: () => import('@/views/sy/sjcj.vue'),
meta: {
title: '数据采集'
}
}, {
/*幼犬管理*/
path: 'yqgl',
name: 'yqgl',
component: () => import('@/views/sy/yqgl.vue'),
meta: {
title: '幼犬管理'
}
}, {
/*种犬管理*/
path: 'zqgl',
name: 'zqgl',
component: () => import('@/views/sy/zqgl.vue'),
meta: {
title: '种犬管理'
}
}, {
/*训练犬管理*/
path: 'xlqgl',
name: 'xlqgl',
component: () => import('@/views/sy/xlqgl.vue'),
meta: {
title: '训练犬管理'
}
}, {
/*工作犬管理*/
path: 'gzqgl',
name: 'gzqgl',
component: () => import('@/views/sy/gzqgl.vue'),
meta: {
title: '工作犬管理'
}
}, {
/*退役犬管理*/
path: 'tyqgl',
name: 'tyqgl',
component: () => import('@/views/sy/tyqgl.vue'),
meta: {
title: '退役犬管理'
}
}
]
} }
] ]
\ No newline at end of file
src/utils/autosize.js
/*
* @Author: your name
* @Date: 2021-11-30 10:33:12
* @LastEditTime: 2021-12-07 12:47:57
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \founder_vue\src\utils\autosize.js
*/
/* eslint-disable */ /* eslint-disable */
import cfg from "@/utils/defaultSettings"; import cfg from '../config/defaultSettings'
import {
isMobile export default function zoom(id) {
} from './index' const width = cfg.windowWidth
let zoom = function zoom(width, height) { const height = cfg.windowHeight
let x = window.innerWidth / width let x = window.innerWidth / width
let y = window.innerHeight / height let y = window.innerHeight / height
let scale = 'scale(' + x + ',' + y + ')' let scale = 'scale(' + x + ',' + y + ')'
let cssText = 'overflow:hidden;' let cssText = 'overflow:hidden;'
cssText += 'width:' + width + 'px;' cssText += 'width:' + width + 'px;'
cssText += 'height:' + height + 'px;' cssText += 'height:' + height + 'px;'
let browsers = ['', '-ms-', '-moz-', '-webkit-', '-o-'] let browsers = ['', '-ms-', '-moz-', '-webkit-', '-o-']
browsers.forEach((key) => { browsers.forEach((key) => {
cssText += key + 'transform:' + scale + ';' cssText += key + 'transform:' + scale + ' translate3d(0,0,0);'
cssText += key + 'transform-origin: left top 0;' cssText += key + 'transform-origin: left top 0;'
}) })
document.body.style.cssText = cssText if (id) {
console.log(cssText); document.getElementById(id).style.cssText = cssText
} else {
document.body.style.cssText = cssText
}
if (!isMobile()) {
zoom(cfg.windowWidth, cfg.windowHeight)
}
window.addEventListener('resize', function () {
if (!isMobile()) {
zoom(cfg.windowWidth, cfg.windowHeight)
} }
})
export default {
zoom
} }
// export default function zoom(id) {
// const width = cfg.windowWidth;
// const height = cfg.windowHeight;
// let x = window.innerWidth / width;
// let y = window.innerHeight / height;
// let scale = "scale(" + x + "," + y + ")";
// let cssText = "overflow:hidden;";
// cssText += "width:" + width + "px;";
// cssText += "height:" + height + "px;";
// let browsers = ["", "-ms-", "-moz-", "-webkit-", "-o-"];
// browsers.forEach(key => {
// cssText += key + "transform:" + scale + " translate3d(0,0,0);";
// cssText += key + "transform-origin: left top 0;";
// });
// if (id) {
// document.getElementById(id).style.cssText = cssText;
// } else {
// document.body.style.cssText = cssText;
// }
// }
\ No newline at end of file
src/utils/autosize2.js deleted 100644 → 0
/*
* @Author: your name
* @Date: 2021-12-07 11:35:25
* @LastEditTime: 2021-12-07 11:35:26
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \警犬\founder_vue\src\utils\autosize2.js
*/
/* eslint-disable */
import cfg from '@/config/defaultSettings'
export default function zoom(id) {
const width = cfg.windowWidth
const height = cfg.windowHeight
let x = window.innerWidth / width
let y = window.innerHeight / height
let scale = 'scale(' + x + ',' + y + ')'
let cssText = 'overflow:hidden;'
cssText += 'width:' + width + 'px;'
cssText += 'height:' + height + 'px;'
let browsers = ['', '-ms-', '-moz-', '-webkit-', '-o-']
browsers.forEach((key) => {
cssText += key + 'transform:' + scale + ' translate3d(0,0,0);'
cssText += key + 'transform-origin: left top 0;'
})
if (id) {
document.getElementById(id).style.cssText = cssText
} else {
document.body.style.cssText = cssText
}
}
/* eslint-disable */
// import cfg from '../config/defaultSettings'
//
// let zoom = function zoom(width, height) {
// let x = window.innerWidth / width
// let y = window.innerHeight / height
// let scale = 'scale(' + x + ',' + y + ')'
// let cssText = 'overflow:hidden;'
//
// cssText += 'width:' + width + 'px;'
// cssText += 'height:' + height + 'px;'
//
// let browsers = ['', '-ms-', '-moz-', '-webkit-', '-o-']
// browsers.forEach((key) => {
// cssText += key + 'transform:' + scale + ';'
// cssText += key + 'transform-origin: left top 0;'
// })
// document.body.style.cssText = cssText
// }
// zoom(cfg.windowWidth, cfg.windowHeight)
//
// window.addEventListener('resize', function () {
// zoom(cfg.windowWidth, cfg.windowHeight)
// })
//
// export default {
// zoom
// }
src/utils/params.js 0 → 100644
/*
* 一、命案管理界面界面数据
* 二、xxx界面数据
* 三、xxx界面数据
*
*
*
* */
/**
* 时间戳转日期格式
* @param {Object} timeStamp
*/
var timeStampTurnTime = function (timeStamp) {
if (timeStamp != undefined && timeStamp != "" && timeStamp > 0) {
var date = new Date();
date.setTime(timeStamp);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate();
d = d < 10 ? "0" + d : d;
var h = date.getHours();
h = h < 10 ? "0" + h : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? "0" + minute : minute;
second = second < 10 ? "0" + second : second;
return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
} else {
return "";
}
};
/**
* 时间戳转日期格式年月日
* @param {Object} timeStamp
*/
var timeStampTurnTime2 = function (timeStamp) {
if (timeStamp != undefined && timeStamp != "" && timeStamp > 0) {
var date2 = new Date();
date2.setTime(timeStamp);
var y = date2.getFullYear();
var m = date2.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = date2.getDate();
d = d < 10 ? "0" + d : d;
return y + "-" + m + "-" + d;
} else {
return timeStamp;
}
};
/*——————————————警犬管理与指挥系统--数据——————————————————————————————————————————*/
let maglHeaderTitle = "警犬管理与指挥系统";
let maglHeaderIcon = "iconjibenxinxi";
let maglPropLeftMenu = [
{
id: "jqgl",
label: "警犬管理模块",
newAuth: 'M01',
index: "1",
className: "iconfont icongongnengfuwu",
children: [
{
id: "sjcj",
label: "数据采集",
index: "1-1",
auth: 'M011',
className: "iconfont icongongnengfuwu",
disabled: false
},
{
id: "yqgl",
label: "幼犬管理",
index: "1-2",
auth: 'M012',
className: "iconfont iconfangwen",
disabled: false
},
{
id: "zqgl",
label: "种犬管理",
index: "1-3",
auth: 'M013',
className: "iconfont iconliandong",
disabled: false
},
{
id: "xlqgl",
label: "训练犬管理",
index: "1-4",
auth: 'M014',
className: "iconfont iconliandong",
disabled: false
},
{
id: "gzqgl",
label: "工作犬管理",
index: "1-5",
auth: 'M015',
className: "iconfont iconliandong",
disabled: false
},
{
id: "tyqgl",
label: "退役犬管理",
index: "1-6",
auth: 'M016',
className: "iconfont iconliandong",
disabled: false
}
]
}
];
export {
/*命案管理界面--数据*/
maglHeaderTitle,
maglHeaderIcon,
maglPropLeftMenu,
/*时间*/
timeStampTurnTime
};
src/views/jump/jump.vue 0 → 100644
<template>
</template>
<script>
import Http from '@/utils/axiosHttp.js'
import url from '@/api/base'
import axios from 'axios'
import { mapGetters } from 'vuex'
export default {
name: 'jump',
data() {
return {
xz_token: '',
ruleForm2: {
account: '',
password: '',
saveLoading: null
}
}
},
created() {
this.xz_token = this.$route.query.b_token
this.getData()
this.saveLoading = this.$loading({
lock: true,
text: '正在跳转...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)'
})
},
computed: {
...mapGetters(['token'])
},
methods: {
getLogin(resData) {
let self = this
let data = new FormData()
data.append('account', resData.account)
data.append('password', '0')
data.append('grade', resData.grade)
data.append('identitycard', resData.identitycard)
data.append('realName', resData.realname)
data.append('unitcode', resData.unitcode)
data.append('unitname', resData.unitname)
data.append('phone', resData.phone)
axios.post('/api/blade-auth/dddlToken', data, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(res => {
console.log(res,'22222222222222222')
if (res.success) {
const dataA = res.data
sessionStorage.setItem('token', 'bearer ' + dataA.accessToken)
sessionStorage.setItem('userInfo', JSON.stringify(dataA))/*存储userInfo,所有数据*/
sessionStorage.setItem('unitcode', dataA.unitcode == undefined ? '' : dataA.unitcode)/*存储unitcode*/
sessionStorage.setItem('grade', dataA.grade == undefined ? '' : dataA.grade)/*grade*/
let fjurl = '/addSysDlrz'
// self.requestPost(JSON.stringify(''), fjurl).then(response => {
// })
self.saveLoading.close()
sessionStorage.setItem('baseUrl', '/api')
sessionStorage.setItem('isShow', '1')
if (dataA.grade == 'S' || dataA.grade == 'B') {
// self.$router.push({ path: '/dataV' })
self.$router.push({ path: '/Home' })
} else {
self.$router.push({ path: '/jqglIndex' })
}
}
})
},
/**
* post请求
*/
requestPost(form, emitUrl) {
return Http({
url: '/api' + emitUrl,
data: JSON.parse(form),
method: 'post',
headers: {
'blade-auth': sessionStorage.getItem('token')
}
})
},
getData() {
debugger
const self = this
axios.get('/api/dddl/xzLogin', {
params: {
xz_token: self.xz_token
}
}).then(res => {
console.log(res,'111111111111111')
if (res.code == 200) {
sessionStorage.setItem('navList', JSON.stringify(res.data.user.roles))
self.ruleForm2.account = res.data.user.account
self.ruleForm2.password = '0'
self.getLogin(res.data.user)
// self.$store.dispatch('user/login', self.ruleForm2).then((res) => {
// if (res.success) {
// let fjurl = '/addSysDlrz'
// self.requestPost(JSON.stringify(''), fjurl).then(response => {
// })
// self.saveLoading.close()
// sessionStorage.setItem('baseUrl', url.BaseURL)
// sessionStorage.setItem('isShow', '1');
// if(res.data.grade =='S' ||res.data.grade =='B'){
// self.$router.push({ path: "/dataV" });
// }else {
// self.$router.push({ path: "/maglIndex" });
// }
// // self.$router.push({ path: '/dataV' })
// }
// }).catch(() => { })
} else {
self
.$confirm(res.message, '提示', {
confirmButtonText: '确定',
showCancelButton: false,
type: 'warning'
})
.then(() => {
self.saveLoading.close()
window.open('http://xz.xz.ga/', '_blank')
})
.catch(() => {
})
}
})
}
}
}
</script>
<style scoped>
</style>
src/views/jump/jumpXq.vue 0 → 100644
<template>
</template>
<script>
import Http from '@/utils/axiosHttp.js'
import url from '@/api/base'
import axios from 'axios'
import { mapGetters } from 'vuex'
export default {
name: 'jump',
data() {
return {
xz_token: '',
xz_asjbh: '',
ruleForm2: {
account: '',
password: '',
saveLoading: null
}
}
},
created() {
this.xz_token = this.$route.query.b_token
this.xz_asjbh = this.$route.query.asjbh
this.getData()
this.saveLoading = this.$loading({
lock: true,
text: '正在跳转...',
spinner: 'el-icon-loading',
background: 'rgba(255, 255, 255, 0.7)'
})
},
computed: {
...mapGetters(['token'])
},
methods: {
getLogin(resData) {
let self = this
let data = new FormData()
data.append('account', resData.account)
data.append('password', '0')
data.append('grade', resData.grade)
data.append('identitycard', resData.identitycard)
data.append('realName', resData.realname)
data.append('unitcode', resData.unitcode)
data.append('unitname', resData.unitname)
data.append('phone', resData.phone)
axios.post(`${url.BaseURL}` + '/blade-auth/dddlToken', data, {
header: {
'Content-Type': 'multipart/form-data'
}
}).then(res => {
if (res.data.success) {
const dataA = res.data.data
sessionStorage.setItem('token', 'bearer ' + dataA.accessToken)
sessionStorage.setItem('userInfo', JSON.stringify(dataA))/*存储userInfo,所有数据*/
sessionStorage.setItem('unitcode', dataA.unitcode == undefined ? '' : dataA.unitcode)/*存储unitcode*/
sessionStorage.setItem('grade', dataA.grade == undefined ? '' : dataA.grade)/*grade*/
let fjurl = '/addSysDlrz'
self.requestPost(JSON.stringify(''), fjurl).then(response => {
})
self.saveLoading.close()
sessionStorage.setItem('baseUrl', url.BaseURL)
sessionStorage.setItem('isShow', '1')
self.$router.push({ path: '/asjDetail', query: { asjbh: self.xz_asjbh }, })
}
})
},
/**
* post请求
*/
requestPost(form, emitUrl) {
return Http({
url: url.BaseURL + emitUrl,
data: JSON.parse(form),
method: 'post',
headers: {
'blade-auth': sessionStorage.getItem('token')
}
})
},
getData() {
const self = this
Http.get(url.BaseURL + '/dddl/xzLogin', {
params: {
xz_token: self.xz_token
}
}).then(res => {
if (res.data.code == 200) {
sessionStorage.setItem('navList', JSON.stringify(res.data.data.user.roles))
self.ruleForm2.account = res.data.data.user.account
self.ruleForm2.password = '0'
self.getLogin(res.data.data.user)
// self.$store.dispatch('user/login', self.ruleForm2).then((res) => {
// if (res.success) {
// let fjurl = '/addSysDlrz'
// self.requestPost(JSON.stringify(''), fjurl).then(response => {
// })
// self.saveLoading.close()
// sessionStorage.setItem('baseUrl', url.BaseURL)
// sessionStorage.setItem('isShow', '1');
// if(res.data.grade =='S' ||res.data.grade =='B'){
// self.$router.push({ path: "/dataV" });
// }else {
// self.$router.push({ path: "/maglIndex" });
// }
// // self.$router.push({ path: '/dataV' })
// }
// }).catch(() => { })
} else {
self
.$confirm(res.data.message, '提示', {
confirmButtonText: '确定',
showCancelButton: false,
type: 'warning'
})
.then(() => {
self.saveLoading.close()
window.open('http://xz.xz.ga/', '_blank')
})
.catch(() => {
})
}
})
}
}
}
</script>
<style scoped>
</style>
src/views/sy/gzqgl.vue 0 → 100644
<template>
</template>
<script>
export default {
name: 'gzqgl'
}
</script>
<style scoped>
</style>
src/views/sy/sjcj.vue 0 → 100644
<template>
<div class="sjcj">
<el-form abel-position="right"
label-width="140px"
ref="queryForm" :model="form" inline style="text-align: left">
<el-form-item label="犬名：">
<el-select v-model="form.qm" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="性别：">
<el-select v-model="form.xb" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item> <el-form-item label="芯片号：">
<el-select v-model="form.xph" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="犬品种：">
<el-select v-model="form.qpz" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<br>
<el-form-item label="毛色：">
<el-select v-model="form.ms" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="状态：">
<el-select v-model="form.zt" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="犬类别：">
<el-select v-model="form.qlb" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="训导员：">
<el-select v-model="form.xdy" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<br>
<el-form-item label="所属地：">
<el-select v-model="form.ssd" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="繁殖单位：">
<el-select v-model="form.fzdw" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<br>
<el-form-item label="训练等级：">
<el-select v-model="form.xldj" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="专业方向：">
<el-select v-model="form.zyfx" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否为进口：">
<el-select v-model="form.sfwjk" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<br>
<el-form-item label="出生日期：">
<el-select v-model="form.csrq" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="建档日期：">
<el-select v-model="form.jdrq" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="复训日期：">
<el-select v-model="form.fxrq" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value+'114'"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<br>
<el-form-item label="近交系数：">
<el-select v-model="form.jjxs" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value+'113'"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="种犬等级：">
<el-select v-model="form.zqdj" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value+'112'"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="外貌特征：">
<el-select v-model="form.wmtz" placeholder="请选择" clearable>
<el-option
v-for="item in mxlxList"
:key="item.value + '111'"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<div style="display: flex;justify-content: center;">
<div style="justify-content: space-between;display: flex;width: 300px;text-align: center;">
<el-form-item>
<el-button style="background-color: #f9b369;color: #fff;">保存草稿</el-button>
</el-form-item>
<el-form-item>
<el-button style="background-color: #21a25d;color: #fff;">提交采集</el-button>
</el-form-item>
</div>
</div>
</el-form>
</div>
</template>
<script>
export default {
name: 'sjcj',
data(){
return{
form:{
qm:'',
xb:'',
xph:'',
qpz:'',
ms:'',
zt:'',
qlb:'',
xdy:'',
ssd:'',
fzdw:'',
xldj:'',
zyfx:'',
sfwjk:'',
csrq:'',
jdrq:'',
fxrq:'',
jjxs:'',
zqdj:'',
wmtz:''
},
mxlxList: [
{
value: '1',
name: '测试1'
},{
value: '2',
name: '测试2'
},{
value: '3',
name: '测试3'
}
]
}
}
}
</script>
<style scoped lang="scss">
.sjcj{
background-color: #fff;
border-radius: 8px;
margin: 20px 30px 0 20px;
.el-form{
padding: 30px 0;
}
}
</style>
src/views/sy/tyqgl.vue 0 → 100644
<template>
</template>
<script>
export default {
name: 'tyqgl'
}
</script>
<style scoped>
</style>
src/views/sy/xlqgl.vue 0 → 100644
<template>
</template>
<script>
export default {
name: 'xlqgl'
}
</script>
<style scoped>
</style>
src/views/sy/yqgl.vue 0 → 100644
<template>
</template>
<script>
export default {
name: 'yqgl'
}
</script>
<style scoped>
</style>
src/views/sy/zqgl.vue 0 → 100644
<template>
</template>
<script>
export default {
name: 'zqgl'
}
</script>
<style scoped>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment