|
|
|
|
@ -17,19 +17,19 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-top-right">
|
|
|
|
|
<div class="content-top-fanhui">
|
|
|
|
|
<div class="content-top-fanhui-main">
|
|
|
|
|
<div class="content-top-fanhui-main" @click="fanhuimenhu">
|
|
|
|
|
<div class='black-bg'></div>
|
|
|
|
|
<span>返回门户</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="userInfo">
|
|
|
|
|
<img src="@/assets/images/profile.jpg" alt="" />
|
|
|
|
|
<el-dropdown trigger="click">
|
|
|
|
|
<!-- <img src="@/assets/images/profile.jpg" alt="" /> -->
|
|
|
|
|
<el-dropdown trigger="click" @command="tuichudengl">
|
|
|
|
|
<span class="el-dropdown-link">
|
|
|
|
|
您好xxx<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
您好,{{ userName }}<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
</span>
|
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
|
<el-dropdown-item>退出登录</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item command="0">退出登录</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
</div>
|
|
|
|
|
@ -50,7 +50,7 @@
|
|
|
|
|
搜索
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-dialog" v-loading="loading" v-if="dialog">
|
|
|
|
|
<div class="dialog-item" v-for='(item,index) in searchList' :key="index" @click="getValue(item)">
|
|
|
|
|
<div class="dialog-item" v-for='(item, index) in searchList' :key="index" @click="getValue(item)">
|
|
|
|
|
{{ item.name }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -67,24 +67,22 @@ export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
input: "",
|
|
|
|
|
date:'',
|
|
|
|
|
date: '',
|
|
|
|
|
dialog: false,
|
|
|
|
|
loading: true,
|
|
|
|
|
searchList:[],
|
|
|
|
|
getData:{},
|
|
|
|
|
searchList: [],
|
|
|
|
|
getData: {},
|
|
|
|
|
userName: '',
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch:{
|
|
|
|
|
async input(newValue,oldValue) {
|
|
|
|
|
watch: {
|
|
|
|
|
async input(newValue, oldValue) {
|
|
|
|
|
// let data = await this.$api.productPortrayal.findByName({current:1,size:10});
|
|
|
|
|
if(newValue){
|
|
|
|
|
if (newValue) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
this.dialog = true;
|
|
|
|
|
let data = await this.$api.productPortrayal.findByName({name:newValue});
|
|
|
|
|
if(data.code == 200) {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.searchList = data.data;
|
|
|
|
|
}
|
|
|
|
|
// let a = this.throttle(this.getsearchList,500)
|
|
|
|
|
this.getsearchList(newValue);
|
|
|
|
|
} else {
|
|
|
|
|
this.dialog = false;
|
|
|
|
|
this.searchList = [];
|
|
|
|
|
@ -93,21 +91,27 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() { this.dataNow(1) },
|
|
|
|
|
mounted() { this.getData(1) },
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getDataInterval(1)
|
|
|
|
|
console.log(localStorage.getItem('userDto'))
|
|
|
|
|
let user = JSON.parse(localStorage.getItem('userDto'))
|
|
|
|
|
console.log(user)
|
|
|
|
|
this.userName = user.realName
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
gotoBgpage() {
|
|
|
|
|
if(this.input) {
|
|
|
|
|
console.log(this.searchList,'this.searchList')
|
|
|
|
|
if(this.searchList.length == 1) {
|
|
|
|
|
this.$router.push({path:"/bgpage",query: {code: this.getData.code,name: this.getData.name,type: this.getData.type}})
|
|
|
|
|
if (this.input) {
|
|
|
|
|
console.log(this.searchList, 'this.searchList')
|
|
|
|
|
if (this.searchList.length == 1) {
|
|
|
|
|
this.$router.push({ path: "/bgpage", query: { code: this.getData.code, name: this.getData.name, type: this.getData.type } })
|
|
|
|
|
this.searchList = [];
|
|
|
|
|
} else if(this.searchList.length > 1) {
|
|
|
|
|
this.$router.push({path:"/bgpage",query: {code: this.searchList[0].code,name: this.searchList[0].name,type: this.searchList[0].type}})
|
|
|
|
|
} else if (this.searchList.length > 1) {
|
|
|
|
|
this.$router.push({ path: "/bgpage", query: { code: this.searchList[0].code, name: this.searchList[0].name, type: this.searchList[0].type } })
|
|
|
|
|
this.searchList = [];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getData(index){
|
|
|
|
|
getDataInterval(index) {
|
|
|
|
|
setInterval(() => {
|
|
|
|
|
this.dataNow(index)
|
|
|
|
|
}, 1000);
|
|
|
|
|
@ -146,12 +150,30 @@ export default {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
getValue(item){
|
|
|
|
|
getValue(item) {
|
|
|
|
|
this.input = item.name;
|
|
|
|
|
this.getData = item;
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.dialog = false;
|
|
|
|
|
}, 200);
|
|
|
|
|
},
|
|
|
|
|
async getsearchList(newValue) {
|
|
|
|
|
let data = await this.$api.productPortrayal.findByName({ name: newValue });
|
|
|
|
|
if (data.code == 200) {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.searchList = data.data;
|
|
|
|
|
if (this.searchList.length < 1) {
|
|
|
|
|
this.dialog = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
tuichudengl() {
|
|
|
|
|
console.log(111);
|
|
|
|
|
location.href = `${location.origin}/login`;
|
|
|
|
|
},
|
|
|
|
|
fanhuimenhu() {
|
|
|
|
|
location.href = `${location.origin}/ims/workbench/`;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {}
|
|
|
|
|
@ -190,6 +212,7 @@ export default {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
opacity: 0.72;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content-top-left-data2 {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
@ -206,8 +229,9 @@ export default {
|
|
|
|
|
|
|
|
|
|
.content-top-fanhui {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
background: linear-gradient(0deg, rgba(103,200,255,0.2) 0%, rgba(111,176,231,0.1) 100%);
|
|
|
|
|
background: linear-gradient(0deg, rgba(103, 200, 255, 0.2) 0%, rgba(111, 176, 231, 0.1) 100%);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
.content-top-fanhui-main {
|
|
|
|
|
padding: 2px 15px;
|
|
|
|
|
border: 1px solid;
|
|
|
|
|
@ -215,6 +239,7 @@ export default {
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.black-bg {
|
|
|
|
|
width: 36px;
|
|
|
|
|
height: 34px;
|
|
|
|
|
@ -222,12 +247,13 @@ export default {
|
|
|
|
|
background-size: cover;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: SourceHanSansSC;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #FEFFFF;
|
|
|
|
|
text-shadow: 0px 4px 9px rgba(0,0,0,0.29);
|
|
|
|
|
text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
|
|
|
|
|
background: linear-gradient(0deg, #CAFFFF 0%, #CAFFFF 0%, #FFFFFF 0%, #74B4F4 38.96484375%, #3883FF 100%);
|
|
|
|
|
-webkit-background-clip: text;
|
|
|
|
|
-webkit-text-fill-color: transparent;
|
|
|
|
|
@ -236,8 +262,10 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.userInfo {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 31px;
|
|
|
|
|
height: 31px;
|
|
|
|
|
@ -245,7 +273,7 @@ export default {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.el-dropdown-link {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: SourceHanSansSC;
|
|
|
|
|
@ -260,6 +288,7 @@ export default {
|
|
|
|
|
.title {
|
|
|
|
|
margin-top: 250px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
|
|
// display: flex;
|
|
|
|
|
// justify-content: center;
|
|
|
|
|
div {
|
|
|
|
|
@ -270,12 +299,13 @@ export default {
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
text-shadow: 0px 8px 16px rgba(24,118,172,0.6);
|
|
|
|
|
text-shadow: 0px 8px 16px rgba(24, 118, 172, 0.6);
|
|
|
|
|
// background: linear-gradient(0deg, #C2E5FF 100%);
|
|
|
|
|
// -webkit-background-clip: text;
|
|
|
|
|
// -webkit-text-fill-color: transparent;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 316px;
|
|
|
|
|
height: 316px;
|
|
|
|
|
@ -284,11 +314,13 @@ export default {
|
|
|
|
|
left: 830px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.content-bottom-box {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
|
|
|
|
|
.content-bottom {
|
|
|
|
|
position: relative;
|
|
|
|
|
// width: 800px;
|
|
|
|
|
@ -298,8 +330,10 @@ export default {
|
|
|
|
|
|
|
|
|
|
.input {
|
|
|
|
|
width: 739px;
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
border: none;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
@ -333,6 +367,7 @@ export default {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 25px;
|
|
|
|
|
height: 25px;
|
|
|
|
|
@ -348,8 +383,8 @@ export default {
|
|
|
|
|
top: 120px;
|
|
|
|
|
left: 10px;
|
|
|
|
|
padding: 2px;
|
|
|
|
|
background: linear-gradient(to right,rgba(24,101,242,0.1),rgba(24,101,242,0.1));
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
background: linear-gradient(to right, rgba(24, 101, 242, 0.1), rgba(24, 101, 242, 0.1));
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
|
|
|
|
.dialog-item {
|
|
|
|
|
// padding: 15px 27px;
|
|
|
|
|
@ -358,21 +393,24 @@ export default {
|
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
// line-height: 50px;
|
|
|
|
|
// background-color: rgb(63,110,204)
|
|
|
|
|
// background-color: rgba(205,235,243,0.1)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dialog-item:hover {
|
|
|
|
|
background-color: rgb(63,110,204)
|
|
|
|
|
background-color: rgb(63, 110, 204)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//设置遮罩层颜色
|
|
|
|
|
::v-deep .el-loading-mask{
|
|
|
|
|
background-color: rgba(205,235,243,0.1);
|
|
|
|
|
::v-deep .el-loading-mask {
|
|
|
|
|
background-color: rgba(205, 235, 243, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//设置图标颜色
|
|
|
|
|
// ::v-deep .el-loading-spinner .path{
|
|
|
|
|
// stroke: #005432;
|
|
|
|
|
@ -380,6 +418,5 @@ export default {
|
|
|
|
|
//设置文字颜色
|
|
|
|
|
// ::v-deep .el-loading-spinner .el-loading-text{
|
|
|
|
|
// color: #005432;
|
|
|
|
|
// }
|
|
|
|
|
</style>
|
|
|
|
|
// }</style>
|
|
|
|
|
|
