Skip to content

D
dsk-operate-sys-cscec
Commit f166a9fa authored by tianhongyang's avatar tianhongyang
Browse files
Options

规范全局主体容器宽高 规范滚动条出现容器位置

parent 446c5f52
Show whitespace changes
Inline Side-by-side
Showing with 1648 additions and 1741 deletions
dsk-operate-ui/src/assets/styles/index.scss
View file @ f166a9fa
...@@ -121,12 +121,6 @@ aside { ...@@ -121,12 +121,6 @@ aside {
} }
} }
//main-container全局样式
.app-container {
//padding: 16px;
//margin-top: 56px;
}
.components-container { .components-container {
margin: 30px 50px; margin: 30px 50px;
position: relative; position: relative;
...@@ -226,18 +220,13 @@ li { ...@@ -226,18 +220,13 @@ li {
margin: 0; margin: 0;
} }
.app-main {
position: relative;
background-color: #f5f5f5;
>div{
width: calc(100% - 48px);
}
}
.app-container { .app-container {
margin: 16px 24px; width: 100%;
height: 100%;
background-color: #f5f5f5; background-color: #f5f5f5;
padding: 16px 24px;
box-sizing: border-box; box-sizing: border-box;
//width: 100%; overflow: auto;
.el-input__inner { .el-input__inner {
border-color: #d9d9d9; border-color: #d9d9d9;
color: #232323; color: #232323;
......
dsk-operate-ui/src/assets/styles/sidebar.scss
View file @ f166a9fa
...@@ -215,7 +215,7 @@ ...@@ -215,7 +215,7 @@
.hideSidebar { .hideSidebar {
.sidebar-container { .sidebar-container {
width: 48px !important; width: $hideSideBarWidth !important;
.sidebar-logo-container { .sidebar-logo-container {
padding: 0px; padding: 0px;
...@@ -235,8 +235,8 @@ ...@@ -235,8 +235,8 @@
} }
.main-container { .main-container {
margin-left: 48px; margin-left: $hideSideBarWidth;
width: calc(100% - 48px); width: calc(100% - #{$hideSideBarWidth});
} }
.submenu-title-noDropdown { .submenu-title-noDropdown {
......
dsk-operate-ui/src/assets/styles/variables.scss
View file @ f166a9fa
...@@ -52,6 +52,7 @@ $subMenuHover:#001528; ...@@ -52,6 +52,7 @@ $subMenuHover:#001528;
$base-sidebar-width: 220px; $base-sidebar-width: 220px;
$sideBarWidth: 220px; $sideBarWidth: 220px;
$hideSideBarWidth : 48px;
//系统默认颜色 //系统默认颜色
$systemColor:#0081FF; $systemColor:#0081FF;
......
dsk-operate-ui/src/layout/components/AppMain.vue
View file @ f166a9fa
...@@ -10,16 +10,16 @@ ...@@ -10,16 +10,16 @@
</template> </template>
<script> <script>
import iframeToggle from "./IframeToggle/index" import iframeToggle from "./IframeToggle/index";
export default { export default {
name: 'AppMain', name: 'AppMain',
components: { iframeToggle }, components: { iframeToggle },
computed: { computed: {
cachedViews() { cachedViews() {
return this.$store.state.tagsView.cachedViews return this.$store.state.tagsView.cachedViews;
}, },
key() { key() {
return this.$route.fullPath return this.$route.fullPath;
} }
} }
} }
...@@ -27,12 +27,11 @@ export default { ...@@ -27,12 +27,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.app-main { .app-main {
/* 50= navbar 50 */
min-height: calc(100vh - 50px);
width: 100%;
position: relative; position: relative;
height: calc(100% - 56px);
width: 100%;
background: #f5f5f5;
overflow: hidden; overflow: hidden;
display: flex;
} }
.fixed-header + .app-main { .fixed-header + .app-main {
...@@ -41,20 +40,17 @@ export default { ...@@ -41,20 +40,17 @@ export default {
.hasTagsView { .hasTagsView {
.app-main { .app-main {
/* 84 = navbar + tags-view = 50 + 34 */ height: calc(100% - 56px);
min-height: calc(100vh - 56px); min-width: 1240px;
min-width:1240px;
background: #F5F5F5;
overflow: initial;
} }
.fixed-header + .app-main { .fixed-header + .app-main {
padding-top: 84px; padding-top: 84px;
} }
} }
.EnterpriseData{ .EnterpriseData {
.app-main { .app-main {
overflow: initial; overflow: hidden;
} }
} }
</style> </style>
......
dsk-operate-ui/src/layout/index.vue
View file @ f166a9fa
...@@ -96,6 +96,7 @@ export default { ...@@ -96,6 +96,7 @@ export default {
position: relative; position: relative;
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden;
&.mobile.openSidebar { &.mobile.openSidebar {
position: fixed; position: fixed;
......
dsk-operate-ui/src/views/custom/historicalCustomers/index.vue
View file @ f166a9fa
<template> <template>
<div class="app-container" @click = 'handleALL'> <div class="app-container" @click='handleALL'>
<el-card class="box-card noborder"> <el-card class="box-card noborder">
<div class="tables"> <div class="tables">
<div class="empty" v-if="tableData.total==0&& !isSkeleton"> <div class="empty" v-if="tableData.total==0&& !isSkeleton">
...@@ -19,8 +19,8 @@ ...@@ -19,8 +19,8 @@
@keydown.native.enter="handleSearch"> @keydown.native.enter="handleSearch">
<template slot="suffix"> <template slot="suffix">
<transition mode="out-in" appear name="fade"> <transition mode="out-in" appear name="fade">
<img src="@/assets/images/enterprise/search-input-clear-icon.svg" alt="" @click.stop="searchParam.companyName = '';getCustomerList()" <img src="@/assets/images/enterprise/search-input-clear-icon.svg" alt=""
v-show="showClearIcon"> @click.stop="searchParam.companyName = '';getCustomerList()" v-show="showClearIcon">
</transition> </transition>
</template> </template>
</el-input> </el-input>
...@@ -31,101 +31,68 @@ ...@@ -31,101 +31,68 @@
</div> </div>
</div> </div>
<skeleton v-if="isSkeleton"></skeleton> <skeleton v-if="isSkeleton"></skeleton>
<el-table v-if="!isSkeleton&&tableData.total > 0" class="fixed-table" v-horizontal-scroll="tableData.total > 10 ? 'hover' : 'false'" max-height="640" <el-table v-if="!isSkeleton&&tableData.total > 0" class="fixed-table" v-horizontal-scroll="tableData.total > 10 ? 'hover' : 'false'"
:data="tableData.rows" max-height="640" :data="tableData.rows" stripe border style="width: 100%">
stripe border <el-table-column prop="index" label="序号" fixed="left" width="60">
style="width: 100%">
<el-table-column
prop="index"
label="序号"
fixed="left"
width="60">
<template slot-scope='scope'> <template slot-scope='scope'>
<span>{{ (searchParam.pageNum - 1) * searchParam.pageSize + scope.$index + 1 }}</span> <span>{{ (searchParam.pageNum - 1) * searchParam.pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="date" label="企业名称" fixed="left" width="316">
prop="date"
label="企业名称"
fixed="left"
width="316">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="ps1"> <div class="ps1">
<div class="wordprimary ps2" @click="toDetail(scope.row,'business')" v-html="scope.row.companyName"></div> <div class="wordprimary ps2" @click="toDetail(scope.row,'business')" v-html="scope.row.companyName"></div>
<div class="ps3"> <div class="ps3">
<el-tooltip class="item" effect="dark" content="重新认领" placement="top"> <el-tooltip class="item" effect="dark" content="重新认领" placement="top">
<div @click="toRL(scope.row)"><img class="i" src="@/assets/images/project/khrl1.png"><img class="o" src="@/assets/images/project/khrl2.png"></div> <div @click="toRL(scope.row)"><img class="i" src="@/assets/images/project/khrl1.png"><img class="o"
src="@/assets/images/project/khrl2.png"></div>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="cooperationProject" label="合作项目" width="90">
prop="cooperationProject"
label="合作项目"
width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.cooperationProject || '--'}} {{scope.row.cooperationProject || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="followProject" label="跟进项目" width="90">
prop="followProject"
label="跟进项目"
width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.followProject || '--'}} {{scope.row.followProject || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="reserveProject" label="储备项目" width="90">
prop="reserveProject"
label="储备项目"
width="90">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.reserveProject || '--'}} {{scope.row.reserveProject || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="legalPerson" label="法定代表人" width="110">
prop="legalPerson"
label="法定代表人"
width="110">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.legalPerson || '--'}} {{scope.row.legalPerson || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="registerAddress" label="注册地区" width="160">
prop="registerAddress"
label="注册地区"
width="160">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.registerAddress || '--'}} {{scope.row.registerAddress || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="registerCapitalStr" label="注册资本金（万元）" width="160">
prop="registerCapitalStr"
label="注册资本金（万元）"
width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.registerCapital && scope.row.registerCapital>0">{{scope.row.registerCapital}}</span><span v-else>--</span> <span v-if="scope.row.registerCapital && scope.row.registerCapital>0">{{scope.row.registerCapital}}</span><span v-else>--</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="creditLevel" label="企业主体评级" width="100">
prop="creditLevel"
label="企业主体评级" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.creditLevel || '--'}} {{scope.row.creditLevel || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="isOn" label="上市公司" width="76">
prop="isOn"
label="上市公司" width="76">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.isOn == 1?"是":"否"}} {{scope.row.isOn == 1?"是":"否"}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="isMajor" label="局级大客户" width="88">
prop="isMajor"
label="局级大客户" width="88">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.isMajor != null"> <span v-if="scope.row.isMajor != null">
{{scope.row.isMajor == 1?"是":"否"}} {{scope.row.isMajor == 1?"是":"否"}}
...@@ -133,37 +100,27 @@ ...@@ -133,37 +100,27 @@
<span v-else>--</span> <span v-else>--</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="customerLevel" label="客户等级" width="76">
prop="customerLevel"
label="客户等级" width="76">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.customerLevel || '--'}} {{scope.row.customerLevel || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="companyNature" label="客户性质" width="76">
prop="companyNature"
label="客户性质" width="76">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.companyNature || '--'}} {{scope.row.companyNature || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="companyLevel" label="客户级别" width="76">
prop="companyLevel"
label="客户级别" width="76">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.companyLevel || '--'}} {{scope.row.companyLevel || '--'}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="address" label="企业母公司" width="268">
prop="address"
label="企业母公司" width="268">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="">{{scope.row.superCompany || '--'}}</div> <div class="">{{scope.row.superCompany || '--'}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :key="keys" <el-table-column :key="keys" prop="mainBusiness" label="主营业务" width="400">
prop="mainBusiness"
label="主营业务" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.mainBusiness == null || scope.row.mainBusiness == ''">--</div> <div v-if="scope.row.mainBusiness == null || scope.row.mainBusiness == ''">--</div>
<div v-if="scope.row.mainBusiness1"> <div v-if="scope.row.mainBusiness1">
...@@ -173,9 +130,7 @@ ...@@ -173,9 +130,7 @@
<div v-else>{{scope.row.mainBusiness}}</div> <div v-else>{{scope.row.mainBusiness}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="companyAttribute" :key="keys+2" label="发包属性" width="400">
prop="companyAttribute" :key="keys+2"
label="发包属性" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.companyAttribute == null || scope.row.companyAttribute == ''">--</div> <div v-if="scope.row.companyAttribute == null || scope.row.companyAttribute == ''">--</div>
<div v-if="scope.row.companyAttribute1"> <div v-if="scope.row.companyAttribute1">
...@@ -185,22 +140,15 @@ ...@@ -185,22 +140,15 @@
<div v-else>{{scope.row.companyAttribute}}</div> <div v-else>{{scope.row.companyAttribute}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="followUser" label="跟进人" width="110">
prop="followUser"
label="跟进人" width="110">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.followUser || '--'}} {{scope.row.followUser || '--'}}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="bottems" v-if="tableData.total>searchParam.pageSize"> <div class="bottems" v-if="tableData.total>searchParam.pageSize">
<el-pagination <el-pagination background :page-size="searchParam.pageSize" :current-page="searchParam.pageNum" @current-change="handleCurrentChange"
background layout="prev, pager, next" :total="tableData.total">
:page-size="searchParam.pageSize"
:current-page="searchParam.pageNum"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="tableData.total">
</el-pagination> </el-pagination>
</div> </div>
<div class="delform" v-if="RLcompanyName"> <div class="delform" v-if="RLcompanyName">
...@@ -216,30 +164,30 @@ ...@@ -216,30 +164,30 @@
</template> </template>
<script> <script>
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
import "@/assets/styles/project.scss" import "@/assets/styles/project.scss";
import {getCustomerList,importData,addCustomer} from '@/api/custom/custom' import { getCustomerList, importData, addCustomer } from '@/api/custom/custom';
import {getEnterprise,getDictType,} from '@/api/main' import { getEnterprise, getDictType, } from '@/api/main';
import {encodeStr} from "@/assets/js/common" import { encodeStr } from "@/assets/js/common";
import { historyClaim } from "@/api/common" //认领 import { historyClaim } from "@/api/common"; //认领
import skeleton from '../../project/projectList/component/skeleton' import skeleton from '../../project/projectList/component/skeleton';
export default { export default {
name: 'CustomList', name: 'CustomList',
components:{skeleton}, components: { skeleton },
data() { data() {
return{ return {
encodeStr, encodeStr,
searchParam:{ searchParam: {
companyName:'', companyName: '',
pageNum:1, pageNum: 1,
pageSize:20, pageSize: 20,
status:1, status: 1,
}, },
tableData: [],//列表 tableData: [],//列表
customerLevel:[],//客户等级 customerLevel: [],//客户等级
rules:{ rules: {
companyName:[{ required: true, message: '请输入非空格字符！', trigger: 'blur' },] companyName: [{ required: true, message: '请输入非空格字符！', trigger: 'blur' },]
}, },
//批量导入 //批量导入
action: process.env.VUE_APP_BASE_API + "/customer/importData", action: process.env.VUE_APP_BASE_API + "/customer/importData",
...@@ -248,102 +196,102 @@ export default { ...@@ -248,102 +196,102 @@ export default {
Authorization: "Bearer " + getToken(), Authorization: "Bearer " + getToken(),
}, },
// isNew:true, // isNew:true,
showlist:false, showlist: false,
keys:1, keys: 1,
RLcompanyName:'',//重新认领企业名称 RLcompanyName: '',//重新认领企业名称
isSkeleton:true, isSkeleton: true,
showClearIcon: false, showClearIcon: false,
searchHoverStatus: false, searchHoverStatus: false,
hover: false, hover: false,
} };
}, },
created() { created() {
this.$watch( this.$watch(
() => this.$route.params, () => this.$route.params,
() => { () => {
this.getCustomerList() this.getCustomerList();
this.getDictType() this.getDictType();
this.searchParam.companyName = '' this.searchParam.companyName = '';
},{ immediate: true }) }, { immediate: true });
}, },
methods:{ methods: {
sq1(item,sq){ sq1(item, sq) {
this.$nextTick(()=>{ this.$nextTick(() => {
item.sq1 = sq item.sq1 = sq;
this.keys++ ; this.keys++;
}) });
}, },
sq2(item,sq){ sq2(item, sq) {
this.$nextTick(()=>{ this.$nextTick(() => {
item.sq2 = sq item.sq2 = sq;
this.keys++ ; this.keys++;
}) });
}, },
handleALL(event){ handleALL(event) {
var one = document.getElementById("box"); var one = document.getElementById("box");
if(one){ if (one) {
if(!one.contains(event.target)){ if (!one.contains(event.target)) {
this.showlist = false this.showlist = false;
} }
} }
}, },
toct(){ toct() {
this.dialogVisible = false this.dialogVisible = false;
this.$router.push({path:'/macro/urban'}) this.$router.push({ path: '/macro/urban' });
}, },
getDictType(){ getDictType() {
//获取客户等级 //获取客户等级
getDictType('customer_level_type').then(result=>{ getDictType('customer_level_type').then(result => {
this.customerLevel = result.code == 200 ? result.data:[] this.customerLevel = result.code == 200 ? result.data : [];
}) });
}, },
//获取客户列表 //获取客户列表
getCustomerList(){ getCustomerList() {
getCustomerList(this.searchParam).then(result=>{ getCustomerList(this.searchParam).then(result => {
this.isSkeleton = false this.isSkeleton = false;
this.tableData = result this.tableData = result;
this.tableData.rows.forEach(item=>{ this.tableData.rows.forEach(item => {
item.registerCapital = item.registerCapital == null?null: item.registerCapital.replace(/^\D*(\d*(?:\.\d{0,6})?).*$/g, '$1') item.registerCapital = item.registerCapital == null ? null : item.registerCapital.replace(/^\D*(\d*(?:\.\d{0,6})?).*$/g, '$1');
if(item.mainBusiness != "" && item.mainBusiness != null && item.mainBusiness.length>84){ if (item.mainBusiness != "" && item.mainBusiness != null && item.mainBusiness.length > 84) {
item.mainBusiness1 = item.mainBusiness.substring(0,81) item.mainBusiness1 = item.mainBusiness.substring(0, 81);
item.sq1 = true item.sq1 = true;
}else{ } else {
item.sq1 = false item.sq1 = false;
} }
if(item.companyAttribute != "" && item.companyAttribute != null && item.companyAttribute.length>84){ if (item.companyAttribute != "" && item.companyAttribute != null && item.companyAttribute.length > 84) {
item.companyAttribute1 = item.companyAttribute.substring(0,81) item.companyAttribute1 = item.companyAttribute.substring(0, 81);
item.sq2 = true item.sq2 = true;
}else{ } else {
item.sq2 = false item.sq2 = false;
} }
}) });
}) });
}, },
//跳转到客户详情 //跳转到客户详情
toDetail(row,type){ toDetail(row, type) {
let customerId = row.customerId let customerId = row.customerId;
let companyId = row.companyId let companyId = row.companyId;
let path = type let path = type;
// if(type == "" && companyId == null){ // if(type == "" && companyId == null){
// path = 'business' // path = 'business'
// } // }
this.$router.push({path:'/enterprise/'+encodeStr(companyId),query:{customerId:customerId,path:path}}) this.$router.push({ path: '/enterprise/' + encodeStr(companyId), query: { customerId: customerId, path: path } });
}, },
//认领客户 //认领客户
async toRL(row){ async toRL(row) {
this.RLcompanyName = row.companyName.replace(/<[^>]+>/g, '') this.RLcompanyName = row.companyName.replace(/<[^>]+>/g, '');
}, },
async RL(){ async RL() {
let res = await historyClaim(this.RLcompanyName) let res = await historyClaim(this.RLcompanyName);
if(res.code==200){ if (res.code == 200) {
this.$message.success('认领成功！') this.$message.success('认领成功！');
this.handleCurrentChange(1) this.handleCurrentChange(1);
this.RLcompanyName='' this.RLcompanyName = '';
} }
}, },
clearname(value){ clearname(value) {
if(value == ""){ if (value == "") {
this.handleCurrentChange(1) this.handleCurrentChange(1);
} }
}, },
handleSearch() { handleSearch() {
...@@ -354,14 +302,14 @@ export default { ...@@ -354,14 +302,14 @@ export default {
}, },
//翻页 //翻页
handleCurrentChange(val) { handleCurrentChange(val) {
this.isSkeleton = true this.isSkeleton = true;
this.searchParam.pageNum=val this.searchParam.pageNum = val;
this.getCustomerList() this.getCustomerList();
}, },
searchFocus(event) { searchFocus(event) {
const { target } = event; const { target } = event;
if (target?.value?.length) { if (target?.value?.length) {
this.showClearIcon=true this.showClearIcon = true;
} }
}, },
searchBlur(event) { searchBlur(event) {
...@@ -394,24 +342,24 @@ export default { ...@@ -394,24 +342,24 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.delform{ .delform {
width: 228px; width: 228px;
left: 50%; left: 50%;
top: 50%; top: 50%;
margin-left: -114px; margin-left: -114px;
margin-top: -57px; margin-top: -57px;
.words{ .words {
font-size: 14px; font-size: 14px;
} }
} }
.app-container{ .app-container {
height: calc(100vh - 134px) height: calc(100vh - 134px);
} }
.box-card{ .box-card {
padding-top: 16px; padding-top: 16px;
width: 100%; width: 100%;
height: 100%; height: 100%;
.table_search{ .table_search {
::v-deep .normal-search-container { ::v-deep .normal-search-container {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -486,111 +434,110 @@ export default { ...@@ -486,111 +434,110 @@ export default {
} }
} }
} }
} }
.box{ .box {
position: relative; position: relative;
>span{ > span {
position: absolute; position: absolute;
right: 10px; right: 10px;
bottom: 0; bottom: 0;
color: #0081FF; color: #0081ff;
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
color: #006AD1; color: #006ad1;
}
} }
} }
.dc{ }
.dc {
font-size: 12px; font-size: 12px;
color: #3D3D3D; color: #3d3d3d;
font-weight: 400; font-weight: 400;
position: relative; position: relative;
line-height: 32px; line-height: 32px;
&::after{ &::after {
content: ' '; content: " ";
width: 2px; width: 2px;
height: 2px; height: 2px;
background: rgba(35,35,35,0.4); background: rgba(35, 35, 35, 0.4);
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
top: 16px; top: 16px;
left: 14px; left: 14px;
} }
>div{ > div {
display: inline-block; display: inline-block;
margin-left: 20px; margin-left: 20px;
} }
} }
.img.img1{ .img.img1 {
margin-right: 2px; margin-right: 2px;
background: url('../../../../src/assets/images/project/add_2.png')no-repeat center center; background: url("../../../../src/assets/images/project/add_2.png") no-repeat
center center;
background-size: 100%; background-size: 100%;
} }
.w88{ .w88 {
width: 88px; width: 88px;
} }
.tables{ .tables {
position: relative; position: relative;
min-height: calc(100vh - 134px); min-height: calc(100vh - 134px);
/*overflow: auto;*/ /*overflow: auto;*/
.empty{ .empty {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
.btn{ .btn {
margin-right: 8px; margin-right: 8px;
margin-top: 16px; margin-top: 16px;
} }
} }
} }
.ps1{ .ps1 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.ps2{ .ps2 {
width: 350px; width: 350px;
} }
.ps3{ .ps3 {
width: 60px; width: 60px;
display: flex; display: flex;
justify-content: right; justify-content: right;
>div{ > div {
margin-left: 12px; margin-left: 12px;
>img{ > img {
float: right; float: right;
margin: 3px 0 0 4px; margin: 3px 0 0 4px;
width: 14px; width: 14px;
} }
.i{ .i {
display: inline-block; display: inline-block;
} }
.o{ .o {
display: none; display: none;
} }
&:hover{ &:hover {
cursor: pointer; cursor: pointer;
.i{ .i {
display: none; display: none;
} }
.o{ .o {
display: inline-block; display: inline-block;
} }
} }
} }
} }
} }
.popbot{ .popbot {
.wordprimary{ .wordprimary {
display: inline; display: inline;
padding-right: 26px; padding-right: 26px;
} }
} }
.app-container{
height: auto; .searchInput {
} .el-input {
.searchInput{
.el-input{
width: 260px; width: 260px;
} }
} }
</style> </style>
dsk-operate-ui/src/views/index.vue
View file @ f166a9fa
<template> <template>
<div class="app-container home"> <div class="home">
<!--经理视角--> <!--经理视角-->
<div class="manage" v-if="user === 1"> <div class="manage" v-if="user === 1">
<el-row> <el-row>
<el-col :span="16"> <el-col :span="16">
<div class="task-wrap"> <div class="task-wrap">
<div class="item" v-for="item in routerLink" @click="handleUrl(item)"> <div class="item" v-for="item in routerLink" @click="handleUrl(item)">
<img class="icon-img" :src="`${item.imgUrl}`"/> <img class="icon-img" :src="`${item.imgUrl}`" />
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
</div> </div>
...@@ -30,23 +30,21 @@ ...@@ -30,23 +30,21 @@
<div class="search"> <div class="search">
<el-form ref="queryForm" :model="queryParams" :inline="true" size="small"> <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
<el-form-item prop="address"> <el-form-item prop="address">
<el-select v-model="queryParams.address" :class="[`select-adaptive-${inputID1}`]" @change="iptAdaptive(inputID1,'','changeSelect1')" clearable placeholder="项目地区"> <el-select v-model="queryParams.address" :class="[`select-adaptive-${inputID1}`]" @change="iptAdaptive(inputID1,'','changeSelect1')"
clearable placeholder="项目地区">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option> <el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="type"> <el-form-item prop="type">
<el-select v-model="queryParams.type" @change="iptAdaptive(inputID2,true,'changeSelect1')" :class="[`select-adaptive-${inputID2}`,queryParams.type.length > 1 ? 'selectTag' : '']" multiple collapse-tags clearable placeholder="项目类型"> <el-select v-model="queryParams.type" @change="iptAdaptive(inputID2,true,'changeSelect1')"
:class="[`select-adaptive-${inputID2}`,queryParams.type.length > 1 ? 'selectTag' : '']" multiple collapse-tags clearable
placeholder="项目类型">
<el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option> <el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="time"> <el-form-item prop="time">
<custom-time-select <custom-time-select :timeList="timeList" v-model="queryParams.time" :class="[`select-adaptive-${inputID3}`]" timeValue="近七天"
:timeList="timeList" placeholder="中标日期" @handle-search="iptAdaptive(inputID3,'','changeSelect1')" />
v-model="queryParams.time"
:class="[`select-adaptive-${inputID3}`]"
timeValue="近七天"
placeholder="中标日期"
@handle-search="iptAdaptive(inputID3,'','changeSelect1')"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -59,17 +57,11 @@ ...@@ -59,17 +57,11 @@
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<div class="box-right"> <div class="box-right">
<el-table <el-table :data="jtzbList" border max-height="320" fit ref="tableRef" highlight-current-row>
:data="jtzbList"
border
max-height="320"
fit
ref="tableRef"
highlight-current-row
>
<el-table-column prop="combineName" label="集团名称"> <el-table-column prop="combineName" label="集团名称">
<template slot-scope="scope"> <template slot-scope="scope">
<router-link :to="`/groupAccount/${scope.row.combineId}?name=${scope.row.combineName}`" tag="a" class="a-link">{{scope.row.combineName}}</router-link> <router-link :to="`/groupAccount/${scope.row.combineId}?name=${scope.row.combineName}`" tag="a"
class="a-link">{{scope.row.combineName}}</router-link>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="count" label="中标数量" align="right" sortable width="150"> <el-table-column prop="count" label="中标数量" align="right" sortable width="150">
...@@ -101,31 +93,24 @@ ...@@ -101,31 +93,24 @@
<div class="search"> <div class="search">
<el-form ref="queryForm" :model="queryParams1" :inline="true" size="small"> <el-form ref="queryForm" :model="queryParams1" :inline="true" size="small">
<el-form-item prop="money"> <el-form-item prop="money">
<custom-money-select <custom-money-select :moneyList="moneyList" v-model="queryParams1.money" :class="[`select-adaptive-${inputID4}`]" placeholder="中标金额"
:moneyList="moneyList"
v-model="queryParams1.money"
:class="[`select-adaptive-${inputID4}`]"
placeholder="中标金额"
@handle-search="iptAdaptive(inputID4,'','changeSelect2')" /> @handle-search="iptAdaptive(inputID4,'','changeSelect2')" />
</el-form-item> </el-form-item>
<el-form-item prop="address"> <el-form-item prop="address">
<el-select v-model="queryParams1.address" :class="[`select-adaptive-${inputID5}`]" @change="iptAdaptive(inputID5,true,'changeSelect2')" clearable placeholder="项目地区"> <el-select v-model="queryParams1.address" :class="[`select-adaptive-${inputID5}`]"
@change="iptAdaptive(inputID5,true,'changeSelect2')" clearable placeholder="项目地区">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option> <el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="type"> <el-form-item prop="type">
<el-select v-model="queryParams1.type" multiple collapse-tags @change="iptAdaptive(inputID6,true,'changeSelect2')" :class="[`select-adaptive-${inputID6}`,queryParams1.type.length > 1 ? 'selectTag' : '']" clearable placeholder="项目类型"> <el-select v-model="queryParams1.type" multiple collapse-tags @change="iptAdaptive(inputID6,true,'changeSelect2')"
:class="[`select-adaptive-${inputID6}`,queryParams1.type.length > 1 ? 'selectTag' : '']" clearable placeholder="项目类型">
<el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option> <el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="time"> <el-form-item prop="time">
<custom-time-select <custom-time-select :timeList="timeList" v-model="queryParams1.time" :class="[`select-adaptive-${inputID7}`]" timeValue="近七天"
:timeList="timeList" placeholder="中标日期" @handle-search="iptAdaptive(inputID7,'','changeSelect2')" />
v-model="queryParams1.time"
:class="[`select-adaptive-${inputID7}`]"
timeValue="近七天"
placeholder="中标日期"
@handle-search="iptAdaptive(inputID7,'','changeSelect2')"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -137,18 +122,12 @@ ...@@ -137,18 +122,12 @@
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<div class="box-right"> <div class="box-right">
<el-table <el-table :data="dxmbList" border max-height="320" ref="tableRef1" fit highlight-current-row>
:data="dxmbList"
border
max-height="320"
ref="tableRef1"
fit
highlight-current-row
>
<el-table-column prop="companyName" label="企业名称"> <el-table-column prop="companyName" label="企业名称">
<template slot-scope="scope"> <template slot-scope="scope">
<!--<router-link v-if="scope.row.companyId" :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="a-link companyName" v-html="scope.row.companyName" ></router-link>--> <!--<router-link v-if="scope.row.companyId" :to="`/enterprise/${encodeStr(scope.row.companyId)}`" tag="a" class="a-link companyName" v-html="scope.row.companyName" ></router-link>-->
<span style="cursor: pointer;" class="a-link companyName" @click="getUipIdByCid(scope.row.companyId)">{{scope.row.companyName}}</span> <span style="cursor: pointer;" class="a-link companyName"
@click="getUipIdByCid(scope.row.companyId)">{{scope.row.companyName}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="count" label="中标数量" align="right" sortable width="150"> <el-table-column prop="count" label="中标数量" align="right" sortable width="150">
...@@ -180,7 +159,8 @@ ...@@ -180,7 +159,8 @@
</div> </div>
<div class="list" v-if="!zxzbIsSkeleton"> <div class="list" v-if="!zxzbIsSkeleton">
<div class="item" v-for="(item,index) in projectList" :key="index"> <div class="item" v-for="(item,index) in projectList" :key="index">
<p class="list-title"><router-link :to="`/biddetail/${item.pid}`" tag="a" class="a-link" v-if="item.pid" v-html="item.projectName"></router-link></p> <p class="list-title"><router-link :to="`/biddetail/${item.pid}`" tag="a" class="a-link" v-if="item.pid"
v-html="item.projectName"></router-link></p>
<div class="list-content"> <div class="list-content">
<p class="list-content-text"> <p class="list-content-text">
<span>中标企业：</span> <span>中标企业：</span>
...@@ -202,7 +182,8 @@ ...@@ -202,7 +182,8 @@
</div> </div>
</div> </div>
<div class="pagination-box" v-if="show_page && totalCount>queryParams2.pageSize && !zxzbIsSkeleton"> <div class="pagination-box" v-if="show_page && totalCount>queryParams2.pageSize && !zxzbIsSkeleton">
<el-pagination background :current-page="queryParams2.pageNum" :page-size="queryParams2.pageSize" :total="totalCount" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" /> <el-pagination background :current-page="queryParams2.pageNum" :page-size="queryParams2.pageSize" :total="totalCount"
layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="大项目最新招标" name="second"> <el-tab-pane label="大项目最新招标" name="second">
...@@ -214,7 +195,8 @@ ...@@ -214,7 +195,8 @@
<div v-if="!zhaobiaoIsSkeleton" class="list"> <div v-if="!zhaobiaoIsSkeleton" class="list">
<div class="item" v-for="(item,index) in zbList" :key="index"> <div class="item" v-for="(item,index) in zbList" :key="index">
<p class="list-title"><router-link :to="`/radar/Notice/details/${item.id}`" tag="a" class="a-link" v-if="item.id" v-html="item.projectName"></router-link></p> <p class="list-title"><router-link :to="`/radar/Notice/details/${item.id}`" tag="a" class="a-link" v-if="item.id"
v-html="item.projectName"></router-link></p>
<div class="list-content"> <div class="list-content">
<p class="list-content-text"> <p class="list-content-text">
<span>总投资：</span> <span>总投资：</span>
...@@ -232,39 +214,32 @@ ...@@ -232,39 +214,32 @@
</div> </div>
</div> </div>
<div class="pagination-box" v-if="show_page && zbTableTotal>queryParams2.pageSize && !zhaobiaoIsSkeleton"> <div class="pagination-box" v-if="show_page && zbTableTotal>queryParams2.pageSize && !zhaobiaoIsSkeleton">
<el-pagination background :current-page="queryParams2.pageNum" :page-size="queryParams2.pageSize" :total="zbTableTotal" layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" /> <el-pagination background :current-page="queryParams2.pageNum" :page-size="queryParams2.pageSize" :total="zbTableTotal"
layout="prev, pager, next, jumper" @current-change="handleCurrentChange" @size-change="handleSizeChange" />
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="search"> <div class="search">
<el-form ref="queryForm" :model="queryParams2" :inline="true" size="small"> <el-form ref="queryForm" :model="queryParams2" :inline="true" size="small">
<el-form-item prop="amount"> <el-form-item prop="amount">
<custom-money-select <custom-money-select :moneyList="moneyList" v-model="amount" :class="[`select-adaptive-${inputID8}`]" moneyValue="2亿以上"
:moneyList="moneyList" :placeholder="placeholder" @handle-search="iptAdaptive(inputID8,'','changeSelect3')" />
v-model="amount"
:class="[`select-adaptive-${inputID8}`]"
moneyValue="2亿以上"
:placeholder="placeholder"
@handle-search="iptAdaptive(inputID8,'','changeSelect3')" />
</el-form-item> </el-form-item>
<el-form-item prop="provinceId"> <el-form-item prop="provinceId">
<el-select v-model="queryParams2.provinceId" :class="[`select-adaptive-${inputID9}`]" @change="iptAdaptive(inputID9,'','changeSelect3')" clearable placeholder="项目地区"> <el-select v-model="queryParams2.provinceId" :class="[`select-adaptive-${inputID9}`]" @change="iptAdaptive(inputID9,'','changeSelect3')"
clearable placeholder="项目地区">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option> <el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="projects"> <el-form-item prop="projects">
<el-select v-model="queryParams2.projects" @change="iptAdaptive(inputID10,true,'changeSelect3')" multiple collapse-tags clearable placeholder="项目类型" :class="[`select-adaptive-${inputID10}`,queryParams2.projects.length > 1 ? 'selectTag' : '']"> <el-select v-model="queryParams2.projects" @change="iptAdaptive(inputID10,true,'changeSelect3')" multiple collapse-tags clearable
placeholder="项目类型" :class="[`select-adaptive-${inputID10}`,queryParams2.projects.length > 1 ? 'selectTag' : '']">
<el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option> <el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="time"> <el-form-item prop="time">
<custom-time-select <custom-time-select :timeList="timeList" v-model="queryParams2.time" :class="[`select-adaptive-${inputID11}`]" timeValue="近七天"
:timeList="timeList" :placeholder="timePlaceholder" @handle-search="iptAdaptive(inputID11,'','changeSelect3')" />
v-model="queryParams2.time"
:class="[`select-adaptive-${inputID11}`]"
timeValue="近七天"
:placeholder="timePlaceholder"
@handle-search="iptAdaptive(inputID11,'','changeSelect3')"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -277,35 +252,35 @@ ...@@ -277,35 +252,35 @@
<div class="content-left"> <div class="content-left">
<div class="task-wrap"> <div class="task-wrap">
<div class="item"> <div class="item">
<img class="left" src="@/assets/images/index/icon1.png"/> <img class="left" src="@/assets/images/index/icon1.png" />
<div class="right"> <div class="right">
<p class="title">即将开标项目</p> <p class="title">即将开标项目</p>
<p class="number">36</p> <p class="number">36</p>
<p class="compare">较上月 <span class="up">+3<img src="@/assets/images/index/up.png"/></span></p> <p class="compare">较上月 <span class="up">+3<img src="@/assets/images/index/up.png" /></span></p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img class="left" src="@/assets/images/index/icon2.png"/> <img class="left" src="@/assets/images/index/icon2.png" />
<div class="right"> <div class="right">
<p class="title">重点关注项目</p> <p class="title">重点关注项目</p>
<p class="number">36</p> <p class="number">36</p>
<p class="compare">较上月 <span class="up">+3<img src="@/assets/images/index/up.png"/></span></p> <p class="compare">较上月 <span class="up">+3<img src="@/assets/images/index/up.png" /></span></p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img class="left" src="@/assets/images/index/icon3.png"/> <img class="left" src="@/assets/images/index/icon3.png" />
<div class="right"> <div class="right">
<p class="title">重点关注客户</p> <p class="title">重点关注客户</p>
<p class="number">36</p> <p class="number">36</p>
<p class="compare">较上月 <span class="down">-3<img src="@/assets/images/index/down.png"/></span></p> <p class="compare">较上月 <span class="down">-3<img src="@/assets/images/index/down.png" /></span></p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img class="left" src="@/assets/images/index/icon4.png"/> <img class="left" src="@/assets/images/index/icon4.png" />
<div class="right"> <div class="right">
<p class="title">储备合作客户</p> <p class="title">储备合作客户</p>
<p class="number">36</p> <p class="number">36</p>
<p class="compare">较上月 <span class="up">+3<img src="@/assets/images/index/up.png"/></span></p> <p class="compare">较上月 <span class="up">+3<img src="@/assets/images/index/up.png" /></span></p>
</div> </div>
</div> </div>
<div class="item add"> <div class="item add">
...@@ -336,10 +311,7 @@ ...@@ -336,10 +311,7 @@
<el-tab-pane label="甲方舆情" name="first"> <el-tab-pane label="甲方舆情" name="first">
<div class="main-box"> <div class="main-box">
<el-timeline> <el-timeline>
<el-timeline-item <el-timeline-item v-for="(item, index) in trendsList" :key="index" icon="el-icon-time">
v-for="(item, index) in trendsList"
:key="index"
icon="el-icon-time">
<div class="time">{{item.time}}<span class="company">{{item.name}}</span></div> <div class="time">{{item.time}}<span class="company">{{item.name}}</span></div>
<div class="cont">{{item.main}}</div> <div class="cont">{{item.main}}</div>
</el-timeline-item> </el-timeline-item>
...@@ -350,10 +322,7 @@ ...@@ -350,10 +322,7 @@
<el-tab-pane label="监控动态" name="second"> <el-tab-pane label="监控动态" name="second">
<div class="main-box"> <div class="main-box">
<el-timeline> <el-timeline>
<el-timeline-item <el-timeline-item v-for="(item, index) in trendsList" :key="index" icon="el-icon-time">
v-for="(item, index) in trendsList"
:key="index"
icon="el-icon-time">
<div class="time">{{item.time}}<span class="company">{{item.name}}</span></div> <div class="time">{{item.time}}<span class="company">{{item.name}}</span></div>
<div class="cont">{{item.main}}</div> <div class="cont">{{item.main}}</div>
</el-timeline-item> </el-timeline-item>
...@@ -381,29 +350,29 @@ ...@@ -381,29 +350,29 @@
<span class="common-title">储备项目类</span> <span class="common-title">储备项目类</span>
<div class="list" style="margin-top: 8px;"> <div class="list" style="margin-top: 8px;">
<div class="item"> <div class="item">
<img src="@/assets/images/index/cb_icon1.png"/> <img src="@/assets/images/index/cb_icon1.png" />
<p>EPC项目</p> <p>EPC项目</p>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/images/index/cb_icon2.png"/> <img src="@/assets/images/index/cb_icon2.png" />
<p>投资项目</p> <p>投资项目</p>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/images/index/cb_icon3.png"/> <img src="@/assets/images/index/cb_icon3.png" />
<p>房建项目</p> <p>房建项目</p>
</div> </div>
</div> </div>
<div class="list"> <div class="list">
<div class="item"> <div class="item">
<img src="@/assets/images/index/cb_icon4.png"/> <img src="@/assets/images/index/cb_icon4.png" />
<p>电力项目</p> <p>电力项目</p>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/images/index/cb_icon5.png"/> <img src="@/assets/images/index/cb_icon5.png" />
<p>市政项目</p> <p>市政项目</p>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/images/index/cb_icon6.png"/> <img src="@/assets/images/index/cb_icon6.png" />
<p>水利项目</p> <p>水利项目</p>
</div> </div>
</div> </div>
...@@ -469,137 +438,137 @@ ...@@ -469,137 +438,137 @@
</template> </template>
<script> <script>
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import {encodeStr} from "@/assets/js/common.js" import { encodeStr } from "@/assets/js/common.js";
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion';
import "@/assets/styles/public.scss"; import "@/assets/styles/public.scss";
import CustomTimeSelect from './component/CustomTimeSelect' import CustomTimeSelect from './component/CustomTimeSelect';
import CustomMoneySelect from './component/CustomMoneySelect' import CustomMoneySelect from './component/CustomMoneySelect';
import skeleton from './component/skeleton' import skeleton from './component/skeleton';
import { countByCompany,bidRank,bigWinningBidsPage,bigBidPage } from '@/api/index' import { countByCompany, bidRank, bigWinningBidsPage, bigBidPage } from '@/api/index';
import { getUipIdByCid } from '@/api/macro/macro' import { getUipIdByCid } from '@/api/macro/macro';
import api from '@/api/radar/radar.js'; import api from '@/api/radar/radar.js';
import { v4 } from "uuid"; import { v4 } from "uuid";
export default { export default {
name: "Index", name: "Index",
components: { components: {
CustomTimeSelect,CustomMoneySelect,skeleton CustomTimeSelect, CustomMoneySelect, skeleton
}, },
data() { data() {
return { return {
encodeStr, encodeStr,
// 版本号 // 版本号
version: "3.8.5", version: "3.8.5",
gjjlData:[ gjjlData: [
{ {
title:'今天拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。', title: '今天拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'今天拜访了重庆机场集团董事长，下个月招标项目预计1.2个亿。争取能拿到项目。', title: '今天拜访了重庆机场集团董事长，下个月招标项目预计1.2个亿。争取能拿到项目。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'5月27日早上劳动局去杨局长说希望我们把项目预算清单做出来看一下。', title: '5月27日早上劳动局去杨局长说希望我们把项目预算清单做出来看一下。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。', title: '拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'5月27日早上劳动局去杨局长说希望我们把项目预算清单做出来看一下。', title: '5月27日早上劳动局去杨局长说希望我们把项目预算清单做出来看一下。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。', title: '拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。', title: '拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。', title: '拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
{ {
title:'拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。', title: '拜访了重庆交通局杨科长，洽谈比较愉快，预计下月有项目招标，希望能有机会合作。',
user:'李婷婷', user: '李婷婷',
name:'重庆机场集团', name: '重庆机场集团',
time:'2023-04-12 14: 00' time: '2023-04-12 14: 00'
}, },
], ],
pmData:[ pmData: [
{ {
name:'中治建工集团有限公司', name: '中治建工集团有限公司',
value:334, value: 334,
value1:164, value1: 164,
}, },
{ {
name:'中机中联工程有限公司', name: '中机中联工程有限公司',
value:230, value: 230,
value1:130, value1: 130,
}, },
{ {
name:'中铁五局集团第六公司', name: '中铁五局集团第六公司',
value:156, value: 156,
value1:150, value1: 150,
}, },
{ {
name:'中铁长江交通设计公司', name: '中铁长江交通设计公司',
value:112, value: 112,
value1:130, value1: 130,
}, },
{ {
name:'重庆设计院有限公公司', name: '重庆设计院有限公公司',
value:110, value: 110,
value1:90, value1: 90,
}, },
{ {
name:'中铁五局集团第六公司', name: '中铁五局集团第六公司',
value:100, value: 100,
value1:91, value1: 91,
}, },
{ {
name:'中铁五局集团第六公司', name: '中铁五局集团第六公司',
value:99, value: 99,
value1:102, value1: 102,
}, },
{ {
name:'重庆设计院有限公公司', name: '重庆设计院有限公公司',
value:80, value: 80,
value1:90, value1: 90,
}, },
{ {
name:'中铁五局集团第六公司', name: '中铁五局集团第六公司',
value:100, value: 100,
value1:91, value1: 91,
}, },
{ {
name:'中铁五局集团第六公司', name: '中铁五局集团第六公司',
value:99, value: 99,
value1:102, value1: 102,
}, },
], ],
rankIconsSize:'24', rankIconsSize: '24',
rankIcons:[// 排序图标 rankIcons: [// 排序图标
require('@/assets/images/index/1.png'), require('@/assets/images/index/1.png'),
require('@/assets/images/index/2.png'), require('@/assets/images/index/2.png'),
require('@/assets/images/index/3.png'), require('@/assets/images/index/3.png'),
...@@ -611,157 +580,157 @@ export default { ...@@ -611,157 +580,157 @@ export default {
require('@/assets/images/index/9.png'), require('@/assets/images/index/9.png'),
require('@/assets/images/index/10.png'), require('@/assets/images/index/10.png'),
], ],
user:1, user: 1,
activeName:'first', activeName: 'first',
trendsList:[ trendsList: [
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
{ {
time:'2018-04-03 10:20', time: '2018-04-03 10:20',
name:'重庆轨道交通集团有限公司', name: '重庆轨道交通集团有限公司',
main:'发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。' main: '发布招标公告 重庆轨道交通环线鹅公岩轨道专用桥增设防船撞设施项目，项目地区是重庆市-江北区，项目类型为工程建设。'
}, },
], ],
jtzbList:[], jtzbList: [],
dxmbList:[], dxmbList: [],
addressList:[], addressList: [],
projectType:[], //项目类型 projectType: [], //项目类型
queryParams:{ queryParams: {
address:'', address: '',
type:[], type: [],
time:'', time: '',
}, },
queryParams1:{ queryParams1: {
address:'', address: '',
type:[], type: [],
money:'', money: '',
time:'', time: '',
}, },
queryParams2:{ queryParams2: {
provinceId:'', provinceId: '',
projects:[], projects: [],
amount:'', amount: '',
time:[this.formatDate(new Date(new Date().getTime() - 3600 * 1000 * 24 * 7)),this.formatDate(new Date())], time: [this.formatDate(new Date(new Date().getTime() - 3600 * 1000 * 24 * 7)), this.formatDate(new Date())],
pageNum:1, pageNum: 1,
pageSize:10 pageSize: 10
}, },
amount:'', amount: '',
timeList: ['近三天', '近七天', '近半月', '自定义'], timeList: ['近三天', '近七天', '近半月', '自定义'],
moneyList: ['2亿以上', '5亿以上', '10亿以上', '自定义'], moneyList: ['2亿以上', '5亿以上', '10亿以上', '自定义'],
projectList:[], projectList: [],
zbList:[], zbList: [],
totalCount:0, totalCount: 0,
zbTableTotal:0, zbTableTotal: 0,
isSkeleton:true, isSkeleton: true,
zxzbIsSkeleton:true, zxzbIsSkeleton: true,
dxmzbState:true, dxmzbState: true,
zhaobiaoIsSkeleton:true, zhaobiaoIsSkeleton: true,
placeholder:'中标金额', placeholder: '中标金额',
timePlaceholder:'中标日期', timePlaceholder: '中标日期',
show_page:true, show_page: true,
MaxPage:500, MaxPage: 500,
nickName:'', nickName: '',
permissions:[], permissions: [],
routerLink:[ routerLink: [
{url:'/project/overview',name:'项目管理',imgUrl:require('@/assets/images/index/icon1.png')}, { url: '/project/overview', name: '项目管理', imgUrl: require('@/assets/images/index/icon1.png') },
{url:'/custom/overview',name:'客户管理',imgUrl:require('@/assets/images/index/icon2.png')}, { url: '/custom/overview', name: '客户管理', imgUrl: require('@/assets/images/index/icon2.png') },
{url:'/macro/nationalEconomies',name:'全国经济大全',imgUrl:require('@/assets/images/index/icon3.png')}, { url: '/macro/nationalEconomies', name: '全国经济大全', imgUrl: require('@/assets/images/index/icon3.png') },
{url:'/enterpriseData/Group',name:'集团户',imgUrl:require('@/assets/images/index/icon4.png')}, { url: '/enterpriseData/Group', name: '集团户', imgUrl: require('@/assets/images/index/icon4.png') },
{url:'/enterpriseData/Owner',name:'查城投平台',imgUrl:require('@/assets/images/index/icon5.png')}, { url: '/enterpriseData/Owner', name: '查城投平台', imgUrl: require('@/assets/images/index/icon5.png') },
{url:'/radar',name:'商机雷达',imgUrl:require('@/assets/images/index/icon6.png')}, { url: '/radar', name: '商机雷达', imgUrl: require('@/assets/images/index/icon6.png') },
], ],
inputID1:this.getUid(), inputID1: this.getUid(),
inputID2:this.getUid(), inputID2: this.getUid(),
inputID3:this.getUid(), inputID3: this.getUid(),
inputID4:this.getUid(), inputID4: this.getUid(),
inputID5:this.getUid(), inputID5: this.getUid(),
inputID6:this.getUid(), inputID6: this.getUid(),
inputID7:this.getUid(), inputID7: this.getUid(),
inputID8:this.getUid(), inputID8: this.getUid(),
inputID9:this.getUid(), inputID9: this.getUid(),
inputID10:this.getUid(), inputID10: this.getUid(),
inputID11:this.getUid(), inputID11: this.getUid(),
}; };
}, },
watch : { watch: {
user(newValue) { user(newValue) {
this.getPlaceholder(); this.getPlaceholder();
} }
}, },
created() { created() {
this.getPlaceholder(); this.getPlaceholder();
this.searchDic() this.searchDic();
this.getInfo() this.getInfo();
this.dataRegion() this.dataRegion();
this.$nextTick(() => { this.$nextTick(() => {
this.getCountByCompany() this.getCountByCompany();
this.getBidRank() this.getBidRank();
this.getBigWinningBidsPage() this.getBigWinningBidsPage();
this.getBigBidPage() this.getBigBidPage();
}) });
}, },
methods: { methods: {
//项目类型 //项目类型
searchDic(){ searchDic() {
api.searchDic().then(res=>{ api.searchDic().then(res => {
this.projectType = res.projectType; this.projectType = res.projectType;
}).catch(error=>{}); }).catch(error => { });
}, },
getInfo(){ getInfo() {
this.permissions= this.$store.state.user.permissions; this.permissions = this.$store.state.user.permissions;
this.nickName= this.$store.state.user.name this.nickName = this.$store.state.user.name;
}, },
getCountByCompany(){ getCountByCompany() {
let params={}; let params = {};
if(this.queryParams.time.length > 1){ if (this.queryParams.time.length > 1) {
params.startDate=this.queryParams.time[0] params.startDate = this.queryParams.time[0];
params.endDate=this.queryParams.time[1] params.endDate = this.queryParams.time[1];
} }
if(this.queryParams.type.length > 0){ if (this.queryParams.type.length > 0) {
params.type=this.queryParams.type.join() params.type = this.queryParams.type.join();
} }
if(this.queryParams.address){ if (this.queryParams.address) {
params.provinceId=this.queryParams.address params.provinceId = this.queryParams.address;
} }
countByCompany(params).then(res=>{ countByCompany(params).then(res => {
this.isSkeleton=false; this.isSkeleton = false;
if(res.code == 200){ if (res.code == 200) {
this.jtzbList=res.data; this.jtzbList = res.data;
if(this.jtzbList.length > 0){ if (this.jtzbList.length > 0) {
this.initChart(this.jtzbList) this.initChart(this.jtzbList);
// setTimeout(() => { // setTimeout(() => {
// this.$nextTick(() => { // this.$nextTick(() => {
// this.$refs.tableRef.bodyWrapper.scrollTop = 0 // this.$refs.tableRef.bodyWrapper.scrollTop = 0
...@@ -770,113 +739,113 @@ export default { ...@@ -770,113 +739,113 @@ export default {
} }
} }
}) });
}, },
getBidRank(){ getBidRank() {
let params={}; let params = {};
if(this.queryParams1.time.length > 1){ if (this.queryParams1.time.length > 1) {
params.startDate=this.queryParams1.time[0] params.startDate = this.queryParams1.time[0];
params.endDate=this.queryParams1.time[1] params.endDate = this.queryParams1.time[1];
} }
if(this.queryParams1.type.length > 0){ if (this.queryParams1.type.length > 0) {
params.type=this.queryParams1.type.join() params.type = this.queryParams1.type.join();
} }
if(this.queryParams1.address){ if (this.queryParams1.address) {
params.provinceId=this.queryParams1.address params.provinceId = this.queryParams1.address;
} }
if(this.queryParams1.money){ if (this.queryParams1.money) {
if(this.queryParams1.money.length > 1){ if (this.queryParams1.money.length > 1) {
params.endMoney=this.queryParams1.money[1] params.endMoney = this.queryParams1.money[1];
params.startMoney=this.queryParams1.money[0] params.startMoney = this.queryParams1.money[0];
}else { } else {
params.startMoney=this.queryParams1.money[0] params.startMoney = this.queryParams1.money[0];
} }
} }
bidRank(params).then(res=>{ bidRank(params).then(res => {
if(res.code == 200){ if (res.code == 200) {
this.dxmzbState=false; this.dxmzbState = false;
this.dxmbList=res.data; this.dxmbList = res.data;
if(this.dxmbList.length > 0){ if (this.dxmbList.length > 0) {
this.initChart1(this.dxmbList) this.initChart1(this.dxmbList);
setTimeout(() => { setTimeout(() => {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.tableRef1.bodyWrapper.scrollTop = 0 this.$refs.tableRef1.bodyWrapper.scrollTop = 0;
}); });
}, 500); }, 500);
} }
} }
}) });
}, },
getBigWinningBidsPage(){ getBigWinningBidsPage() {
let params={}; let params = {};
params.recentlyBidQueryDto=[] params.recentlyBidQueryDto = [];
let recentlyBidQueryDto={}; let recentlyBidQueryDto = {};
params.pageNum=this.queryParams2.pageNum; params.pageNum = this.queryParams2.pageNum;
params.pageSize=this.queryParams2.pageSize; params.pageSize = this.queryParams2.pageSize;
if(this.amount){ if (this.amount) {
if(this.amount.length > 1){ if (this.amount.length > 1) {
recentlyBidQueryDto.endMoney=this.amount[1] recentlyBidQueryDto.endMoney = this.amount[1];
recentlyBidQueryDto.startMoney=this.amount[0] recentlyBidQueryDto.startMoney = this.amount[0];
}else { } else {
recentlyBidQueryDto.startMoney=this.amount[0] recentlyBidQueryDto.startMoney = this.amount[0];
} }
} }
if(this.queryParams2.time){ if (this.queryParams2.time) {
recentlyBidQueryDto.startTenderTime=this.queryParams2.time[0] recentlyBidQueryDto.startTenderTime = this.queryParams2.time[0];
recentlyBidQueryDto.endTenderTime=this.queryParams2.time[1] recentlyBidQueryDto.endTenderTime = this.queryParams2.time[1];
} }
if(this.queryParams2.provinceId){ if (this.queryParams2.provinceId) {
recentlyBidQueryDto.province=this.queryParams2.provinceId recentlyBidQueryDto.province = this.queryParams2.provinceId;
} }
if(this.queryParams2.projects){ if (this.queryParams2.projects) {
recentlyBidQueryDto.projectTypeNew=this.queryParams2.projects.join() recentlyBidQueryDto.projectTypeNew = this.queryParams2.projects.join();
} }
params.recentlyBidQueryDto.push(recentlyBidQueryDto) params.recentlyBidQueryDto.push(recentlyBidQueryDto);
this.zxzbIsSkeleton=true this.zxzbIsSkeleton = true;
bigWinningBidsPage(params).then(res=>{ bigWinningBidsPage(params).then(res => {
this.zxzbIsSkeleton=false; this.zxzbIsSkeleton = false;
if(res.code == 200){ if (res.code == 200) {
this.projectList=res.data.list; this.projectList = res.data.list;
this.totalCount=res.data.total; this.totalCount = res.data.total;
} }
// window.scrollTo({ // window.scrollTo({
// top: 600, // top: 600,
// behavior: 'smooth' // 滚动行为：smooth平滑滚动，instant瞬间滚动，默认值auto，等同于instant // behavior: 'smooth' // 滚动行为：smooth平滑滚动，instant瞬间滚动，默认值auto，等同于instant
// }) // })
}) });
}, },
getBigBidPage(){ getBigBidPage() {
let params={}; let params = {};
let jskBidQueryDto={}; let jskBidQueryDto = {};
params.pageNum=this.queryParams2.pageNum; params.pageNum = this.queryParams2.pageNum;
params.pageSize=this.queryParams2.pageSize; params.pageSize = this.queryParams2.pageSize;
if(this.amount){ if (this.amount) {
if(this.amount.length > 1){ if (this.amount.length > 1) {
jskBidQueryDto.endBidMoney=this.amount[1] jskBidQueryDto.endBidMoney = this.amount[1];
jskBidQueryDto.startBidMoney=this.amount[0] jskBidQueryDto.startBidMoney = this.amount[0];
}else { } else {
jskBidQueryDto.startBidMoney=this.amount[0] jskBidQueryDto.startBidMoney = this.amount[0];
}
}
if (this.queryParams2.time) {
jskBidQueryDto.startPunishDate = this.queryParams2.time[0];
jskBidQueryDto.endPunishDate = this.queryParams2.time[1];
}
if (this.queryParams2.provinceId) {
jskBidQueryDto.province = this.queryParams2.provinceId;
}
if (this.queryParams2.projects) {
jskBidQueryDto.projectType = this.queryParams2.projects.join();
}
params.jskBidQueryDto = jskBidQueryDto;
this.zhaobiaoIsSkeleton = true;
bigBidPage(params).then(res => {
this.zhaobiaoIsSkeleton = false;
if (res.code == 200) {
this.zbList = res.data.list;
this.zbTableTotal = res.data.total;
} }
} });
if(this.queryParams2.time){
jskBidQueryDto.startPunishDate=this.queryParams2.time[0]
jskBidQueryDto.endPunishDate=this.queryParams2.time[1]
}
if(this.queryParams2.provinceId){
jskBidQueryDto.province=this.queryParams2.provinceId
}
if(this.queryParams2.projects){
jskBidQueryDto.projectType=this.queryParams2.projects.join()
}
params.jskBidQueryDto=jskBidQueryDto
this.zhaobiaoIsSkeleton=true
bigBidPage(params).then(res=>{
this.zhaobiaoIsSkeleton=false
if(res.code == 200){
this.zbList=res.data.list;
this.zbTableTotal=res.data.total;
}
})
}, },
//地区 //地区
async dataRegion() { async dataRegion() {
...@@ -897,15 +866,15 @@ export default { ...@@ -897,15 +866,15 @@ export default {
this.addressList = str; this.addressList = str;
}, },
initChart(list) { initChart(list) {
let data=[] let data = [];
for(var i=0;i<10;i++){ for (var i = 0; i < 10; i++) {
data.push(list[i]) data.push(list[i]);
} }
this.$nextTick(()=>{ this.$nextTick(() => {
// 让 指定id 的 div 的_echarts_instance_属性值 为 空状态 // 让 指定id 的 div 的_echarts_instance_属性值 为 空状态
document.getElementById("zbtj-echarts").removeAttribute('_echarts_instance_'); document.getElementById("zbtj-echarts").removeAttribute('_echarts_instance_');
let myChart = echarts.init(document.getElementById("zbtj-echarts")) let myChart = echarts.init(document.getElementById("zbtj-echarts"));
let option ={ let option = {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
...@@ -916,7 +885,7 @@ export default { ...@@ -916,7 +885,7 @@ export default {
type: 'category', type: 'category',
axisLabel: { //坐标轴刻度标签的相关设置 axisLabel: { //坐标轴刻度标签的相关设置
margin: 15, //刻度标签与轴线之间的距离 margin: 15, //刻度标签与轴线之间的距离
color:"#666666" color: "#666666"
}, },
axisTick: false, //坐标轴刻度 axisTick: false, //坐标轴刻度
axisPointer: { axisPointer: {
...@@ -928,7 +897,7 @@ export default { ...@@ -928,7 +897,7 @@ export default {
{ {
type: 'value', type: 'value',
axisLabel: { //坐标轴刻度标签的相关设置 axisLabel: { //坐标轴刻度标签的相关设置
color:"#666666" color: "#666666"
}, },
name: '单位：个', name: '单位：个',
nameLocation: 'end', nameLocation: 'end',
...@@ -940,7 +909,7 @@ export default { ...@@ -940,7 +909,7 @@ export default {
{ {
type: 'value', type: 'value',
axisLabel: { //坐标轴刻度标签的相关设置 axisLabel: { //坐标轴刻度标签的相关设置
color:"#666666" color: "#666666"
}, },
name: '单位：万元', name: '单位：万元',
nameLocation: 'end', nameLocation: 'end',
...@@ -958,35 +927,35 @@ export default { ...@@ -958,35 +927,35 @@ export default {
} }
], ],
grid: { grid: {
top:30, top: 30,
left:80, left: 80,
right:90, right: 90,
bottom:50, bottom: 50,
}, },
series: [ series: [
{ {
name:'中标金额（万元）', name: '中标金额（万元）',
smooth: false, //平滑 smooth: false, //平滑
type:"line", type: "line",
symbolSize: 6, symbolSize: 6,
yAxisIndex: 1, yAxisIndex: 1,
tooltip: { tooltip: {
valueFormatter: function (value) { valueFormatter: function (value) {
return value return value;
} }
}, },
itemStyle: { itemStyle: {
normal:{ normal: {
color: '#14C9C9', color: '#14C9C9',
lineStyle: { lineStyle: {
width:2 width: 2
}, },
} }
}, },
data:data.map(item => item.money), data: data.map(item => item.money),
}, },
{ {
name:'中标总数（个）', name: '中标总数（个）',
type: 'bar', type: 'bar',
barWidth: 20, barWidth: 20,
tooltip: { tooltip: {
...@@ -995,7 +964,7 @@ export default { ...@@ -995,7 +964,7 @@ export default {
} }
}, },
itemStyle: { itemStyle: {
normal:{ normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0, offset: 0,
color: '#56A5FF' color: '#56A5FF'
...@@ -1006,27 +975,27 @@ export default { ...@@ -1006,27 +975,27 @@ export default {
// barBorderRadius:[20,20, 0, 0] // barBorderRadius:[20,20, 0, 0]
} }
}, },
data:data.map(item => item.count), data: data.map(item => item.count),
} }
] ]
} };
myChart.setOption(option); myChart.setOption(option);
window.addEventListener("resize", function () { window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度 myChart.resize();//图表跟随页面大小变化宽度
}); });
}) });
}, },
initChart1(list){ initChart1(list) {
let data=[] let data = [];
let arr=list.sort(function(a, b) { let arr = list.sort(function (a, b) {
return b.money - a.money; return b.money - a.money;
}); });
if(arr.length > 10){ if (arr.length > 10) {
for(var i=0;i<10;i++){ for (var i = 0; i < 10; i++) {
data.push(arr[i]) data.push(arr[i]);
} }
}else { } else {
data=arr; data = arr;
} }
var rankPic = [ var rankPic = [
...@@ -1040,11 +1009,11 @@ export default { ...@@ -1040,11 +1009,11 @@ export default {
require('@/assets/images/index/8.png'), require('@/assets/images/index/8.png'),
require('@/assets/images/index/9.png'), require('@/assets/images/index/9.png'),
require('@/assets/images/index/10.png'), require('@/assets/images/index/10.png'),
] ];
this.$nextTick(()=>{ this.$nextTick(() => {
// 让 指定id 的 div 的_echarts_instance_属性值 为 空状态 // 让 指定id 的 div 的_echarts_instance_属性值 为 空状态
document.getElementById("zbph-echarts").removeAttribute('_echarts_instance_'); document.getElementById("zbph-echarts").removeAttribute('_echarts_instance_');
let myChart = echarts.init(document.getElementById("zbph-echarts")) let myChart = echarts.init(document.getElementById("zbph-echarts"));
// let option ={ // let option ={
// legend: { // legend: {
// show: false, // show: false,
...@@ -1202,7 +1171,7 @@ export default { ...@@ -1202,7 +1171,7 @@ export default {
// } // }
// ], // ],
// } // }
let option ={ let option = {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
...@@ -1213,7 +1182,7 @@ export default { ...@@ -1213,7 +1182,7 @@ export default {
type: 'category', type: 'category',
axisLabel: { //坐标轴刻度标签的相关设置 axisLabel: { //坐标轴刻度标签的相关设置
margin: 15, //刻度标签与轴线之间的距离 margin: 15, //刻度标签与轴线之间的距离
color:"#666666" color: "#666666"
}, },
axisTick: false, //坐标轴刻度 axisTick: false, //坐标轴刻度
axisPointer: { axisPointer: {
...@@ -1225,7 +1194,7 @@ export default { ...@@ -1225,7 +1194,7 @@ export default {
{ {
type: 'value', type: 'value',
axisLabel: { //坐标轴刻度标签的相关设置 axisLabel: { //坐标轴刻度标签的相关设置
color:"#666666" color: "#666666"
}, },
name: '单位：个', name: '单位：个',
nameLocation: 'end', nameLocation: 'end',
...@@ -1237,7 +1206,7 @@ export default { ...@@ -1237,7 +1206,7 @@ export default {
{ {
type: 'value', type: 'value',
axisLabel: { //坐标轴刻度标签的相关设置 axisLabel: { //坐标轴刻度标签的相关设置
color:"#666666" color: "#666666"
}, },
name: '单位：万元', name: '单位：万元',
nameLocation: 'end', nameLocation: 'end',
...@@ -1256,10 +1225,10 @@ export default { ...@@ -1256,10 +1225,10 @@ export default {
} }
], ],
grid: { grid: {
top:30, top: 30,
left:60, left: 60,
right:90, right: 90,
bottom:50, bottom: 50,
// containLabel: true // containLabel: true
}, },
// dataZoom:[ // dataZoom:[
...@@ -1290,28 +1259,28 @@ export default { ...@@ -1290,28 +1259,28 @@ export default {
// ], // ],
series: [ series: [
{ {
name:'中标金额（万元）', name: '中标金额（万元）',
smooth: false, //平滑 smooth: false, //平滑
type:"line", type: "line",
symbolSize: 6, symbolSize: 6,
yAxisIndex: 1, yAxisIndex: 1,
tooltip: { tooltip: {
valueFormatter: function (value) { valueFormatter: function (value) {
return value return value;
} }
}, },
itemStyle: { itemStyle: {
normal:{ normal: {
color: '#14C9C9', color: '#14C9C9',
lineStyle: { lineStyle: {
width:2 width: 2
}, },
} }
}, },
data:data.map(item => item.money), data: data.map(item => item.money),
}, },
{ {
name:'中标总数（个）', name: '中标总数（个）',
type: 'bar', type: 'bar',
barWidth: 20, barWidth: 20,
tooltip: { tooltip: {
...@@ -1320,7 +1289,7 @@ export default { ...@@ -1320,7 +1289,7 @@ export default {
} }
}, },
itemStyle: { itemStyle: {
normal:{ normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0, offset: 0,
color: '#56A5FF' color: '#56A5FF'
...@@ -1331,113 +1300,113 @@ export default { ...@@ -1331,113 +1300,113 @@ export default {
// barBorderRadius:[20,20, 0, 0] // barBorderRadius:[20,20, 0, 0]
} }
}, },
data:data.map(item => item.count), data: data.map(item => item.count),
} }
] ]
} };
myChart.setOption(option); myChart.setOption(option);
window.addEventListener("resize", function () { window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度 myChart.resize();//图表跟随页面大小变化宽度
}); });
}) });
}, },
handleClickTab(){ handleClickTab() {
this.queryParams2.pageNum=1; this.queryParams2.pageNum = 1;
if(this.activeName === 'first'){ if (this.activeName === 'first') {
this.getBigWinningBidsPage() this.getBigWinningBidsPage();
this.placeholder='中标金额' this.placeholder = '中标金额';
this.timePlaceholder='中标日期' this.timePlaceholder = '中标日期';
} }
if(this.activeName === 'second'){ if (this.activeName === 'second') {
this.getBigBidPage() this.getBigBidPage();
this.placeholder='总投资' this.placeholder = '总投资';
this.timePlaceholder='发布日期' this.timePlaceholder = '发布日期';
} }
}, },
handleClickTab1(){}, handleClickTab1() { },
handleChange(){ handleChange() {
this.user = this.user === 1 ? 2 : 1; this.user = this.user === 1 ? 2 : 1;
if(this.user === 1){ if (this.user === 1) {
this.$nextTick(()=>{ this.$nextTick(() => {
this.initChart(this.jtzbList) this.initChart(this.jtzbList);
this.initChart1(this.dxmbList) this.initChart1(this.dxmbList);
}) });
} }
}, },
changeSelect1(){ changeSelect1() {
this.getCountByCompany() this.getCountByCompany();
}, },
changeSelect2(){ changeSelect2() {
this.getBidRank() this.getBidRank();
}, },
changeSelect3(){ changeSelect3() {
this.queryParams2.pageNum = 1 this.queryParams2.pageNum = 1;
if(this.activeName === 'first'){ if (this.activeName === 'first') {
this.getBigWinningBidsPage() this.getBigWinningBidsPage();
} }
if(this.activeName === 'second'){ if (this.activeName === 'second') {
this.getBigBidPage() this.getBigBidPage();
} }
}, },
handleCurrentChange(val){ handleCurrentChange(val) {
if(this.MaxPage<val){ if (this.MaxPage < val) {
this.show_page = false this.show_page = false;
this.$nextTick(() => { this.$nextTick(() => {
this.queryParams2.pageNum = 1 this.queryParams2.pageNum = 1;
this.$message.warning(`对不起，最多只能访问${this.MaxPage}页`) this.$message.warning(`对不起，最多只能访问${this.MaxPage}页`);
this.show_page = true this.show_page = true;
}) });
}else { } else {
this.queryParams2.pageNum = val this.queryParams2.pageNum = val;
if(this.activeName === 'first'){ if (this.activeName === 'first') {
this.getBigWinningBidsPage() this.getBigWinningBidsPage();
} }
if(this.activeName === 'second'){ if (this.activeName === 'second') {
this.getBigBidPage() this.getBigBidPage();
} }
} }
}, },
handleSizeChange(val){ handleSizeChange(val) {
this.queryParams2.pageNum = 1 this.queryParams2.pageNum = 1;
this.queryParams2.pageSize = val this.queryParams2.pageSize = val;
if(this.activeName === 'first'){ if (this.activeName === 'first') {
this.getBigWinningBidsPage() this.getBigWinningBidsPage();
} }
if(this.activeName === 'second'){ if (this.activeName === 'second') {
this.getBigBidPage() this.getBigBidPage();
} }
}, },
getUipIdByCid(companyId){ getUipIdByCid(companyId) {
var params=[companyId] var params = [companyId];
getUipIdByCid(params).then(res=>{ getUipIdByCid(params).then(res => {
if (res.code==200) { if (res.code == 200) {
if(res.data&&res.data.length>0&&res.data[0].uipId){ if (res.data && res.data.length > 0 && res.data[0].uipId) {
this.$router.push({path: '/enterprise/'+this.encodeStr(companyId)}) this.$router.push({ path: '/enterprise/' + this.encodeStr(companyId) });
}else{ } else {
this.$router.push({path: '/company/'+this.encodeStr(companyId)}) this.$router.push({ path: '/company/' + this.encodeStr(companyId) });
} }
} }
}).catch(error=>{ }).catch(error => {
}); });
}, },
// 时间格式化 // 时间格式化
formatDate(timeStr) { formatDate(timeStr) {
let date = new Date(Number(timeStr)) let date = new Date(Number(timeStr));
let year = date.getFullYear() let year = date.getFullYear();
let month = String(date.getMonth() + 1).padStart(2, 0) let month = String(date.getMonth() + 1).padStart(2, 0);
let day = String(date.getDate()).padStart(2, 0) let day = String(date.getDate()).padStart(2, 0);
return `${year}-${month}-${day}` return `${year}-${month}-${day}`;
}, },
handleUrl(item){ handleUrl(item) {
switch (item.name) { switch (item.name) {
case '项目管理': case '项目管理':
if(this.permissions.includes('project:info')){ if (this.permissions.includes('project:info')) {
this.$router.push({ path: item.url }) this.$router.push({ path: item.url });
}else { } else {
this.$message({ this.$message({
message: '您好，请联系管理员开通页面权限', message: '您好，请联系管理员开通页面权限',
type: 'warning' type: 'warning'
...@@ -1445,9 +1414,9 @@ export default { ...@@ -1445,9 +1414,9 @@ export default {
} }
break; break;
case '客户管理': case '客户管理':
if(this.permissions.includes('customer:info')){ if (this.permissions.includes('customer:info')) {
this.$router.push({ path: item.url }) this.$router.push({ path: item.url });
}else { } else {
this.$message({ this.$message({
message: '您好，请联系管理员开通页面权限', message: '您好，请联系管理员开通页面权限',
type: 'warning' type: 'warning'
...@@ -1455,9 +1424,9 @@ export default { ...@@ -1455,9 +1424,9 @@ export default {
} }
break; break;
case '全国经济大全': case '全国经济大全':
if(this.permissions.includes('nationalEconomies:query')){ if (this.permissions.includes('nationalEconomies:query')) {
this.$router.push({ path: item.url }) this.$router.push({ path: item.url });
}else { } else {
this.$message({ this.$message({
message: '您好，请联系管理员开通页面权限', message: '您好，请联系管理员开通页面权限',
type: 'warning' type: 'warning'
...@@ -1465,9 +1434,9 @@ export default { ...@@ -1465,9 +1434,9 @@ export default {
} }
break; break;
case '集团户': case '集团户':
if(this.permissions.includes('group:query')){ if (this.permissions.includes('group:query')) {
this.$router.push({ path: item.url }) this.$router.push({ path: item.url });
}else { } else {
this.$message({ this.$message({
message: '您好，请联系管理员开通页面权限', message: '您好，请联系管理员开通页面权限',
type: 'warning' type: 'warning'
...@@ -1475,9 +1444,9 @@ export default { ...@@ -1475,9 +1444,9 @@ export default {
} }
break; break;
case '查城投平台': case '查城投平台':
if(this.permissions.includes('owner:query')){ if (this.permissions.includes('owner:query')) {
this.$router.push({ path: item.url }) this.$router.push({ path: item.url });
}else { } else {
this.$message({ this.$message({
message: '您好，请联系管理员开通页面权限', message: '您好，请联系管理员开通页面权限',
type: 'warning' type: 'warning'
...@@ -1485,9 +1454,9 @@ export default { ...@@ -1485,9 +1454,9 @@ export default {
} }
break; break;
case '商机雷达': case '商机雷达':
if(this.permissions.includes('radar:query')){ if (this.permissions.includes('radar:query')) {
this.$router.push({ path: item.url }) this.$router.push({ path: item.url });
}else { } else {
this.$message({ this.$message({
message: '您好，请联系管理员开通页面权限', message: '您好，请联系管理员开通页面权限',
type: 'warning' type: 'warning'
...@@ -1498,15 +1467,15 @@ export default { ...@@ -1498,15 +1467,15 @@ export default {
break; break;
} }
}, },
handleSearch(name){ handleSearch(name) {
if(name === 'changeSelect1'){ if (name === 'changeSelect1') {
this.changeSelect1() this.changeSelect1();
} }
if(name === 'changeSelect2'){ if (name === 'changeSelect2') {
this.changeSelect2() this.changeSelect2();
} }
if(name === 'changeSelect3'){ if (name === 'changeSelect3') {
this.changeSelect3() this.changeSelect3();
} }
}, },
async getPlaceholder() { async getPlaceholder() {
...@@ -1538,13 +1507,13 @@ export default { ...@@ -1538,13 +1507,13 @@ export default {
} }
}, },
iptAdaptive(uid, multiple = false, name) { iptAdaptive(uid, multiple = false, name) {
multiple ? this.multipleAdaptiveHandle(uid,name) : this.iptAdaptiveHandle(uid,name); multiple ? this.multipleAdaptiveHandle(uid, name) : this.iptAdaptiveHandle(uid, name);
}, },
getUid() { getUid() {
return v4(); return v4();
}, },
// 多选处理 // 多选处理
async multipleAdaptiveHandle(uid,name) { async multipleAdaptiveHandle(uid, name) {
try { try {
await this.$nextTick(); await this.$nextTick();
const dom = document.querySelector(`.select-adaptive-${uid}`); const dom = document.querySelector(`.select-adaptive-${uid}`);
...@@ -1592,7 +1561,7 @@ export default { ...@@ -1592,7 +1561,7 @@ export default {
} }
}, },
// 单选处理 // 单选处理
async iptAdaptiveHandle(uid,name) { async iptAdaptiveHandle(uid, name) {
try { try {
await this.$nextTick(); await this.$nextTick();
const dom = document.querySelector(`.select-adaptive-${uid}`); const dom = document.querySelector(`.select-adaptive-${uid}`);
...@@ -1625,82 +1594,82 @@ export default { ...@@ -1625,82 +1594,82 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.app-container{ p {
padding: 0;
margin: 16px 24px;
}
p{
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.home { .home {
width: 100%;
height: 100%;
overflow: auto;
padding: 16px 24px;
box-sizing: border-box;
@import "@/assets/styles/search-common.scss"; @import "@/assets/styles/search-common.scss";
padding-bottom:24px; ::v-deep .el-row {
::v-deep .el-row{ .el-col:nth-child(1) {
.el-col:nth-child(1){
padding-left: 0 !important; padding-left: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
} }
.el-col:nth-child(2){ .el-col:nth-child(2) {
padding-left: 16px !important; padding-left: 16px !important;
padding-right: 0 !important; padding-right: 0 !important;
} }
} }
.manage{ .manage {
::v-deep .el-form { ::v-deep .el-form {
.el-select{ .el-select {
.el-select__tags { .el-select__tags {
flex-wrap: inherit; flex-wrap: inherit;
.el-tag{ .el-tag {
/*max-width: 130px;*/ /*max-width: 130px;*/
} }
} }
} }
} }
.task-wrap{ .task-wrap {
height: 99px; height: 99px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.item{ .item {
width: 20%; width: 20%;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
cursor: pointer; cursor: pointer;
.icon-img{ .icon-img {
width: 48px; width: 48px;
height: 48px; height: 48px;
margin-top: 16px; margin-top: 16px;
} }
.text{ .text {
color: #3D3D3D; color: #3d3d3d;
font-size: 12px; font-size: 12px;
margin-top: 5px; margin-top: 5px;
} }
} }
} }
.user{ .user {
height: 99px; height: 99px;
border-radius: 4px; border-radius: 4px;
background-image: url("../assets/images/index/user_bg.png"); background-image: url("../assets/images/index/user_bg.png");
background-size: cover; background-size: cover;
padding-left: 24px; padding-left: 24px;
h3{ h3 {
font-weight: 700; font-weight: 700;
color: #1C1C28; color: #1c1c28;
font-size: 18px; font-size: 18px;
padding-top: 16px; padding-top: 16px;
padding-bottom: 8px; padding-bottom: 8px;
margin: 0px; margin: 0px;
span{ span {
height: 20px; height: 20px;
background: #FFF2E2; background: #fff2e2;
display: inline-block; display: inline-block;
border-radius: 11px; border-radius: 11px;
border: 1px solid #FFB010; border: 1px solid #ffb010;
color: #FFB010; color: #ffb010;
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
padding: 0 10px; padding: 0 10px;
...@@ -1708,87 +1677,85 @@ export default { ...@@ -1708,87 +1677,85 @@ export default {
font-weight: 400; font-weight: 400;
} }
} }
p{ p {
color: #666666; color: #666666;
font-size: 16px; font-size: 16px;
} }
} }
.tips{ .tips {
color: #999999; color: #999999;
font-size: 12px; font-size: 12px;
margin: 12px 0; margin: 12px 0;
padding-left: 16px; padding-left: 16px;
} }
.content{ .content {
background: #ffffff; background: #ffffff;
padding: 16px; padding: 16px;
margin-top: 12px; margin-top: 12px;
.query-box{ .query-box {
margin-bottom: 16px; margin-bottom: 16px;
} }
} }
.content_wap1{ .content_wap1 {
height: 430px; height: 430px;
} }
.content_wap2{ .content_wap2 {
height: 430px; height: 430px;
} }
.search{ .search {
float:right; float: right;
::v-deep .el-form{ ::v-deep .el-form {
.el-form-item--small.el-form-item{ .el-form-item--small.el-form-item {
margin-bottom: 0; margin-bottom: 0;
} }
.el-form-item{ .el-form-item {
height: 32px; height: 32px;
} }
.el-form-item__content{ .el-form-item__content {
line-height: 32px; line-height: 32px;
} }
.el-input{ .el-input {
line-height: 32px; line-height: 32px;
.el-input__inner{ .el-input__inner {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
border-radius: 4px; border-radius: 4px;
border: 0; border: 0;
} }
} }
.is-focus{ .is-focus {
.el-input__inner{ .el-input__inner {
background: #F4F6F9; background: #f4f6f9;
} }
} }
} }
} }
.box-right{ .box-right {
width: 90%; width: 90%;
float: right; float: right;
::v-deep .el-table{ ::v-deep .el-table {
.sort-caret.ascending{ .sort-caret.ascending {
border-bottom-color: rgba(0,129,255,0.5); border-bottom-color: rgba(0, 129, 255, 0.5);
} }
.ascending .sort-caret.ascending{ .ascending .sort-caret.ascending {
border-bottom-color: #0081FF; border-bottom-color: #0081ff;
} }
.sort-caret.descending{ .sort-caret.descending {
border-top-color: rgba(0,129,255,0.5); border-top-color: rgba(0, 129, 255, 0.5);
} }
.descending .sort-caret.descending{ .descending .sort-caret.descending {
border-top-color: #0081FF; border-top-color: #0081ff;
} }
.el-table__header-wrapper{ .el-table__header-wrapper {
background: #F0F3FA; background: #f0f3fa;
th{ th {
background: #F0F3FA; background: #f0f3fa;
/*text-align: left;*/ /*text-align: left;*/
} }
} }
.el-table__footer-wrapper{ .el-table__footer-wrapper {
background: #F0F3FA; background: #f0f3fa;
} }
th { th {
font-size: 13px !important; font-size: 13px !important;
...@@ -1799,33 +1766,33 @@ export default { ...@@ -1799,33 +1766,33 @@ export default {
padding-left: 12px !important; padding-left: 12px !important;
line-height: 18px; line-height: 18px;
} }
.el-table__fixed-header-wrapper{ .el-table__fixed-header-wrapper {
th{ th {
background: #F0F3FA; background: #f0f3fa;
} }
} }
td.el-table__cell{ td.el-table__cell {
border-bottom: 0; border-bottom: 0;
} }
tr{ tr {
&.current-row>td{ &.current-row > td {
background-color: initial; background-color: initial;
} }
&:nth-child(2n) { &:nth-child(2n) {
background: #F8FBFF; background: #f8fbff;
} }
} }
.el-table__cell{ .el-table__cell {
height: 40px; height: 40px;
padding: 0; padding: 0;
line-height: 40px; line-height: 40px;
} }
.el-table__body tr:hover > td.el-table__cell{ .el-table__body tr:hover > td.el-table__cell {
background: #DCEBFF; background: #dcebff;
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
//滚动条凹槽的颜色，还可以设置边框属性 //滚动条凹槽的颜色，还可以设置边框属性
background-color: #F3F4F5; background-color: #f3f4f5;
height: 16px; height: 16px;
padding: 0 4px; padding: 0 4px;
} }
...@@ -1833,7 +1800,7 @@ export default { ...@@ -1833,7 +1800,7 @@ export default {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; height: 8px;
background-color: #F3F4F5; background-color: #f3f4f5;
border-radius: 6px; border-radius: 6px;
} }
//滚动条的滑块 //滚动条的滑块
...@@ -1841,63 +1808,63 @@ export default { ...@@ -1841,63 +1808,63 @@ export default {
border-radius: 8px; border-radius: 8px;
height: 8px; height: 8px;
margin: 0 4px; margin: 0 4px;
background: rgba(98,110,126,0.2); background: rgba(98, 110, 126, 0.2);
border: 4px solid rgba(98,110,126,0.2);; border: 4px solid rgba(98, 110, 126, 0.2);
&:hover{ &:hover {
background: #566380; background: #566380;
} }
} }
.has-gutter{ .has-gutter {
tr{ tr {
th:nth-last-child(2){ th:nth-last-child(2) {
border-right:0; border-right: 0;
} }
td:nth-last-child(2){ td:nth-last-child(2) {
border-right:0; border-right: 0;
} }
} }
} }
.el-table__cell.gutter{ .el-table__cell.gutter {
background: #F0F3FA; background: #f0f3fa;
} }
.el-table__row{ .el-table__row {
td:last-child{ td:last-child {
.cell{ .cell {
padding-right: 12px !important; padding-right: 12px !important;
} }
} }
} }
} }
} }
.content_wap3{ .content_wap3 {
margin-top: 12px; margin-top: 12px;
background: #ffffff; background: #ffffff;
position:relative; position: relative;
::v-deep .el-tabs{ ::v-deep .el-tabs {
.el-tabs__header{ .el-tabs__header {
margin-bottom: 0; margin-bottom: 0;
} }
.el-tabs__item{ .el-tabs__item {
height: 54px; height: 54px;
line-height: 54px; line-height: 54px;
font-size: 16px; font-size: 16px;
} }
.el-tabs__item.is-active{ .el-tabs__item.is-active {
font-weight: 700; font-weight: 700;
color: #232323; color: #232323;
} }
.el-tabs__nav-wrap{ .el-tabs__nav-wrap {
padding:0 24px; padding: 0 24px;
} }
.el-tabs__active-bar{ .el-tabs__active-bar {
border-radius: 8px; border-radius: 8px;
} }
.el-tabs__nav-wrap::after{ .el-tabs__nav-wrap::after {
height: 1px; height: 1px;
} }
} }
.search{ .search {
position: absolute; position: absolute;
right: 8px; right: 8px;
top: 10px; top: 10px;
...@@ -1905,31 +1872,31 @@ export default { ...@@ -1905,31 +1872,31 @@ export default {
.el-form-item--small.el-form-item { .el-form-item--small.el-form-item {
margin-bottom: 0; margin-bottom: 0;
} }
.el-select{ .el-select {
width: 108px; width: 108px;
} }
} }
} }
.list{ .list {
margin: 0 16px; margin: 0 16px;
.item{ .item {
border-bottom: 1px solid #EFEFEF; border-bottom: 1px solid #efefef;
padding: 13px 0; padding: 13px 0;
.list-title{ .list-title {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #3D3D3D; color: #3d3d3d;
line-height: 20px; line-height: 20px;
cursor: pointer; cursor: pointer;
.list-titel-a{ .list-titel-a {
text-decoration: none; text-decoration: none;
color:#3D3D3D; color: #3d3d3d;
} }
a{ a {
color: #3D3D3D; color: #3d3d3d;
} }
a:hover{ a:hover {
color:#0081FF; color: #0081ff;
} }
} }
.list-content { .list-content {
...@@ -1945,264 +1912,265 @@ export default { ...@@ -1945,264 +1912,265 @@ export default {
font-size: 14px; font-size: 14px;
} }
} }
} }
} }
} }
.pagination-box{ .pagination-box {
padding: 16px; padding: 16px;
} }
} }
.empty{ .empty {
margin: 0 auto; margin: 0 auto;
height: 300px; height: 300px;
text-align: center; text-align: center;
.img{ .img {
width: 108px; width: 108px;
height: 108px; height: 108px;
margin-bottom: 24px; margin-bottom: 24px;
margin-top: 70px; margin-top: 70px;
} }
.p1{ .p1 {
color: #333333; color: #333333;
font-size: 16px; font-size: 16px;
} }
} }
.content-left {
.task-wrap {
.content-left{
.task-wrap{
height: 88px; height: 88px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
margin-bottom: 12px; margin-bottom: 12px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.item{ .item {
width: 20%; width: 20%;
display: flex; display: flex;
padding-left: 16px; padding-left: 16px;
margin-right: 9px; margin-right: 9px;
margin-top: 14px; margin-top: 14px;
margin-bottom: 14px; margin-bottom: 14px;
border-right: 1px solid #EFEFEF; border-right: 1px solid #efefef;
cursor: pointer; cursor: pointer;
.left{ .left {
width: 48px; width: 48px;
height: 48px; height: 48px;
margin-right: 8px; margin-right: 8px;
} }
.right{ .right {
.title{ .title {
font-size: 12px; font-size: 12px;
color: #3D3D3D; color: #3d3d3d;
border-bottom: 0; border-bottom: 0;
} }
.number{ .number {
font-weight: bold; font-weight: bold;
color: #3D3D3D; color: #3d3d3d;
font-size: 18px; font-size: 18px;
padding: 4px 0; padding: 4px 0;
} }
.compare{ .compare {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
font-size: 12px; font-size: 12px;
img{ img {
width: 8px; width: 8px;
height: 10px; height: 10px;
margin-left: 4px; margin-left: 4px;
margin-bottom: -1px; margin-bottom: -1px;
} }
.down{ .down {
color:#FF3C3C; color: #ff3c3c;
} }
.up{ .up {
color:#0CBC6D; color: #0cbc6d;
} }
} }
} }
} }
.item:nth-child(4){ .item:nth-child(4) {
border-right: 0; border-right: 0;
} }
.item:last-child{ .item:last-child {
border-right: 0; border-right: 0;
} }
.item:hover{ .item:hover {
.right{ .right {
.title{ .title {
color: #0081FF; color: #0081ff;
} }
.number{ .number {
color: #0081FF; color: #0081ff;
} }
} }
} }
.add{ .add {
padding-left: 0; padding-left: 0;
.yd{ .yd {
display: inline-block; display: inline-block;
width: 5px; width: 5px;
margin-right: 10%; margin-right: 10%;
i{ i {
width: 5px; width: 5px;
height: 5px; height: 5px;
border-radius: 2px; border-radius: 2px;
background: #E6E6E9; background: #e6e6e9;
margin-bottom: 6px; margin-bottom: 6px;
display: block; display: block;
} }
} }
.btn{ .btn {
width: 100%; width: 100%;
height: 60px; height: 60px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
/*border: 1px solid #E6E6E9;*/ /*border: 1px solid #E6E6E9;*/
color:#0081FF; color: #0081ff;
line-height: 64px; line-height: 64px;
font-size: 14px; font-size: 14px;
margin-left: 0; margin-left: 0;
margin-right: 7px; margin-right: 7px;
i{ i {
margin-right: 4px; margin-right: 4px;
} }
} }
.btn:hover{ .btn:hover {
background: #F6F9FC; background: #f6f9fc;
} }
} }
} }
.content-wrap{ .content-wrap {
margin-bottom: 12px; margin-bottom: 12px;
height: 587px; height: 587px;
.select-popper{ .select-popper {
margin-right:0; margin-right: 0;
} }
.record{ .record {
height: 587px; height: 587px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
position: relative; position: relative;
.list{ .list {
height: 510px; height: 510px;
overflow: hidden; overflow: hidden;
.item{ .item {
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #eeeeee;
padding: 16px 0; padding: 16px 0;
h3{ h3 {
color: #232323; color: #232323;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;
} }
p{ p {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 8px; margin-top: 8px;
span{ span {
margin-right: 15px; margin-right: 15px;
} }
} }
} }
.item:last-child{ .item:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
.more{ .more {
text-align: center; text-align: center;
color: #0081FF; color: #0081ff;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
width: 95%; width: 95%;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 17%, rgba(255,255,255,0.6) 100%); background: linear-gradient(
360deg,
#ffffff 0%,
#ffffff 17%,
rgba(255, 255, 255, 0.6) 100%
);
bottom: 0; bottom: 0;
} }
} }
.ranking{ .ranking {
height: 587px; height: 587px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
.main{ .main {
background: url("../assets/images/index/yjpm_bg.png"); background: url("../assets/images/index/yjpm_bg.png");
background-size: 100% 100%; background-size: 100% 100%;
height: 525px; height: 525px;
margin-top: 10px; margin-top: 10px;
} }
.amount{ .amount {
padding: 16px 12px; padding: 16px 12px;
p{ p {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
span{ span {
font-weight: 400; font-weight: 400;
color: #184280; color: #184280;
font-size: 14px; font-size: 14px;
} }
.money{ .money {
font-weight: bold; font-weight: bold;
color: #184280; color: #184280;
font-size: 18px; font-size: 18px;
margin-top: 2px; margin-top: 2px;
} }
.money:first-child{ .money:first-child {
color:#48C5A0; color: #48c5a0;
} }
.money:last-child{ .money:last-child {
color:#60B0FD; color: #60b0fd;
} }
.progress1{ .progress1 {
height: 10px !important; height: 10px !important;
margin-bottom:6px; margin-bottom: 6px;
margin-top:8px; margin-top: 8px;
::v-deep .el-progress-bar__outer{ ::v-deep .el-progress-bar__outer {
.el-progress-bar__inner{ .el-progress-bar__inner {
background:#9AEAD3 background: #9aead3;
} }
} }
} }
.progress2{ .progress2 {
height: 10px !important; height: 10px !important;
::v-deep .el-progress-bar__outer{ ::v-deep .el-progress-bar__outer {
.el-progress-bar__inner{ .el-progress-bar__inner {
background:#92C9FF background: #92c9ff;
} }
} }
} }
::v-deep .el-progress-bar__outer{ ::v-deep .el-progress-bar__outer {
/*border: 1px solid #A2E8E8;*/ /*border: 1px solid #A2E8E8;*/
/*background-color:#ffffff !important;*/ /*background-color:#ffffff !important;*/
height: 10px !important; height: 10px !important;
background-color: rgba(235, 238, 245, 0%) !important; background-color: rgba(235, 238, 245, 0%) !important;
border-radius:0 20px 20px 0; border-radius: 0 20px 20px 0;
.el-progress-bar__inner{ .el-progress-bar__inner {
/*<!--background: linear-gradient(-270deg, #C3F6F6 0%, #14C9C9 100%);-->*/ /*<!--background: linear-gradient(-270deg, #C3F6F6 0%, #14C9C9 100%);-->*/
border-radius:0 20px 20px 0; border-radius: 0 20px 20px 0;
.el-progress-bar__innerText{ .el-progress-bar__innerText {
color: #ffffff; color: #ffffff;
opacity: 0; opacity: 0;
} }
} }
} }
} }
} }
.select-popper{ .select-popper {
.area{ .area {
font-size: 14px; font-size: 14px;
color: #232323; color: #232323;
cursor: pointer; cursor: pointer;
i{ i {
background: url("../assets/images/index/sjx.png"); background: url("../assets/images/index/sjx.png");
background-size: 100% 100%; background-size: 100% 100%;
width: 10px; width: 10px;
...@@ -2212,12 +2180,12 @@ export default { ...@@ -2212,12 +2180,12 @@ export default {
margin-left: 4px; margin-left: 4px;
} }
} }
.month{ .month {
font-size: 14px; font-size: 14px;
color: #232323; color: #232323;
margin-left: 16px; margin-left: 16px;
cursor: pointer; cursor: pointer;
i{ i {
background: url("../assets/images/index/sjx.png"); background: url("../assets/images/index/sjx.png");
background-size: 100% 100%; background-size: 100% 100%;
width: 10px; width: 10px;
...@@ -2227,42 +2195,42 @@ export default { ...@@ -2227,42 +2195,42 @@ export default {
margin-left: 4px; margin-left: 4px;
} }
} }
.color{ .color {
color: #0081FF; color: #0081ff;
i{ i {
background: url("../assets/images/index/sjx2.png"); background: url("../assets/images/index/sjx2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
} }
.select-popper:hover{ .select-popper:hover {
.area,.month{ .area,
color: #0081FF; .month {
i{ color: #0081ff;
i {
background: url("../assets/images/index/sjx1.png"); background: url("../assets/images/index/sjx1.png");
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
} }
} }
.content-db{ .content-db {
height: 263px; height: 263px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
margin-bottom: 12px; margin-bottom: 12px;
padding: 16px; padding: 16px;
overflow: hidden; overflow: hidden;
.query-ability{ .query-ability {
color: #0081FF; color: #0081ff;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
span{ span {
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #FF3C3C; background: #ff3c3c;
display: inline-block; display: inline-block;
color:#ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
border-radius: 50%; border-radius: 50%;
line-height: 16px; line-height: 16px;
...@@ -2270,17 +2238,17 @@ export default { ...@@ -2270,17 +2238,17 @@ export default {
margin-right: 4px; margin-right: 4px;
} }
} }
.list{ .list {
margin-top: 12px; margin-top: 12px;
} }
.item{ .item {
min-height: 62px; min-height: 62px;
background: #F6F9FD; background: #f6f9fd;
border-radius: 6px; border-radius: 6px;
margin-bottom: 8px; margin-bottom: 8px;
position: relative; position: relative;
padding: 10px 16px; padding: 10px 16px;
h3{ h3 {
font-weight: 400; font-weight: 400;
color: #232323; color: #232323;
font-size: 14px; font-size: 14px;
...@@ -2288,65 +2256,65 @@ export default { ...@@ -2288,65 +2256,65 @@ export default {
padding-bottom: 6px; padding-bottom: 6px;
width: 85%; width: 85%;
} }
p{ p {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
font-size: 14px; font-size: 14px;
span{ span {
margin-right: 24px; margin-right: 24px;
color:rgba(35, 35, 35, 0.8); color: rgba(35, 35, 35, 0.8);
} }
} }
.btn{ .btn {
position: absolute; position: absolute;
right: 50px; right: 50px;
top:22px; top: 22px;
color: #0CBC6D; color: #0cbc6d;
font-size: 12px; font-size: 12px;
} }
} }
} }
.analysis{ .analysis {
height: 334px; height: 334px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
position: relative; position: relative;
.tabs{ .tabs {
.label{ .label {
display: inline-block; display: inline-block;
padding: 0 14px; padding: 0 14px;
height: 22px; height: 22px;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
font-size: 12px; font-size: 12px;
line-height: 22px; line-height: 22px;
border-top: 1px solid #EFEFEF; border-top: 1px solid #efefef;
border-bottom: 1px solid #EFEFEF; border-bottom: 1px solid #efefef;
border-left: 1px solid #EFEFEF; border-left: 1px solid #efefef;
cursor: pointer; cursor: pointer;
} }
.label:first-child{ .label:first-child {
border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px;
} }
.label:last-child{ .label:last-child {
border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px;
border-right: 1px solid #EFEFEF; border-right: 1px solid #efefef;
} }
.color{ .color {
background: #0081FF; background: #0081ff;
color: #FFFFFF; color: #ffffff;
} }
} }
.select-popper{ .select-popper {
position: absolute; position: absolute;
right: 0; right: 0;
top: 27px; top: 27px;
z-index: 99; z-index: 99;
.area{ .area {
font-size: 14px; font-size: 14px;
color: #232323; color: #232323;
margin-left: 16px; margin-left: 16px;
cursor: pointer; cursor: pointer;
i{ i {
background: url("../assets/images/index/sjx.png"); background: url("../assets/images/index/sjx.png");
background-size: 100% 100%; background-size: 100% 100%;
width: 10px; width: 10px;
...@@ -2357,73 +2325,79 @@ export default { ...@@ -2357,73 +2325,79 @@ export default {
} }
} }
} }
.select-popper:hover{ .select-popper:hover {
.area,.month{ .area,
color: #0081FF; .month {
i{ color: #0081ff;
i {
background: url("../assets/images/index/sjx1.png"); background: url("../assets/images/index/sjx1.png");
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
} }
} }
.trends{ .trends {
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
height: 617px; height: 617px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
::v-deep .el-tabs__header{ ::v-deep .el-tabs__header {
margin: 0 0 18px; margin: 0 0 18px;
} }
::v-deep .el-tabs__content{ ::v-deep .el-tabs__content {
overflow-y: auto; overflow-y: auto;
height: 567px; height: 567px;
} }
::v-deep .el-timeline{ ::v-deep .el-timeline {
.el-timeline-item{ .el-timeline-item {
padding-bottom: 18px; padding-bottom: 18px;
} }
.el-timeline-item__tail{ .el-timeline-item__tail {
left: 7px; left: 7px;
border-left: 2px dotted rgba(0,129,255,0.5); border-left: 2px dotted rgba(0, 129, 255, 0.5);
} }
.el-timeline-item__node{ .el-timeline-item__node {
background-color:#ffffff; background-color: #ffffff;
.el-timeline-item__icon{ .el-timeline-item__icon {
color:#0081FF; color: #0081ff;
font-size: 14px; font-size: 14px;
} }
} }
.el-timeline-item__node--normal{ .el-timeline-item__node--normal {
left: 0px; left: 0px;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
} }
.time{ .time {
font-size: 14px; font-size: 14px;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
.company{ .company {
color: #0081FF; color: #0081ff;
margin-left: 16px; margin-left: 16px;
} }
} }
.cont{ .cont {
background: #F6F9FD; background: #f6f9fd;
border-radius: 6px; border-radius: 6px;
padding: 16px; padding: 16px;
margin-top: 8px; margin-top: 8px;
font-size: 14px; font-size: 14px;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
margin-right: 16px; margin-right: 16px;
} }
.check{ .check {
height: 60px; height: 60px;
background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 17%, rgba(255,255,255,0.6) 100%); background: linear-gradient(
360deg,
#ffffff 0%,
#ffffff 17%,
rgba(255, 255, 255, 0.6) 100%
);
font-size: 16px; font-size: 16px;
color: #0CBC6D; color: #0cbc6d;
line-height: 60px; line-height: 60px;
text-align: center; text-align: center;
width: 100%; width: 100%;
...@@ -2431,31 +2405,30 @@ export default { ...@@ -2431,31 +2405,30 @@ export default {
bottom: 46px; bottom: 46px;
cursor: pointer; cursor: pointer;
} }
} }
} }
.content-right{ .content-right {
.user{ .user {
height: 88px; height: 88px;
border-radius: 4px; border-radius: 4px;
margin-bottom: 12px; margin-bottom: 12px;
background-image: url("../assets/images/index/user_bg.png"); background-image: url("../assets/images/index/user_bg.png");
background-size: cover; background-size: cover;
padding-left: 24px; padding-left: 24px;
h3{ h3 {
font-weight: 700; font-weight: 700;
color: #1C1C28; color: #1c1c28;
font-size: 18px; font-size: 18px;
padding-top: 16px; padding-top: 16px;
padding-bottom: 8px; padding-bottom: 8px;
margin: 0px; margin: 0px;
span{ span {
height: 20px; height: 20px;
background: #FFF2E2; background: #fff2e2;
display: inline-block; display: inline-block;
border-radius: 11px; border-radius: 11px;
border: 1px solid #FFB010; border: 1px solid #ffb010;
color: #FFB010; color: #ffb010;
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
padding: 0 10px; padding: 0 10px;
...@@ -2463,76 +2436,76 @@ export default { ...@@ -2463,76 +2436,76 @@ export default {
font-weight: 400; font-weight: 400;
} }
} }
p{ p {
color: #666666; color: #666666;
font-size: 16px; font-size: 16px;
} }
} }
.search{ .search {
height: 322px; height: 322px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
margin-bottom: 12px; margin-bottom: 12px;
padding: 16px; padding: 16px;
::v-deep .el-input{ ::v-deep .el-input {
height: 32px; height: 32px;
border-radius: 2px; border-radius: 2px;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 14px; margin-top: 14px;
.el-input__inner{ .el-input__inner {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
background: #F3F3F4; background: #f3f3f4;
padding-left: 37px; padding-left: 37px;
border: 0; border: 0;
} }
.el-icon-search{ .el-icon-search {
font-size: 16px; font-size: 16px;
line-height: 32px; line-height: 32px;
color:#0081FF; color: #0081ff;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
} }
.list{ .list {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.item{ .item {
margin: 0 auto; margin: 0 auto;
width: 33.3%; width: 33.3%;
height: 94px; height: 94px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
img{ img {
width: 40px; width: 40px;
height: 40px; height: 40px;
margin-top: 16px; margin-top: 16px;
} }
p{ p {
color: #3D3D3D; color: #3d3d3d;
font-size: 12px; font-size: 12px;
} }
} }
.item:hover{ .item:hover {
background: #F6F9FC; background: #f6f9fc;
} }
} }
} }
.zbgg{ .zbgg {
height: 599px; height: 599px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
.list{ .list {
margin-top: 16px; margin-top: 16px;
} }
.item{ .item {
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #eeeeee;
padding: 10px 0; padding: 10px 0;
cursor: pointer; cursor: pointer;
h3{ h3 {
font-weight: 400; font-weight: 400;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
font-size: 14px; font-size: 14px;
padding-bottom: 8px; padding-bottom: 8px;
margin: 0; margin: 0;
...@@ -2540,41 +2513,41 @@ export default { ...@@ -2540,41 +2513,41 @@ export default {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
p{ p {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
span{ span {
margin-right: 15px; margin-right: 15px;
} }
} }
} }
.item:hover{ .item:hover {
h3{ h3 {
color:#0081FF; color: #0081ff;
} }
} }
.item:last-child{ .item:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
.zbhxr{ .zbhxr {
height: 558px; height: 558px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
.list{ .list {
margin-top: 16px; margin-top: 16px;
} }
.item{ .item {
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #eeeeee;
padding: 10px 0; padding: 10px 0;
cursor: pointer; cursor: pointer;
h3{ h3 {
font-weight: 400; font-weight: 400;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
font-size: 14px; font-size: 14px;
padding-bottom: 8px; padding-bottom: 8px;
margin: 0; margin: 0;
...@@ -2582,27 +2555,27 @@ export default { ...@@ -2582,27 +2555,27 @@ export default {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
p{ p {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
font-size: 14px; font-size: 14px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
span{ span {
margin-right: 15px; margin-right: 15px;
} }
} }
} }
.item:hover{ .item:hover {
h3{ h3 {
color:#0081FF; color: #0081ff;
} }
} }
.item:last-child{ .item:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
} }
} }
</style> </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