Skip to content

W
web-purchase
Commit ba1041d5 authored by 张冬's avatar 张冬
Browse files
Options

首页样式

parent 8c3295b1
Hide whitespace changes
Inline Side-by-side
Showing with 182 additions and 175 deletions
src/assets/css/theme-green/color-green.css
View file @ ba1041d5
.header{
background-color: #FF5203;
/* background-color: #FF5203; */
}
.login-wrap{
background: #FF5203;;
......
src/assets/css/theme-green/index.css
View file @ ba1041d5
This source diff could not be displayed because it is too large. You can view the blob instead.
src/common/common.css
View file @ ba1041d5
......@@ -227,3 +227,6 @@ img {
.el-icon-circle-close {
color: white;
}
i{
color:#AFB0B3 ;
}
\ No newline at end of file
src/components/common/Header.vue
View file @ ba1041d5
......@@ -5,25 +5,21 @@
<i v-if="!collapse" class="el-icon-s-fold"></i>
<i v-else class="el-icon-s-unfold"></i>
</div>
<div class="logo">{{title}}</div>
<div class="logo">招投标平台({{ title }})</div>
<div class="header-right">
<div class="header-user-con">
<!-- -->
<div class="serve">客服电话：{{phone}}</div>
<div class="official" @click="join">官网首页</div>
<!-- -->
<div class="serve">客服电话：{{ phone }}</div>
<div class="official" @click="join">官网首页</div>
<!-- 全屏显示 -->
<div class="btn-fullscreen" @click="handleFullScreen">
<el-tooltip effect="dark" :content="fullscreen?`取消全屏`:`全屏`" placement="bottom">
<el-tooltip effect="dark" :content="fullscreen ? `取消全屏` : `全屏`" placement="bottom">
<i class="el-icon-rank"></i>
</el-tooltip>
</div>
<!-- 消息中心 -->
<div class="btn-bell">
<el-tooltip
effect="dark"
content="有1条未读消息:消息中心"
placement="bottom"
>
<el-tooltip effect="dark" content="有1条未读消息:消息中心" placement="bottom">
<router-link to="/tabs">
<i class="el-icon-bell"></i>
</router-link>
......@@ -32,85 +28,78 @@
</div>
<!-- 用户头像 -->
<div class="user-avator">
{{companyName}}
{{ companyName }}
</div>
<!-- 用户名下拉菜单 -->
<el-dropdown trigger="click" @command="handleCommand">
<span class="el-dropdown-link">
<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<span class="el-dropdown-link">
<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="a">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</div>
</template>
<script>
import {requestUrl,homeUrl} from "@utils/common.js"
import { userInfo,getMessagephone} from '@api/common/list'
import { requestUrl, homeUrl } from '@utils/common.js';
import { userInfo, getMessagephone } from '@api/common/list';
import bus from '../common/bus';
export default {
data() {
return {
phone:'',
phone: '',
organlist: '',
collapse: false,
fullscreen: false,
message: 2,
user: '',
organname: '',
companyName:"",
title:""
companyName: '',
title: ''
};
},
computed: {
},
computed: {},
methods: {
async getUserInfo(){
try {
const {
data,
code
} = await userInfo()
if(code==200){
console.log(data)
this.companyName=data.companyName;
localStorage.setItem("companyId",data.companyId)
let userInfo=JSON.stringify(data)
localStorage.setItem("userInfo",userInfo)
let type=data.type;
if(type==1){
this.title="采购商"
}else{
this.title="供应商"
}
bus.$emit('menuList', data.menuList);
}
} catch (e) {
console.log(e)
}
},
join(){
window.location.href=`${homeUrl}`
// window.location.href=" http://localhost:3000/"
},
async getUserInfo() {
try {
const { data, code } = await userInfo();
if (code == 200) {
console.log(data);
this.companyName = data.companyName;
localStorage.setItem('companyId', data.companyId);
let userInfo = JSON.stringify(data);
localStorage.setItem('userInfo', userInfo);
let type = data.type;
if (type == 1) {
this.title = '采购商';
} else {
this.title = '供应商';
}
bus.$emit('menuList', data.menuList);
}
} catch (e) {
console.log(e);
}
},
join() {
window.location.href = `${homeUrl}`;
// window.location.href=" http://localhost:3000/"
},
// 用户名下拉菜单选择事件
handleCommand(command) {
localStorage.removeItem("token")
setTimeout(()=>{
window.location.href=`${homeUrl}`
// window.location.href=" http://localhost:3000/"
},1000)
},
handleCommand(command) {
localStorage.removeItem('token');
setTimeout(() => {
window.location.href = `${homeUrl}`;
// window.location.href=" http://localhost:3000/"
}, 1000);
},
// 侧边栏折叠
collapseChage() {
this.collapse = !this.collapse;
console.log(this.collapse)
console.log(this.collapse);
bus.$emit('collapse', this.collapse);
},
// 全屏事件
......@@ -141,12 +130,11 @@ export default {
this.fullscreen = !this.fullscreen;
},
/* 获取客服电话 */
async getMessagephone(){
const {data} = await getMessagephone()
console.log(data)
this.phone = data.phone
async getMessagephone() {
const { data } = await getMessagephone();
console.log(data);
this.phone = data.phone;
}
},
mounted() {
if (document.body.clientWidth < 1500) {
......@@ -154,21 +142,19 @@ export default {
}
},
created() {
this.getUserInfo();
this.getMessagephone()
this.getUserInfo();
this.getMessagephone();
}
};
</script>
<style scoped>
.serve{
font-size: 16px;
}
.official{
font-size: 16px;
color:#0069D9;
margin: 0 30px
}
.serve {
font-size: 21px;
}
.official {
font-size: 21px;
margin: 0 30px;
}
.kuai {
background: #fff;
width: 10px;
......@@ -225,6 +211,10 @@ export default {
float: left;
width: 250px;
line-height: 70px;
color: #ff5203;
font-weight: bold;
font-size: 21px;
}
.header-right {
float: right;
......@@ -234,6 +224,7 @@ export default {
display: flex;
height: 70px;
align-items: center;
color: #000000;
}
.btn-fullscreen {
transform: rotate(45deg);
......@@ -248,7 +239,7 @@ export default {
text-align: center;
border-radius: 15px;
cursor: pointer;
margin-top: 6px;
margin-top: 6px;
}
.btn-bell-badge {
position: absolute;
......@@ -261,7 +252,7 @@ export default {
color: #fff;
}
.btn-bell .el-icon-bell {
color: #fff;
color: #AFB0B3;;
}
.user-name {
margin-left: 10px;
......
src/components/common/Sidebar.vue
View file @ ba1041d5
......@@ -4,8 +4,8 @@
class="sidebar-el-menu"
:default-active="$route.path"
:collapse="collapse"
background-color="#FF5203"
text-color="#fff"
background-color="#fff"
text-color="##000000"
active-text-color="rgb(51, 218, 193)"
:unique-opened="true"
router
......
src/pages/purchaser/bid/bidSure/determine.vue
View file @ ba1041d5
......@@ -9,19 +9,19 @@
<div>项目编号：{{ projectCode }}</div>
<div style="margin-right: 100px">项目名称：{{ projectName }}</div>
</div>
<div class="flex-between">
<div>项目分类：{{ classify }}</div>
<div class="flex-item" v-if="type == 2">
<div >上传附件：</div>
<ul v-if="file !== undefined && file.length > 0">
<li v-for="(item, i) in file" :key="i" @click="open(item.fileUrl)" class="link">{{ item.fileName }}</li>
</ul>
<div v-else>无</div>
</div>
<div class="flex" v-else>
<div class="adjustment">上传附件：</div>
<singleUpload :limit="1" tip="支持上传1个附件,不超过20M" @input="getfile"></singleUpload>
</div>
<div>项目分类：{{ classify }}</div>
<div class="flex-item" v-if="type == 2">
<div>上传附件：</div>
<ul v-if="file !== undefined && file.length > 0">
<li v-for="(item, i) in file" :key="i" @click="open(item.fileUrl)" class="link">{{ item.fileName }}</li>
</ul>
<div v-else>无</div>
</div>
<div class="flex" v-else>
<div class="adjustment">上传附件：</div>
<singleUpload :limit="1" tip="支持上传1个附件,不超过20M" @input="getfile"></singleUpload>
</div>
</div>
<div class="form">
......@@ -32,7 +32,7 @@
<h3 style="margin-top: 30px">说明</h3>
<el-input
:rows="3"
v-model.trim="content"
v-model.trim="remark"
type="textarea"
placeholder="请输入内容"
maxlength="300"
......@@ -74,7 +74,7 @@ export default {
file: [],
companyId: '',
projectId: '',
content: '',
remark: '',
navs: ['确认中标人'],
breads: ['招标管理', '招标项目管理', '工作台'],
tableData: [],
......@@ -91,9 +91,9 @@ export default {
if (type == 2) {
this.navs[0] = '查看中标人';
this.get();
}else{
this.getprojectClassify()
this.getcandidate()
} else {
this.getprojectClassify();
this.getcandidate();
}
},
methods: {
......@@ -131,7 +131,7 @@ export default {
this.classify = data;
},
async getcandidate() {
let projectId = localStorage.getItem('projectId');
let projectId = localStorage.getItem('projectId');
var { data, code } = await candidate(projectId);
if (code === 200) {
this.tableData = data;
......
src/pages/purchaser/home/home.vue
View file @ ba1041d5
<template>
<div class="home">
<div class="user">
<div>你好 ，MaikoXie , 欢迎开始一天的工作！</div>
<ul class="user-list flex-between">
<li class="flex-colunm">
<img src="@static/images/user.png" alt="" />
<div>全部项目</div>
<li class="flex-colunm user-item">
<i class="el-icon-user"></i>
<p>全部项目</p>
<div>{{ detail.projectCount }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/user.png" alt="" />
<div>我的供应商</div>
<li class="flex-colunm user-item">
<i class="el-icon-user"></i>
<p>我的供应商</p>
<div>{{ detail.bidderCount }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/user.png" alt="" />
<div>已定定标项目</div>
<li class="flex-colunm user-item">
<i class="el-icon-folder-checked"></i>
<p>已定定标项目</p>
<div>{{ detail.calibrated }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/user.png" alt="" />
<div>已流标项目</div>
<li class="flex-colunm user-item">
<i class="el-icon-folder-delete"></i>
<p>已流标项目</p>
<div>{{ detail.bidFailed }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/user.png" alt="" />
<div>已经终止项目</div>
<li class="flex-colunm user-item">
<i class="el-icon-document-delete"></i>
<p>已经终止项目</p>
<div>{{ detail.end }}</div>
</li>
</ul>
<h1>项目信息</h1>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false">
</dataTable>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false"> </dataTable>
<h1>待办事项</h1>
<ul class="flex-between project-list">
<li class="flex-colunm">
<img src="@static/images/item.png" alt="" />
<div>待修改项目</div>
<li class="flex-colunm project-item">
<i class="el-icon-edit"></i>
<p>待修改项目</p>
<div>{{ detail.projectAduitNeedModify }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/item.png" alt="" />
<div>待修改询价公告</div>
<li class="flex-colunm project-item">
<i class="el-icon-edit-outline"></i>
<p>待修改询价公告</p>
<div>{{ detail.inquiryNoticeNeedModify }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/item.png" alt="" />
<div>待修改招标公告</div>
<li class="flex-colunm project-item">
<i class="el-icon-folder"></i>
<p>待修改招标公告</p>
<div>{{ detail.biddingNoticeNeedModify }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/item.png" alt="" />
<div>待签署应收账款买断合同</div>
<li class="flex-colunm project-item">
<i class="el-icon-tickets"></i>
<p>待签署应收账款买断合同</p>
<div>{{ detail.payment }}</div>
</li>
<li class="flex-colunm">
<img src="@static/images/item.png" alt="" />
<div>待确认供应商凭证</div>
<li class="flex-colunm project-item">
<i class="el-icon-document-remove"></i>
<p>待确认供应商凭证</p>
<div>{{ detail.credentials }}</div>
</li>
</ul>
......@@ -160,7 +158,7 @@ export default {
};
},
created() {
getSearchString('token')
getSearchString('token');
this.gethome();
},
methods: {
......@@ -195,31 +193,42 @@ export default {
.home > .user {
box-sizing: border-box;
padding-left: 30px;
padding-top: 30px;
padding: 30px;
background: #fff;
}
.user > .user-list {
margin-top: 50px;
margin-left: 30px;
width: 100%;
height: 180px;
background: linear-gradient(180deg, #f3b880 0%, #f66827 100%);
border-radius: 5px;
box-sizing: border-box;
padding: 0 116px;
}
.user > ul {
width: 80%;
}
.user-item {
color: #fff;
.user > .user-list > li > div {
font-size: 30px;
}
.user-item>i{
color: #fff;
}
.user-item > p {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
}
.project-list {
margin-left: 30px;
}
.project-list > li > div {
.project-item {
font-size: 30px;
}
.project-item > p {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
}
</style>
src/pages/supply/home/home.vue
View file @ ba1041d5
......@@ -2,12 +2,16 @@
<template>
<div class="home">
<div class="user">
<h5>你好，MaikoXie，欢迎开始一天的工作！</h5>
<ul class="user-list flex">
<li v-for="item in imglist" :key="item.id" class="flex-colunm">
<img :src="item.src" alt="" />
<div class="user-pos">{{ item.info }}</div>
<div>{{ item.num }}</div>
<li class="flex-colunm">
<i class="el-icon-user"></i>
<p class="user-pos">今日可报名项目</p>
<div>{{ detail.applyProjects }}</div>
</li>
<li class="flex-colunm">
<i class="el-icon-user"></i>
<p class="user-pos">中标项目</p>
<div>{{ detail.winProjects }}</div>
</li>
</ul>
<h2>项目信息</h2>
......@@ -126,20 +130,6 @@ export default {
account: 100
}
],
imglist: [
{
id: 0,
src: require('@static/images/user.png'),
info: '今日可报名项目',
num: 100
},
{
id: 1,
src: require('@static/images/user.png'),
info: '中标项目',
num: 100
}
],
//表格第一行
columns: [
{
......@@ -185,14 +175,14 @@ export default {
number: 10,
url: ''
}
]
],
detail: ''
};
},
methods: {
async gethome() {
const { data, code } = await home();
this.imglist[0].num=data.applyProjects
this.imglist[1].num=data.winProjects
this.detail = data;
this.tabledata[0].number = data.sellingBidding;
this.tabledata[1].number = data.bidding;
this.tabledata[2].number = data.open;
......@@ -202,7 +192,7 @@ export default {
}
},
created() {
getSearchString('token')
getSearchString('token');
this.gethome();
}
};
......@@ -214,16 +204,29 @@ export default {
}
.home > .user {
box-sizing: border-box;
padding-left: 20px;
padding-top: 20px;
padding: 30px;
background: #fff;
}
.user-list {
margin-bottom: 30px;
margin-left: 10px;
.user > .user-list {
width: 100%;
height: 180px;
background: linear-gradient(180deg, #f3b880 0%, #f66827 100%);
border-radius: 5px;
box-sizing: border-box;
padding: 0 116px;
}
.user-list > li {
margin-right: 70px;
font-size:30px;
color:#fff
}
.user-list > li >p{
font-size: 18px;
margin-top:10px;
margin-bottom: 10px;
}
.user-list > li >i{
color:#fff
}
h5 {
margin-top: 30px;
......
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