From f150b0d132e5eecfcd3f9970d3910f05c0c22171 Mon Sep 17 00:00:00 2001 From: zsk <710162063@qq.com> Date: Thu, 13 Jun 2024 15:06:45 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E5=90=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/FirstJob/detail.vue | 5 +- src/components/FirstJob/joblist.vue | 12 +- src/components/FirstJob/recordBill.vue | 82 ++- src/components/FirstJob/recordBillTable.vue | 180 ++++++ src/style/index.css | 967 ++++++++++++++++++++++++++++ src/style/index.less | 2 +- 6 files changed, 1208 insertions(+), 40 deletions(-) create mode 100644 src/components/FirstJob/recordBillTable.vue create mode 100644 src/style/index.css diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue index 0ec4a5b..436d712 100644 --- a/src/components/FirstJob/detail.vue +++ b/src/components/FirstJob/detail.vue @@ -453,7 +453,7 @@

- 职位详情 + 企业详情

@@ -886,6 +886,7 @@ export default { let storeImage = []; let storeVideo = []; if(data.data.storeImage){ + data.data.storeImage.forEach((item) => { console.log(item.url); @@ -1424,7 +1425,7 @@ export default { } div:last-child { font-weight: normal; - background-color: #fff4e3; + background-color: #fff3ef; color: #ff4400; font-size: 18px; span:last-child { diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue index 90e549b..cbaeeab 100644 --- a/src/components/FirstJob/joblist.vue +++ b/src/components/FirstJob/joblist.vue @@ -504,7 +504,7 @@
- +
{{ item.brandName || item.jobName }}
@@ -516,8 +516,8 @@ >-->
{{ item.jobName }}
- - {{item.agencyName}} + + {{item.agencyName}}
@@ -1416,16 +1416,18 @@ export default { // pageSize: 8, // total: null, //分页配置 // } - this.formvalue.aliasName = ""; + // this.formvalue.aliasName = ""; this.formvalue.ageStr = ""; if (this.searchValue.trim() !== "") { this.formvalue.pageNum = 1; console.log(this.searchValue); if (typeof +this.searchValue.trim() == "number" && !isNaN(+this.searchValue.trim())) { this.formvalue.ageStr = this.searchValue.trim(); + this.formvalue.keys = ""; } else { - this.formvalue.aliasName = this.searchValue.trim(); + // this.formvalue.aliasName = this.searchValue.trim(); this.formvalue.keys = this.searchValue.trim(); + this.formvalue.ageStr = "" } // console.log("search1"); // this.formvalue.aliasName = this.searchValue; diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue index 5b394c4..4711e33 100644 --- a/src/components/FirstJob/recordBill.vue +++ b/src/components/FirstJob/recordBill.vue @@ -24,7 +24,7 @@
- + +
+ + {{ firminfo.jobName }} + + + + 修改 +
+ + + +
- {{ firminfo.aliasName }} + {{ firminfo.aliasName || "-" }} + -
- {{ firminfo.jobName }} - - {{ i.aliasName }} - - 修改 + >修改 -->
+ + + {{ agencyName }} + + @@ -105,7 +108,7 @@ - + @@ -128,7 +131,7 @@ />-->
-
上传证件
+
拖拽上传
@@ -210,8 +213,8 @@
--> - - + + @@ -269,6 +272,7 @@ import request from "@/utils/request"; import qs from "qs"; // import axios from "axios"; import $ from "jquery"; +import recordBillTable from "./recordBillTable.vue"; // import axiosUpload from "axios"; export default { inject: ["reload"], @@ -276,6 +280,7 @@ export default { name: "recordBill", // 局部注册的组件 components: { + recordBillTable, // recordbill, timepicker, }, @@ -284,6 +289,11 @@ export default { // 组件状态值 data() { return { + isModalVisible:false, + + + agencyName: "-", + jobClassify: "", fileList2: [], fileListT2: [], // facetimedate: "", @@ -435,6 +445,8 @@ export default { } else { this.firminfo = this.$route.params; } + + this.jobClassify = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).jobClassify; console.log(JSON.parse(sessionStorage.getItem("CURRENT_FIRM"))); console.log(this.firminfo); // this.userinfo = JSON.parse(userinfo); @@ -459,6 +471,10 @@ export default { }, // 组件方法 methods: { + openModal() { + this.isModalVisible = true; + // 可在此处加载或更新表格数据 + }, async getJob(value) { try { const { data } = await getStoreJobApi(value.id); @@ -517,9 +533,11 @@ export default { // }, async getJobDetail(value) { try { - const { data } = await getJobDetailApi(value); + const { data } = await getJobDetailApi(value, this.jobClassify); console.log(data); if (data.status === 200) { + this.agencyName = data.data.agency.agencyName; + this.form.policyNum = data.data.storeJob.policyNum; console.log(this.form.policyNum); if (this.form.policyNum == "" && this.form.policy != "") { @@ -941,10 +959,10 @@ export default { .catch((err) => { console.log(err); }); - }) + }) .then((response) => { console.log("响应的数据", response); - let dataObj = {} + let dataObj = {}; dataObj.policy = response.data.policy; dataObj.signature = response.data.signature; dataObj.ossaccessKeyId = response.data.accessid; @@ -1086,7 +1104,7 @@ export default { }, selected() { // if (!isEmptyCheck(this.form.qiyeId)) { - this.jobnameStatus = "jobname"; + // this.jobnameStatus = "jobname"; // } else { // this.$message.warning("请先选择企业"); // } diff --git a/src/components/FirstJob/recordBillTable.vue b/src/components/FirstJob/recordBillTable.vue new file mode 100644 index 0000000..884c513 --- /dev/null +++ b/src/components/FirstJob/recordBillTable.vue @@ -0,0 +1,180 @@ + + + + + diff --git a/src/style/index.css b/src/style/index.css new file mode 100644 index 0000000..b8ed346 --- /dev/null +++ b/src/style/index.css @@ -0,0 +1,967 @@ +@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css"; +@font-face { + font-family: "DingTalk"; + /* 这里的字体名称是自定义的 */ + src: url("../assets/fonts/DingTalk\ Sans.ttf"); + /* 服务器上ttf文件的路径，记得配置域名权限 */ + font-weight: normal; + font-style: normal; + font-display: swap; +} +.lNum { + opacity: 1; + font-size: 32px; + font-weight: 400; + text-align: right; + color: #fff; + line-height: 39px; + font-family: "DingTalk"; +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +blockquote, +dl, +dt, +dd, +ul, +ol, +li, +pre, +form, +fieldset, +legend, +button, +input, +textarea, +th, +td, +div { + margin: 0; + padding: 0; + color: #333; + font-family: PingFangSC, PingFangSC-Regular; +} +body, +button, +input, +select, +textarea { + font-family: PingFangSC, PingFangSC-Regular; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; +} +address, +cite, +dfn, +em, +var { + font-style: normal; +} +code, +kbd, +pre, +samp { + font-family: couriernew, courier, monospace; +} +small { + font-size: 12px; +} +ul, +ol { + list-style: none; +} +a { + color: inherit; + text-decoration: none; +} +a:hover { + color: inherit; + text-decoration: none; +} +sup { + vertical-align: text-top; +} +sub { + vertical-align: text-bottom; +} +legend { + color: #000; +} +fieldset, +img { + border: 0; +} +button, +input, +select, +textarea { + font-size: 100%; +} +button { + cursor: pointer; +} +button:focus-visible { + outline: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +:root { + overflow-y: auto; + overflow-x: hidden; +} +body { + padding: 0; + background-color: #fff; + font-size: 18px; +} +i { + font-style: normal; +} +.br8 { + border-radius: 8px; +} +.br6 { + border-radius: 6px; +} +.br4 { + border-radius: 4px; +} +.dil { + display: inline; +} +.cf4 { + color: #ff4400; +} +.dib { + display: inline-block; +} +.fw600 { + font-weight: 500; +} +.fl { + float: left; +} +.fr { + float: right; +} +.clb { + clear: both; +} +.tl { + text-align: left; +} +.tr { + text-align: right; +} +.tc, +.center { + text-align: center; +} +.f14 { + font-size: 14px !important; +} +.f14s { + font-size: 14px; +} +.ml8 { + margin-left: 8px; +} +.ml24 { + margin-left: 24px; +} +.m16 { + margin: 16px; +} +.mr16 { + margin-right: 16px !important; +} +.ml16 { + margin-left: 16px !important; +} +.m0 { + margin: 0 !important; +} +.m016 { + margin: 0 16px; +} +.m010 { + margin: 0 10px; +} +.m160 { + margin: 16px 0; +} +.mr0 { + margin-right: 0px !important; +} +.mr4 { + margin-right: 4px; +} +.mr8 { + margin-right: 8px; +} +.mr12 { + margin-right: 12px; +} +.mt8 { + margin-top: 8px; +} +.mb8 { + margin-bottom: 8px; +} +.mb4 { + margin-bottom: 4px; +} +.mb2 { + margin-bottom: 2px; +} +.p0 { + padding: 0 !important; +} +.pr16 { + padding-right: 16px; +} +.tac { + text-align: center; +} +.pl16 { + padding-left: 16px; +} +.pb12 { + padding-bottom: 12px; +} +.pb15 { + padding-bottom: 15px; +} +.pb4 { + padding-bottom: 4px; +} +.p08 { + padding: 0 8px; +} +.p012 { + padding: 0 12px !important; +} +.p016 { + padding: 0 16px; +} +.mt6 { + margin-top: 6px; +} +.p160 { + padding: 16px 0; +} +.p1612 { + padding: 16px 12px; +} +.ml10 { + margin-left: 10px; +} +.ml12 { + margin-left: 12px; +} +.mr10 { + margin-right: 10px; +} +.ml6 { + margin-left: 6px; +} +.ml4 { + margin-left: 4px !important; +} +.mr6 { + margin-right: 6px; +} +.mr14 { + margin-right: 14px; +} +.ml14 { + margin-left: 14px; +} +.mt10 { + margin-top: 10px; +} +.ml22 { + margin-left: 22px; +} +.ml24 { + margin-left: 24px; +} +.mb10 { + margin-bottom: 10px; +} +.mb12 { + margin-bottom: 12px; +} +.mb6 { + margin-bottom: 6px; +} +.mb16 { + margin-bottom: 16px; +} +.mb32 { + margin-bottom: 32px; +} +.pl8 { + padding-left: 8px; +} +.pl32 { + padding-left: 32px !important; +} +.pr8 { + padding-right: 8px; +} +.pt8 { + padding-top: 8px; +} +.pt12 { + padding-top: 12px; +} +.letter0 { + letter-spacing: 0; +} +.mb40 { + margin-bottom: 40px; +} +.pb8 { + padding-bottom: 8px; +} +.mb0 { + margin-bottom: 0; +} +.p16 { + padding: 16px; +} +.border1 { + border: 1px solid #eee; +} +.bb1 { + border-bottom: 1px solid #eee; +} +.br1 { + border-right: 1px solid #eee; +} +.bt1 { + border-top: 1px solid #eee; +} +.bl1 { + border-left: 1px solid #eee; +} +.bbd1 { + border-bottom: 1px dotted #eee; +} +.brd1 { + border-right: 1px dotted #eee; +} +.btd1 { + border-top: 1px dotted #eee; +} +.bld1 { + border-left: 1px dotted #eee; +} +.f6 { + font-size: 6px; +} +.f10 { + font-size: 10px !important; +} +.f22 { + font-size: 22px; +} +.f12 { + font-size: 12px !important; +} +.f14 { + font-size: 14px; +} +.f16 { + font-size: 16px !important; +} +.f18 { + font-size: 18px; +} +.f20 { + font-size: 20px; +} +.f22 { + font-size: 22px; +} +.f24 { + font-size: 24px; +} +.f26 { + font-size: 26px; +} +.f32 { + font-size: 32px !important; +} +.f36 { + font-size: 36px !important; +} +.f56 { + font-size: 56px !important; +} +.f64 { + font-size: 64px !important; +} +.f320 { + font-size: 320px !important; +} +.c3 { + color: #333; +} +.cf40 { + color: #f40; +} +.c6 { + color: #666; +} +.c9 { + color: #999; +} +.cccc { + color: #cccccc; +} +.cblue { + color: #1890ff; +} +.fsa { + display: flex; + align-items: center; + justify-content: space-between; +} +.fss { + display: flex; + align-items: center; + justify-content: start; +} +.fse { + display: flex; + align-items: center; + justify-content: end; +} +.fsc { + display: flex; + align-items: center; + justify-content: center; +} +.fcsc { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.middle { + position: relative; + left: 50%; + transform: translateX(-40%); +} +.setMiddle { + margin-left: 50%; + transform: translateX(-50%); +} +.setH { + transform: translate(-50%, 50%); +} +.flex1 { + flex: 1; +} +.dn { + display: none; +} +.esl { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + word-break: break-all; +} +.bodyContainer { + padding: 16px; + min-height: calc(100vh - 194px); + background-color: #fff; +} +.dpib { + white-space: nowrap; + display: inline-block; + overflow: hidden; +} +.w100 { + width: 100%; +} +.curp { + cursor: pointer; +} +.por { + position: relative; +} +.poa { + position: absolute; +} +.svg_icon { + width: 1em; + height: 1em; + overflow: hidden; + display: inline-block; + vertical-align: middle; + min-width: 30px; + text-align: center; + font-size: 20px; + font-weight: normal; + margin-right: 2px; +} +.svg { + width: 1em; + height: 1em; + overflow: hidden; + display: inline-block; + vertical-align: middle; + text-align: center; + font-weight: normal; + margin-right: 2px; +} +.w { + width: 1200px; + min-width: 1200px; + margin: 0 auto; +} +.mb12 { + margin-bottom: 12px; +} +.mt20 { + margin-top: 20px; +} +.mt48 { + margin-top: 48px; +} +.mt60 { + margin-top: 60px; +} +.titlestyle { + font-size: 16px; + font-weight: 600; + color: #333; +} +.nobd { + border-left-color: transparent !important; + border-right-color: transparent !important; + border-top: none !important; + border-bottom: none !important; + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.ant-calendar-picker-container-content { + margin-top: 3px; +} +.ant-calendar-picker { + border-color: #d9d9d9 !important; +} +.ant-calendar-picker:hover .ant-calendar-picker-input { + border-color: #d9d9d9 !important; +} +.ant-calendar-picker:focus .ant-calendar-picker-input { + border-color: #d9d9d9 !important; +} +.ant-breadcrumb .ant-breadcrumb-link a:hover { + color: #ff4400; +} +.pagecontainer.f40 { + display: flex; + justify-content: center; + text-align: center; + margin-bottom: 30px; + margin-top: 15px; +} +.pagecontainer.f40 .ant-pagination-item-container .ant-pagination-item-link-icon { + color: #ff4400; +} +.pagecontainer.f40 .ant-pagination-options-quick-jumper { + margin-left: 10px; + font-size: 14px; +} +.pagecontainer.f40 .ant-pagination-disabled a:hover { + color: #c5c5c5 !important; +} +.pagecontainer.f40 .ant-pagination-next:focus .ant-pagination-item-link, +.pagecontainer.f40 .ant-pagination-prev:focus .ant-pagination-item-link { + color: #000000a6; +} +.pagecontainer.f40 .ant-pagination-next:hover .ant-pagination-item-link, +.pagecontainer.f40 .ant-pagination-prev:hover .ant-pagination-item-link { + color: #ff4400; +} +.pagecontainer.f40 input[type="text"] { + box-shadow: none; + background-color: #fff; + border-color: #ddd; + border-radius: 6px; +} +.pagecontainer.f40 input[type="text"]:focus { + border: 1px solid #ff4400; +} +.pagecontainer.f40 input[type="text"]:hover { + border: 1px solid #ff4400; +} +.pagecontainer.f40 .ant-pagination-item { + border: none; + border-radius: 6px; + line-height: 32px; +} +.pagecontainer.f40 .ant-pagination-item a:hover { + color: #ff4400; +} +.pagecontainer.f40 .ant-pagination-item-active { + background: #ff4400; +} +.pagecontainer.f40 .ant-pagination-item-active a { + color: white; +} +.pagecontainer.f40 .ant-pagination-item-active a:hover { + color: white; +} +.pagecontainer.f40 .ant-pagination-item-link { + border: none; +} +.ant-cascader-menus.monthlypay, +.ant-cascader-menus.agestr, +.ant-cascader-menus.gender { + width: 100vw; + margin: 0 auto; + top: 45px !important; + -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); + box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); + transition: none !important; +} +.ant-cascader-menus.monthlypay .ant-cascader-menu, +.ant-cascader-menus.agestr .ant-cascader-menu, +.ant-cascader-menus.gender .ant-cascader-menu { + height: auto; + width: 100%; +} +.ant-cascader-menus.monthlypay .ant-cascader-menu .ant-cascader-menu-item, +.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item, +.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item { + width: 100%; + text-align: left; + padding-left: calc((100vw - 1200px) / 2) !important; +} +.ant-cascader-menus.monthlypay .ant-cascader-menu .ant-cascader-menu-item:hover, +.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item:hover, +.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item:hover { + background-color: rgba(255, 106, 0, 0.1); + color: #ff6a00; +} +.ant-cascader-menus.slide-up-leave-active { + animation: none !important; + transition: none !important; +} +.ant-cascader-menus.slide-up-enter-active { + animation: none !important; + transition: none !important; +} +.ant-cascader-menus.slide-up-leave { + transition: none !important; + animation: none !important; +} +.ant-cascader-menus.slide-up-enter { + animation: none !important; + transition: none !important; +} +.ant-cascader-menus.flitercity { + left: calc((100vw - 1216px) / 2) !important; + top: 45px !important; + border-radius: 0 0 4px 4px !important; + -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); + box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); +} +.ant-cascader-menus.flitercity .ant-cascader-menu { + height: 500px; +} +.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item { + width: 100%; + text-align: left; +} +.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item:hover { + background-color: rgba(255, 106, 0, 0.1); + color: #ff6a00; +} +.logindropdown .loginbox:not(.backTable) { + overflow: hidden; + background-color: #fff; + border-radius: 4px; + text-align: center; + box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4); + padding: 4px; +} +.logindropdown .loginbox:not(.backTable) > div { + text-align: center; + font-size: 16px; + border-bottom: 1px solid #eee; +} +.logindropdown .loginbox:not(.backTable) > a > div { + display: flex; + padding: 12px 0; + font-size: 14px; + line-height: 24px; + justify-content: space-between; +} +.logindropdown .loginbox:not(.backTable) > a > div span { + line-height: 24px; +} +.logindropdown .loginbox:not(.backTable) > a > div span i { + font-size: 18px; + margin-right: 5px; + vertical-align: baseline; +} +.logindropdown .loginbox:not(.backTable) button { + width: 126px; + height: 32px; + margin-top: 12px; + border: 1px solid rgba(77, 87, 94, 0.1); + border-radius: 17px; + color: #ff4400; + font-size: 14px; + line-height: 32px; + background-color: #fff; + cursor: pointer; +} +.loginbox.backTable { + width: 180px; + overflow: hidden; + background-color: #fff; + border-radius: 4px; + text-align: center; + box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4); + padding: 0 12px 10px 16px; +} +.loginbox.backTable > div { + padding: 16px; + text-align: center; + font-size: 16px; + font-weight: bold; + border-bottom: 1px solid #eee; +} +.loginbox.backTable > a > div { + display: flex; + padding: 12px 0; + font-size: 14px; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #eee; +} +.loginbox.backTable > a > div:hover { + color: #1890ff; +} +.loginbox.backTable > a > div span { + line-height: 24px; +} +.loginbox.backTable > a > div span i { + font-size: 18px; + margin-right: 5px; + vertical-align: baseline; +} +.loginbox.backTable button { + width: 130px; + height: 32px; + margin-top: 12px; + border: 1px solid rgba(77, 87, 94, 0.1); + border-radius: 17px; + color: #1890ff; + font-size: 14px; + line-height: 30px; + background-color: #fff; + cursor: pointer; +} +.loginbox.backTable button:hover { + border: 1px solid #1890ff; +} +.beforeblock { + display: inline-block; + vertical-align: middle; + margin-top: -4px; + width: 4px; + height: 20px; + margin-right: 8px; + background: #ff4400; +} +h1.bottombox, +p.bottombox { + position: relative; + text-align: center; + font-weight: 600; + font-size: 16px; + padding: 12px 0; + color: #ff4400; + background-color: #fee9e1; +} +h1.bottombox::after, +p.bottombox::after { + content: ""; + display: block; + position: absolute; + width: 240px; + height: 1px; + bottom: 0; + left: 0; + background-color: #eeefef; +} +.ant-cascader-menu::-webkit-scrollbar, +.ant-modal-body::-webkit-scrollbar { + /*滚动条整体样式*/ + width: 7px; + /*高宽分别对应横竖滚动条的尺寸*/ + height: 4px; +} +.ant-cascader-menu::-webkit-scrollbar-thumb, +.ant-modal-body::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + border-radius: 5px; + -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06); + background: rgba(0, 0, 0, 0.1); +} +.ant-cascader-menu::-webkit-scrollbar-track, +.ant-modal-body::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + -webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06); + border-radius: 0; + background: rgba(0, 0, 0, 0.1); +} +.f40 .ant-select-dropdown-menu-item-active, +.f40 .ant-select-dropdown-menu-item-selected { + color: #ff4400 !important; + font-weight: normal; + background-color: rgba(255, 106, 0, 0.1) !important; +} +.ant-breadcrumb { + margin-top: 12px; +} +.ant-breadcrumb .ant-breadcrumb-link { + cursor: default; +} +@media screen and (max-width: 1910px) { + .loginlogo { + margin: 40px auto !important; + } +} +.ant-spin-dot-item { + background-color: #fda21d; +} +.ant-spin-text { + color: #fda21d; +} +.ant-popover .ant-popover-content .ant-popover-inner-content { + position: relative; + width: 600px; + white-space: pre-wrap !important; +} +.ant-popover .ant-popover-content .ant-popover-inner-content > div { + position: absolute; + width: 44px; + height: 22px; + right: 10px; + top: 10px; + border: 1px solid #ff4400; + color: #ff4400; + border-radius: 999px; + line-height: 22px; + text-align: center; + cursor: pointer; +} +.ant-popover .ant-popover-content .ant-popover-inner-content > div:hover { + background-color: #ff4400; + color: #fff; +} +.xiangdan .ant-modal-content { + width: 600px; + max-height: calc(100vh - 40px); +} +.xiangdan .ant-modal-content .ant-modal-body { + padding-top: 36px; + position: relative; + min-height: 480px; + white-space: pre-wrap !important; +} +.xiangdan .ant-modal-content .ant-modal-body .copy { + position: absolute; + padding: 0px 12px; + right: 20px; + top: 7px; + font-size: 14px; + border: 1px solid #ff4400; + color: #ff4400; + border-radius: 5px; + line-height: 22px; + text-align: center; + cursor: pointer; +} +.xiangdan .ant-modal-content .ant-modal-body .copy:hover { + color: #fff; + background-color: #ff4400; +} +.f40 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month { + background: #ff4400; +} +.f40 .ant-calendar-date:hover { + border-color: #ff4400; + background-color: #fff; + color: #ff4400; +} +.f40 .ant-calendar-today .ant-calendar-date { + background-color: #ff4400; + border-color: #ff4400; + color: #fff; +} +.f40 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, +.f40 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date { + background-color: #ff4400; + border-color: #ff4400; + color: #fff; +} +.f40 .ant-calendar-range .ant-calendar-in-range-cell::before { + background: #fff3ef; +} +.f40 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover, +.f40 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover { + background: #ff4400; +} +.f40 .ant-calendar-header a:hover { + color: #ff4400; +} +.f40 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover, +.f40 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year, +.f40 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade, +.f40 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover, +.f40 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover { + background: #ff4400; +} +.f40 .ant-calendar-month-panel-month:hover, +.f40 .ant-calendar-year-panel-year:hover, +.f40 .ant-calendar-decade-panel-decade:hover { + background: #fff3ef; +} +.ant-select-selection:active { + box-shadow: none; +} +.bb1 { + border-bottom: 1px solid #ddd; +} +.bbdot1 { + border-bottom: 1px dashed #ddd; +} +.bd1 { + border: 1px solid #ddd; +} diff --git a/src/style/index.less b/src/style/index.less index 4f0f683..8dd0a24 100644 --- a/src/style/index.less +++ b/src/style/index.less @@ -1,4 +1,4 @@ -@import "http://at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css"; +@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css"; @font-face { font-family: "DingTalk"; /* 这里的字体名称是自定义的 */ src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径，记得配置域名权限 */