张雄 3 years ago
parent 45d86268d3
commit c00154a959

@ -34,7 +34,7 @@ export default {
min-width: 200px;
text-align: center;
line-height: 48px;
font-weight: 500;
font-weight: 600;
color: #63AECC;
font-size: 20px;
cursor: pointer;

@ -18,8 +18,10 @@
<div class="d2">
<div class="d2-d1">{{item.events_title}}</div>
<div class="d2-d2">
<span class="s1">开始时间</span><span class="s2">{{item.minSourcetime}}</span>
<span class="s1" style="margin-left: 40px">信息总量</span><span class="s2" style="margin-left: 8px">{{item.events_count}}</span>
<span class="s1" v-if="item.minSourcetime"></span>
<span class="s2">{{item.minSourcetime}}</span>
<span class="s1" v-if="item.events_count" style="margin-left: 40px"></span>
<span class="s2" style="margin-left: 8px">{{item.events_count}}</span><span v-if="item.events_count" class="s2"></span>
</div>
</div>
<div class="ec-btn" v-if="item.isDel" @click="del(index)">
@ -106,9 +108,9 @@ export default {
.ec-d1-dd1 {
width: 800px;
height: 120px;
background: linear-gradient(180deg, #0088c9 0%, #001c43 100%);
background: linear-gradient(180deg, rgba(0, 136, 201, 0.6), rgba(0, 28, 67, 0.6));
border-radius: 4px;
border: 2px solid #0091ff;
border: 2px solid rgba(0, 145, 255, 0.6);
margin-left: 16px;
display: flex;
justify-content: flex-start;

@ -383,9 +383,15 @@ li.ant-calendar-time-picker-select-option-selected {
background: transparent !important;
}
.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
border-color: rgb(26, 38, 65) !important;
background: rgb(26, 38, 65) !important;
.ant-tabs.ant-tabs-card .ant-tabs-card-bar {
.ant-tabs-tab {
color: rgba(99, 174, 204, 0.6) !important;
}
.ant-tabs-tab-active {
border-color: rgb(26, 38, 65) !important;
background: rgb(26, 38, 65) !important;
color: #63AECC !important;
}
}
.ant-descriptions-row {
@ -436,4 +442,11 @@ li.ant-calendar-time-picker-select-option-selected {
}
.ant-anchor-link-active > .ant-anchor-link-title {
color: #3373CC !important;
}
.ant-modal-body {
padding: 1.5rem 1.5rem 0rem 1.5rem !important;
font-size: 0.875rem !important;
line-height: 1.5 !important;
word-wrap: break-word !important;
}

@ -155,6 +155,7 @@ export default {
cursor: pointer;
color: #63aecc;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 64px;
margin-top: 16px;

@ -193,6 +193,7 @@ export default {
.s1 {
position: absolute;
font-size: 14px;
font-weight: bold;
color: #b2daf8;
top: 52px;
left: 43px;
@ -203,6 +204,7 @@ export default {
left: 110px;
color: #fff;
font-size: 20px;
font-weight: bold;
}
.s3 {
display: block;
@ -218,6 +220,7 @@ export default {
text-align: center;
line-height: 28px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
}

@ -152,6 +152,7 @@ export default {
text-align: center;
line-height: 28px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
}

@ -17,7 +17,9 @@
<div class="bdl-d1-dd2">
<img class="m1" src="../../assets/images/BrandInsight/img_ppdb.png" @click="goRouter('/brandComparisonIndex')"/>
<div class="bdl-d1-dd2-d1">
<span class="bdl-d1-dd2-d1-s1">{{this.brand}}</span>
<span class="bdl-d1-dd2-d1-s3" v-if="brand.length>=9">{{this.brand}}</span>
<span class="bdl-d1-dd2-d1-s2" v-else-if="brand.length>=6">{{this.brand}}</span>
<span class="bdl-d1-dd2-d1-s1" v-else>{{this.brand}}</span>
</div>
<img class="m2" src="../../assets/images/BrandInsight/img_qhpp.png" @click="openBrand"/>
</div>
@ -277,6 +279,25 @@ export default {
.bdl-d1-dd2-d1-s1 {
display: block;
font-size: 40px;
font-weight: bold;
color: #b2daf7;
width: 100%;
text-align: center;
margin-top: 150px;
}
.bdl-d1-dd2-d1-s2 {
display: block;
font-size: 28px;
font-weight: bold;
color: #b2daf7;
width: 100%;
text-align: center;
margin-top: 150px;
}
.bdl-d1-dd2-d1-s3 {
display: block;
font-size: 24px;
font-weight: bold;
color: #b2daf7;
width: 100%;
text-align: center;

@ -218,6 +218,7 @@ export default {
padding-top: 16px;
height: 88px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.d2 {

@ -203,6 +203,7 @@ export default {
padding-top: 16px;
height: 88px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.d2 {

@ -298,6 +298,7 @@ export default {
cursor: pointer;
text-align: center;
color: #63aecc;
font-weight: bold;
line-height: 28px;
}
.mc-t {

@ -232,6 +232,7 @@ export default {
background-size: 100% 100%;
cursor: pointer;
text-align: center;
font-weight: bold;
color: #63aecc;
line-height: 28px;
}
@ -249,12 +250,14 @@ export default {
line-height: 78px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #0090ff;
margin-left: 17px;
}
.m-t-s1 {
display: block;
font-size: 20px;
font-weight: bold;
color: #fff;
margin-left: 6px;
}

@ -17,7 +17,9 @@
<div class="bdl-d1-dd2">
<img class="m1" src="../../assets/images/ModelInsight/img_cxdb.png" @click="goRouter('/modelComparison')" />
<div class="bdl-d1-dd2-d1">
<span class="bdl-d1-dd2-d1-s1">{{model}}</span>
<span v-if="model.length >= 10" class="bdl-d1-dd2-d1-s3">{{model}}</span>
<span v-else-if="model.length >= 7" class="bdl-d1-dd2-d1-s2">{{model}}</span>
<span v-else class="bdl-d1-dd2-d1-s1">{{model}}</span>
</div>
<img class="m2" src="../../assets/images/ModelInsight/img_qhcx.png" @click="openModel" />
</div>
@ -281,9 +283,28 @@ export default {
background-repeat: no-repeat;
background-size: cover;
background-position: 0 40px;
.bdl-d1-dd2-d1-s3 {
display: block;
font-size: 20px;
font-weight: bold;
color: #b2daf7;
width: 100%;
text-align: center;
margin-top: 150px;
}
.bdl-d1-dd2-d1-s2 {
display: block;
font-size: 28px;
font-weight: bold;
color: #b2daf7;
width: 100%;
text-align: center;
margin-top: 150px;
}
.bdl-d1-dd2-d1-s1 {
display: block;
font-size: 40px;
font-weight: bold;
color: #b2daf7;
width: 100%;
text-align: center;

@ -64,7 +64,7 @@
</div>
</div>
</div>
<a-modal :title="modalObj.title" width="1200px" :footer="null" :visible="modalObj.visible" :dialog-style="{ top: '20px' }">
<a-modal :title="modalObj.title" @cancel="onClose" width="1200px" :footer="null" :visible="modalObj.visible" :dialog-style="{ top: '20px' }">
<div class="modal-outter">
<div class="modal-top">
<v-tab-mode :active="activeMode" :btns="['便捷模式', '高级模式']" @change="changeMode"></v-tab-mode>
@ -126,9 +126,8 @@
</a-descriptions>
</div>
</div>
<div align="center">
<v-btn @click="handlerOk"></v-btn>
<v-btn @click="handlerCancel"></v-btn>
<div class="beCpm-footer" @click="handlerOk">
保存
</div>
</div>
<div v-if="isHigh==1">
@ -156,9 +155,8 @@
<div class="modal-display">
</div>
</div>
<div align="center">
<v-btn @click="handlerOk"></v-btn>
<v-btn @click="handlerCancel"></v-btn>
<div class="beCpm-footer" @click="handlerOk">
保存
</div>
</div>
<div>
@ -169,7 +167,7 @@
</template>
<script>
import tbEvent from './tbEvent';
import tbEvent from './tbEvent'
import helpContent from './helpContent'
export default {
name: "themeAnalize",
@ -266,11 +264,11 @@ export default {
.card-items {
width: 446px;
height: 240px;
background: linear-gradient(180deg, #0088c9 0%, #001c43 100%);
background: linear-gradient(180deg, rgba(0, 136, 201, 0.6), rgba(0, 28, 67, 0.6));
border-radius: 4px;
margin-top: 16px;
margin-right: 16px;
border: 2px solid #0091ff;
border: 2px solid rgba(0, 145, 255, 0.6);
.card-item-top {
width: 100%;
}
@ -316,4 +314,23 @@ export default {
background: rgb(21, 49, 81);
}
}
.beCpm-footer {
position: relative;
width: 354px;
height: 64px;
background-image: url("../../assets/images/login/img_dlan_nor.png");
background-repeat: no-repeat;
background-size: cover;
bottom: 0px;
left: 50%;
transform: translate(-50%);
cursor: pointer;
color: #63aecc;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 64px;
margin-top: 16px;
}
</style>

@ -33,6 +33,7 @@ export default {
},
//新增按钮
handlerAdd() {
this.modalObj.title = '新建主题'
this.reSet();
this.combo = {
number: 0,
@ -46,6 +47,7 @@ export default {
},
//编辑修改
handlerEdit(guids) {
this.modalObj.title = '编辑主题'
let obj = {
token: this.getToken,
Guids: guids
@ -80,6 +82,9 @@ export default {
},
//删除确认框
cancel() {},
onClose() {
this.modalObj.visible = false;
},
//新增确认框
handlerOk() {
let newForm = {

@ -159,7 +159,7 @@ export default {
background-image: url("../../../assets/images/EventInsight/img_xlq.png");
background-repeat: no-repeat;
background-size: cover;
font-size: 14px;
font-size: 11px;
color: #b0deff;
text-align: center;
line-height: 120px;
@ -202,6 +202,7 @@ export default {
padding-top: 16px;
height: 88px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.d2 {

Loading…
Cancel
Save