suzhou-jichuang-lanhai
/
LiaoningChanpinHuaxiang
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shouzhi

Browse Source
duhanyu
李劲龙 2 years ago
parent 4feaab090b
commit f1f4f6b5b0
1 changed files with 59 additions and 39 deletions
Show Stats Download Patch File Download Diff File

90
src/views/index.vue
Unescape View File

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