mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

客服及样式修改

Browse Source
cyl/dev
wangxia 1 year ago
parent ad791024ec
commit 6e57ac94ff
1 changed files with 194 additions and 290 deletions
Show Stats Download Patch File Download Diff File

484
src/components/FirstJob/detail.vue
Unescape Escape View File

@ -1,128 +1,47 @@
<template>
<div class="detail-container">
<div style="height: 56px;"></div>
<div style="height: 56px"></div>
<!-- 面包屑 -->
<a-breadcrumb class="w" style="width: 960px;min-width: 960px;">
<a-breadcrumb class="w" style="width: 960px; min-width: 960px">
<a-breadcrumb-item href>
<router-link to="/main">
<a-icon type="home" />
</router-link>
</a-breadcrumb-item>
<a-breadcrumb-item href>
<a-breadcrumb-item href>
<a @click="toList">
<span>{{ "职位列表" }}</span>
<span>{{ "职位列表" }}</span>
</a>
</a-breadcrumb-item>
<a-breadcrumb-item href>
<span style="color: #333">{{ from == "vocational" ? "详情" : "职位详情" }}</span>
<span style="color: #333">{{ "职位详情" }}</span>
</a-breadcrumb-item>
</a-breadcrumb>
<!-- 主体区域 -->
<div class="maincontent w g_flex_row_between">
<div class="m-money-obj g_mb_20 g_p_20 g_flex_row_between"
style="background-color: #fff;border-radius: 6px;width: 800px;margin: 0 auto 20px;"
v-if="false"
>
<div class="maincontent w g_flex_row_between">
<div class="m-money-obj g_mb_20 g_p_20 g_flex_row_between" style="background-color: #fff; border-radius: 6px; width: 800px; margin: 0 auto 20px" v-if="false">
<div class="g_flex_row_start">
<div style="font-size: 16px;font-weight: 600;margin-right: 4px;">代理佣金</div>
<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer;">
<i class="iconfont icon-zhengyan11" style="font-size: 22px;color: #ff4400;line-height: 0.1;" v-if="isSee"></i>
<i class="iconfont icon-biyan11" style="font-size: 22px;color: #ff4400;line-height: 0.1;margin-top: -4px;" v-if="!isSee"></i>
<div style="font-size: 16px; font-weight: 600; margin-right: 4px">代理佣金</div>
<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer">
<i class="iconfont icon-zhengyan11" style="font-size: 22px; color: #ff4400; line-height: 0.1" v-if="isSee"></i>
<i class="iconfont icon-biyan11" style="font-size: 22px; color: #ff4400; line-height: 0.1; margin-top: -4px" v-if="!isSee"></i>
</div>
</div>
<div class="g_flex_row_end" @click="viewDetail" style="cursor: pointer;">
<div class="g_flex_row_end" @click="viewDetail" style="cursor: pointer">
<div class="g_flex_column_center g_fs_14">
<span v-if="isSee">
{{ jobDetail.servetype }}
</span>
<span v-if="!isSee">
***
</span>
<span v-if="!isSee"> *** </span>
</div>
<div class="g_flex_column_center">
<i class="iconfont icon-xiangyou1"></i>
</div>
</div>
</div>
<!-- 职教 -->
<div class="maincontentleft" v-if="from == 'vocational'">
<div class="subset">
<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
<div class="subsetleft" v-show="!skeletonshow">
<div class="info">
<!-- <div class="imgbox">
<img v-if="jobDetail.logo" :src="jobDetail.logo" alt />
<div v-else class="default_avatar">{{ jobDetail.vocationalName }}</div>
</div> -->
<div class="jobinfobox">
<div>
<div class="jobname">{{ jobDetail.vocationalName }}</div>
<div class="jobinfo">
<span>{{ jobDetail.district || "河南省 | 郑州市 | 16-35岁" }}</span>
<!-- <span>{{ jobDetail.district }}</span>
<span>{{ jobDetail.gender }}</span>
<span>{{ jobDetail.age }}</span> -->
</div>
<div class="jobpricemonth" style="margin-top: 12px">
<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ jobDetail.salary }} </span>
</div>
</div>
<div style="margin-top: 8px; font-size: 14px; font-weight: normal; text-align: left; color: #1890ff; font-weight: 600">
<span class="" style="font-size: 24px">学费{{ jobDetail.tuition }}</span>
<span style="font-size: 16px"> | 课期{{ jobDetail.semester }}</span>
</div>
</div>
</div>
<div class="swiperBox">
<div id="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in [...vocationalImgList]" :key="index">
<img :src="item" alt v-if="isImg(item)" @click="showImage(index)" style="cursor: pointer" />
<div v-if="!isImg(item)">
<div style="position: absolute; width: 78px; height: 78px; left: 0; top: 0; z-index: 99; background-color: transparent; cursor: pointer" @click.stop="handlePreview(item)"></div>
<video class="imgSpan" style="width: 80px; height: 45px" controls>
<source :src="item" type="video/mp4" />
<source :src="item" type="video/ogg" />
您的浏览器不支持 HTML5 video 标签。
</video>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<a-modal :visible="previewVisible" wrapClassName="spic" centered :footer="null" @cancel="handleCancel">
<video style="width: 100%; max-height: calc(100vh - 40px)" id="movie" autoplay :src="previewImage" controls="controls" />
</a-modal>
</div>
<div class="subsetright">
<div class="topbox" v-if="false">
<div>服务费</div>
<div>
<span>{{ jobDetail.serviceCharge }}</span>
</div>
</div>
<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ jobDetail.up_time }}</div>
<div class="sub-bottombox">
<!-- <button type="primary" class="jobDespBtn">
<a :href="customServiceUrl" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
</button> -->
<button class="dropdown bottombox1" @click="showRecord">报名</button>
<!-- <button class="norecruitment bottombox1" v-else>暂时停招</button> -->
</div>
</div>
</div>
<div style="padding: 0 16px">
<div class="" style="color: #333; font-size: 20px; font-weight: 600; margin: 32px 0 16px">职教描述</div>
<div class="c7" style="white-space: pre-line; font-size: 16px">
{{ jobDetail.desp }}
</div>
</div>
</div>
<!-- 非职教 -->
<div class="maincontentleft" v-else>
<div class="maincontentleft">
<div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
<div class="subset">
@ -134,42 +53,75 @@
<img v-else src="../../../static/img/nopicture.png" alt />
</div> -->
<div class="jobinfobox">
<div class="jobname">{{ jobDetail.jobName }}
<span class="hotTag" v-if="jobDetail.hotJob == 1">
<div class="g_flex_row_between">
<div class="jobname">
{{ jobDetail.jobName }}
<span class="hotTag" v-if="jobDetail.hotJob == 1">
<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
主推
</span>
</div>
</div>
<div style="color: #a1a1a1; font-size: 14px; margin-left: 15px">{{ jobDetail.up_time }}</div>
</div>
<div class="jobinfo">
<span>{{ jobDetail.district ? jobDetail.district + ' | ' : '' }} </span>
<span>{{ jobDetail.district ? jobDetail.district + " | " : "" }} </span>
<span>{{ jobDetail.gender }}</span>
<span>{{ jobDetail.age }}</span>
</div>
<div class="jobtag" >
<a-tag :color="labelColor[index % labelColor.length]"
style="margin-bottom: 8px;"
v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index"
>
<div class="jobtag">
<a-tag :color="labelColor[index % labelColor.length]" style="margin-bottom: 8px" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">
{{ item }}
</a-tag>
</div>
<div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
<a-tag :color="labelColor[1]">暂无要求</a-tag>
</div>
<!-- <div class="jobtag1">
<!-- <div class="jobtag1">
<a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
</div>
<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
<a-tag style="background-color: #f5f5f5">暂无特色</a-tag>
</div> -->
<div style="display: flex; align-items: center; height: 26px;margin-top: 8px;">
<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth">
<span>{{ jobDetail.minMonthlyPay/100 }}</span
>-<span>{{ jobDetail.maxMonthlyPay/100 }}</span
>元/月
<div class="g_flex_row_between">
<div style="display: flex; align-items: center; height: 26px; margin-top: 8px">
<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
<div class="jobpricemonth">
<span>{{ jobDetail.minMonthlyPay / 100 }}</span
>-<span>{{ jobDetail.maxMonthlyPay / 100 }}</span
>元/月
</div>
</div>
<div class="sub-bottombox fss">
<button type="primary" class="jobDespBtn g_fs_14" style="padding: 0 15px; width: 116px">
<a :href="jobDetail.customServiceUrl || 'javascript:;'" target="_blank" v-if="jobDetail.customServiceUrl">
<a-icon class="g_fs_14" type="message" />
联系客服
</a>
<a href="javascript:;" v-else @click="noCustom">
<a-icon class="g_fs_14" type="message" />
联系客服
</a>
</button>
<!-- <a-dropdown :trigger="['click']" overlayClassName="special-dropdown" v-else>
<button type="primary" class="jobDespBtn"
style="padding: 0 15px;width: 116px;"
>
<a href="javascript:;" target="_blank"
style="font-size: 14px;"
>
<i class="iconfont icon-kefu_lan mr6"></i>
联系客服
</a>
</button>
<a-menu slot="overlay" style="padding: 0 10px">
<a-menu-item v-for="(item, index) in customServiceUsers" :key="index"> <i class="iconfont icon-dianhua1 mr4 f14" style="color: #1890ff"></i>{{ item.aliasName }} {{ item.tel }} </a-menu-item>
</a-menu>
</a-dropdown> -->
<a-button class="" @click="torecord()" v-if="jobDetail.recruitment == '1'" type="primary" style="font-size: 14px">立即报名</a-button>
<button class="norecruitment bottombox1" v-else>暂时停招</button>
</div>
</div>
</div>
@ -205,38 +157,9 @@
<span>{{ jobDetail.servetype }}</span>
</div>
</div>
<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ jobDetail.up_time }}</div>
<div class="sub-bottombox fss">
<button type="primary" class="jobDespBtn" v-if="jobClassify == 1">
<a :href="jobDetail.customServiceUrl || 'javascript:;'" target="_blank" v-if="jobDetail.customServiceUrl">
<i class="iconfont icon-kefu_lan mr6"></i>联系客服1
</a>
<a href="javascript:;" v-else @click="noCustom">
<i class="iconfont icon-kefu_lan mr6"></i>联系客服2
</a>
</button>
<a-dropdown :trigger="['click']" overlayClassName="special-dropdown" v-else>
<button type="primary" class="jobDespBtn"
style="padding: 0 15px;width: 116px;"
>
<a href="javascript:;" target="_blank"
style="font-size: 14px;"
>
<i class="iconfont icon-kefu_lan mr6"></i>
联系客服
</a>
</button>
<a-menu slot="overlay" style="padding: 0 10px">
<a-menu-item v-for="(item, index) in customServiceUsers" :key="index"> <i class="iconfont icon-dianhua1 mr4 f14" style="color: #1890ff"></i>{{ item.aliasName }} {{ item.tel }} </a-menu-item>
</a-menu>
</a-dropdown>
<a-button class="" @click="torecord()"v-if="jobDetail.recruitment == '1'" type="primary" style="font-size: 14px;">立即报名</a-button>
<button class="norecruitment bottombox1" v-else>暂时停招</button>
</div>
</div>
</div>
<div class="jobinformationbox" style="padding-left: 20px;padding-top: 4px;">
<div class="jobinformationbox" style="padding-left: 20px; padding-top: 4px">
<h1>
<div class="infotitle">
<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
@ -245,8 +168,8 @@
</div>
</h1>
<div class="pay" id="tip" v-show="tabchange === 1">
<div class="mb12 mt20 titlestyle" >温馨提示</div>
<div class="showInfo" style="width: unset;color: #ff4400 !important;">{{ jobDetail.notes || "-" }}</div>
<div class="mb12 mt20 titlestyle">温馨提示</div>
<div class="showInfo" style="width: unset; color: #ff4400 !important">{{ jobDetail.notes || "-" }}</div>
</div>
<div v-if="tabchange === 1" style="display: flex">
<!-- 薪资 -->
@ -291,7 +214,6 @@
</a-descriptions-item>
</template> -->
<!-- <a-descriptions-item>
<span slot="label" class>福利待遇</span>
<span>{{ jobDetail.boon || "-" }}</span>
@ -318,7 +240,7 @@
女 {{ jobDetail.minAgeWoman }}<span>{{ "- " + jobDetail.maxAgeWoman }}</span
>岁
</span>
{{jobDetail.genderRemark || ''}}
{{ jobDetail.genderRemark || "" }}
</span>
</a-descriptions-item>
<!-- <a-descriptions-item>
@ -406,7 +328,7 @@
<span slot="label" class>面试地点</span>
<span>{{ jobDetail.interviewAddr || "-" }}</span>
</a-descriptions-item>
<a-descriptions-item class="test1">
<a-descriptions-item class="test1">
<span slot="label" class>面试说明</span>
<span>{{ jobDetail.interviewDesp || "-" }}</span>
</a-descriptions-item>
@ -463,53 +385,40 @@
<div class="mb12 mt20 titlestyle">职位通告</div>
<div class="showInfo" style="width: unset; color: #000 !important">
<div class="copy" @click="copyText($event)">复制</div>
<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobInfo.split('————————')[0] || "-" }}</div>
<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobInfo.split("————————")[0] || "-" }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="maincontentright">
<div class="card-top g_flex_row_between"
style="padding-left: 16px;padding-right: 16px;font-size: 16px;background-color: #1890ff;height: 40px;border-top-left-radius: 6px;border-top-right-radius: 6px;"
>
<div class="card-top g_flex_row_between" style="padding-left: 16px; padding-right: 16px; font-size: 16px; background-color: #1890ff; height: 40px; border-top-left-radius: 6px; border-top-right-radius: 6px">
<div class="g_flex_column_center">
<i style="color: #fff;font-weight: 600;">代理佣金</i>
<i style="color: #fff; font-weight: 600">代理佣金</i>
</div>
<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer;">
<i class="iconfont icon-zhengyan11" style="font-size: 22px;color: #fff;line-height: 0.1;" v-if="isSee"></i>
<i class="iconfont icon-biyan11" style="font-size: 22px;color: #fff;line-height: 0.1;margin-top: -4px;" v-if="!isSee"></i>
<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer">
<i class="iconfont icon-zhengyan11" style="font-size: 22px; color: #fff; line-height: 0.1" v-if="isSee"></i>
<i class="iconfont icon-biyan11" style="font-size: 22px; color: #fff; line-height: 0.1; margin-top: -4px" v-if="!isSee"></i>
</div>
</div>
<div class="card-bottom" style="background-color: #fff;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;padding: 16px;">
<div class="box" style="border-radius: 6px;border: 1px solid #ededed;min-height: 288px;">
<div class="title g_flex_row_start"
style="height: 40px;border-bottom: 1px solid #ededed;padding: 0 16px;"
>
<div style="font-size: 14px;height: 100%;font-weight: 600;" class="g_flex_column_center">
佣金：
</div>
<div class="g_flex_column_center" style="font-size: 14px;height: 100%;color: #999;">
<div class="card-bottom" style="background-color: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 16px">
<div class="box" style="border-radius: 6px; border: 1px solid #ededed; min-height: 288px">
<div class="title g_flex_row_start" style="height: 40px; border-bottom: 1px solid #ededed; padding: 0 16px">
<div style="font-size: 14px; height: 100%; font-weight: 600" class="g_flex_column_center">佣金：</div>
<div class="g_flex_column_center" style="font-size: 14px; height: 100%; color: #999">
<span v-if="isSee">
{{ jobDetail.servetype }}
</span>
<span v-if="!isSee">
***
</span>
<span v-if="!isSee"> *** </span>
</div>
</div>
<div class="content g_p_16">
<div class="con"
style="white-space:pre-wrap;font-size: 14px;color: #999;"
>
<span v-if="isSee">
{{ jobDetail.returnFeeDesp || '-' }}
</span>
<span v-if="!isSee">
***
</span>
</div>
<div class="con" style="white-space: pre-wrap; font-size: 14px; color: #999">
<span v-if="isSee">
{{ jobDetail.returnFeeDesp || "-" }}
</span>
<span v-if="!isSee"> *** </span>
</div>
</div>
</div>
</div>
@ -520,7 +429,7 @@
</template>
<script>
import { getJobDetailApi } from "../../api/job";
import { disposeJobListData, getSalaryClassifyValue,setJobInfoPosition } from "../../utils/commonUtil";
import { disposeJobListData, getSalaryClassifyValue, setJobInfoPosition } from "../../utils/commonUtil";
import mserve from "../../components/FirstJob/components/servre.vue";
import { nationlist } from "../../utils/datalist";
import { getUserManagerApi } from "../../api/userinfo";
@ -577,7 +486,7 @@ export default {
// 组件状态值
data() {
return {
isSee:true,
isSee: true,
agency: {},
onSiteUsersInfo: "",
customServiceUsers: [],
@ -627,7 +536,6 @@ export default {
customServiceUrl: "", // 客服信息
from: null, // 来源
recordShow: false,
vocationalImgList: ["https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job4.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job5.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job6.png"],
zhijiaoList: [
// 职教列表
{
@ -813,9 +721,9 @@ export default {
console.log("PAGE_TYPE", JSON.parse(sessionStorage.getItem("PAGE_TYPE")));
}
if(this.$route.query.jobClassify){
this.jobClassify = this.$route.query.jobClassify
}
if (this.$route.query.jobClassify) {
this.jobClassify = this.$route.query.jobClassify;
}
if (this.$route.query.id) {
this.id = this.$route.query.id;
}
@ -884,9 +792,9 @@ export default {
},
// 组件方法
methods: {
noCustom() {
this.$message.error('此职位暂未接入客服');
},
noCustom() {
this.$message.error("此职位暂未接入客服");
},
async getJobDetail() {
console.log("this.id", this.id);
try {
@ -977,7 +885,7 @@ export default {
}
});
}
this.jobDetail.up_time = this.timeShowXXX2(this.jobDetail.updateTime)
this.jobDetail.up_time = this.timeShowXXX2(this.jobDetail.updateTime);
this.storeImage = [...storeImage, ...storeVideo];
console.log("this.storeImage", this.storeImage);
} else {
@ -990,8 +898,8 @@ export default {
} catch (error) {
console.log(error);
}
},
timeShowXXX2(val){
},
timeShowXXX2(val) {
const now = Date.now();
const diff = now - val;
@ -1001,15 +909,15 @@ export default {
const days = Math.floor(hours / 24);
if (days < 2) {
if (hours > 0) {
return `${hours}小时前`;
} else if (minutes > 0) {
return `${minutes}分钟前`;
} else {
return `${seconds}秒前`;
}
if (hours > 0) {
return `${hours}小时前`;
} else if (minutes > 0) {
return `${minutes}分钟前`;
} else {
return `${seconds}秒前`;
}
} else {
return `${days}天前`;
return `${days}天前`;
}
},
/**
@ -1114,21 +1022,13 @@ export default {
showImage(idx, type) {
var that = this;
console.log(that.storeImage);
if (this.from == "vocational") {
that.vocationalImgList.forEach((item, index) => {
if (that.isImg(item)) {
that.imgList.push(item);
}
});
} else {
that.storeImage.forEach((item, index) => {
if (that.isImg(item)) {
that.imgList.push(item);
}
});
if (type == "logo") {
that.imgList.unshift(that.jobDetail.logo || that.jobDetail.store.logo);
that.storeImage.forEach((item, index) => {
if (that.isImg(item)) {
that.imgList.push(item);
}
});
if (type == "logo") {
that.imgList.unshift(that.jobDetail.logo || that.jobDetail.store.logo);
}
this.$viewerApi({
@ -1162,7 +1062,7 @@ export default {
toList() {
// 跳转到列表页
this.$router.push({
path: this.from == "vocational" ? "/list?type=vocational" : "/list?",
path: "/list",
// query: {
// pagenum: this.currentPageNum || "",
// },
@ -1173,15 +1073,15 @@ export default {
this.previewVisible = true;
},
viewDetail(){
viewDetail() {
let that = this;
console.log('ces',that.jobDetail.returnFeeDesp);
console.log("ces", that.jobDetail.returnFeeDesp);
const h = this.$createElement;
this.$info({
title: that.jobDetail.returnFeeDesp || '-',
onOk() {},
});
}
title: that.jobDetail.returnFeeDesp || "-",
onOk() {},
});
},
},
};
</script>
@ -1381,36 +1281,36 @@ export default {
display: flex;
flex-direction: column;
justify-content: space-between;
// .hotTag {
// display: flex;
// line-height: 44px;
// margin-left: 18px;
// div {
// font-size: 14px;
// }
// li {
// margin-right: 12px;
// color: #ff6a00;
// font-size: 14px;
// cursor: pointer;
// }
// > .active {
// text-decoration: underline;
// }
// }
.hotTag {
background-color: #1890ff;
// .hotTag {
// display: flex;
// line-height: 44px;
// margin-left: 18px;
// div {
// font-size: 14px;
// }
// li {
// margin-right: 12px;
// color: #ff6a00;
// font-size: 14px;
// cursor: pointer;
// }
// > .active {
// text-decoration: underline;
// }
// }
.hotTag {
background-color: #1890ff;
color: #fff;
font-size: 12px;
padding: 2px 4px;
border-radius: 2px;
position: relative;
top: -3px;
i {
margin-right: 4px;
color: #fff;
font-size: 12px;
padding:2px 4px;
border-radius: 2px;
position: relative;
top: -3px;
i {
margin-right: 4px;
color: #fff;
}
}
}
.jobname {
// margin: 12px 0;
font-size: 20px;
@ -1434,6 +1334,9 @@ export default {
.jobtag1 {
margin-top: 12px;
text-align: left;
max-width: 80%;
overflow: hidden;
height: 34px;
// span:first-child {
// color: #1890ff;
// background: rgba(254, 97, 0, 0.1);
@ -1528,48 +1431,7 @@ export default {
}
}
}
}
.subsetright {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
.topbox {
width: 116px;
height: 54px;
text-align: center;
overflow: hidden;
border-radius: 4px;
line-height: 30px;
div {
// font-weight: normal;
font-size: 16px;
span:first-of-type {
font-size: 20px;
// font-weight: normal;
}
}
div:first-child {
height: 24px;
background: #ff4400;
line-height: 21px;
font-size: 14px;
color: #ffffff;
border: 1px solid #ff4400;
border-radius: 4px 4px 0px 0px;
}
div:last-child {
font-weight: normal;
background-color: #ff6a001a;
color: #ff4400;
font-size: 18px;
span:last-child {
font-size: 16px;
}
}
}
.sub-bottombox {
.sub-bottombox {
font-size: 16px;
.bottombox1 {
@ -1593,7 +1455,7 @@ export default {
// width: 116px;
height: 32px;
line-height: 30px;
font-size: 16px;
font-size: 14px;
margin-right: 20px;
// border: 1px solid rgba(77, 87, 94, 0.3);
border-radius: 4px;
@ -1625,6 +1487,48 @@ export default {
}
}
}
.subsetright {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
.topbox {
width: 116px;
height: 54px;
text-align: center;
overflow: hidden;
border-radius: 4px;
line-height: 30px;
div {
// font-weight: normal;
font-size: 16px;
span:first-of-type {
font-size: 20px;
// font-weight: normal;
}
}
div:first-child {
height: 24px;
background: #ff4400;
line-height: 21px;
font-size: 14px;
color: #ffffff;
border: 1px solid #ff4400;
border-radius: 4px 4px 0px 0px;
}
div:last-child {
font-weight: normal;
background-color: #ff6a001a;
color: #ff4400;
font-size: 18px;
span:last-child {
font-size: 16px;
}
}
}
}
}
.proxy {
margin-bottom: 16px;

Write Preview
Loading…
Cancel
Save