张雄 3 years ago
parent 45d86268d3
commit c00154a959

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

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

@ -383,9 +383,15 @@ li.ant-calendar-time-picker-select-option-selected {
background: transparent !important; background: transparent !important;
} }
.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active { .ant-tabs.ant-tabs-card .ant-tabs-card-bar {
border-color: rgb(26, 38, 65) !important; .ant-tabs-tab {
background: rgb(26, 38, 65) !important; 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 { .ant-descriptions-row {
@ -436,4 +442,11 @@ li.ant-calendar-time-picker-select-option-selected {
} }
.ant-anchor-link-active > .ant-anchor-link-title { .ant-anchor-link-active > .ant-anchor-link-title {
color: #3373CC !important; 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; cursor: pointer;
color: #63aecc; color: #63aecc;
font-size: 24px; font-size: 24px;
font-weight: bold;
text-align: center; text-align: center;
line-height: 64px; line-height: 64px;
margin-top: 16px; margin-top: 16px;

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

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

@ -17,7 +17,9 @@
<div class="bdl-d1-dd2"> <div class="bdl-d1-dd2">
<img class="m1" src="../../assets/images/BrandInsight/img_ppdb.png" @click="goRouter('/brandComparisonIndex')"/> <img class="m1" src="../../assets/images/BrandInsight/img_ppdb.png" @click="goRouter('/brandComparisonIndex')"/>
<div class="bdl-d1-dd2-d1"> <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> </div>
<img class="m2" src="../../assets/images/BrandInsight/img_qhpp.png" @click="openBrand"/> <img class="m2" src="../../assets/images/BrandInsight/img_qhpp.png" @click="openBrand"/>
</div> </div>
@ -277,6 +279,25 @@ export default {
.bdl-d1-dd2-d1-s1 { .bdl-d1-dd2-d1-s1 {
display: block; display: block;
font-size: 40px; 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; color: #b2daf7;
width: 100%; width: 100%;
text-align: center; text-align: center;

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

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

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

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

@ -17,7 +17,9 @@
<div class="bdl-d1-dd2"> <div class="bdl-d1-dd2">
<img class="m1" src="../../assets/images/ModelInsight/img_cxdb.png" @click="goRouter('/modelComparison')" /> <img class="m1" src="../../assets/images/ModelInsight/img_cxdb.png" @click="goRouter('/modelComparison')" />
<div class="bdl-d1-dd2-d1"> <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> </div>
<img class="m2" src="../../assets/images/ModelInsight/img_qhcx.png" @click="openModel" /> <img class="m2" src="../../assets/images/ModelInsight/img_qhcx.png" @click="openModel" />
</div> </div>
@ -281,9 +283,28 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: 0 40px; 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 { .bdl-d1-dd2-d1-s1 {
display: block; display: block;
font-size: 40px; font-size: 40px;
font-weight: bold;
color: #b2daf7; color: #b2daf7;
width: 100%; width: 100%;
text-align: center; text-align: center;

@ -64,7 +64,7 @@
</div> </div>
</div> </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-outter">
<div class="modal-top"> <div class="modal-top">
<v-tab-mode :active="activeMode" :btns="['便捷模式', '高级模式']" @change="changeMode"></v-tab-mode> <v-tab-mode :active="activeMode" :btns="['便捷模式', '高级模式']" @change="changeMode"></v-tab-mode>
@ -126,9 +126,8 @@
</a-descriptions> </a-descriptions>
</div> </div>
</div> </div>
<div align="center"> <div class="beCpm-footer" @click="handlerOk">
<v-btn @click="handlerOk"></v-btn> 保存
<v-btn @click="handlerCancel"></v-btn>
</div> </div>
</div> </div>
<div v-if="isHigh==1"> <div v-if="isHigh==1">
@ -156,9 +155,8 @@
<div class="modal-display"> <div class="modal-display">
</div> </div>
</div> </div>
<div align="center"> <div class="beCpm-footer" @click="handlerOk">
<v-btn @click="handlerOk"></v-btn> 保存
<v-btn @click="handlerCancel"></v-btn>
</div> </div>
</div> </div>
<div> <div>
@ -169,7 +167,7 @@
</template> </template>
<script> <script>
import tbEvent from './tbEvent'; import tbEvent from './tbEvent'
import helpContent from './helpContent' import helpContent from './helpContent'
export default { export default {
name: "themeAnalize", name: "themeAnalize",
@ -266,11 +264,11 @@ export default {
.card-items { .card-items {
width: 446px; width: 446px;
height: 240px; 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; border-radius: 4px;
margin-top: 16px; margin-top: 16px;
margin-right: 16px; margin-right: 16px;
border: 2px solid #0091ff; border: 2px solid rgba(0, 145, 255, 0.6);
.card-item-top { .card-item-top {
width: 100%; width: 100%;
} }
@ -316,4 +314,23 @@ export default {
background: rgb(21, 49, 81); 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> </style>

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

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

Loading…
Cancel
Save