From a26759f3497361183d139e967f7a428a79fc02ff Mon Sep 17 00:00:00 2001 From: wangxia <779219182@qq.com> Date: Thu, 5 May 2022 18:23:22 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 67 +++++++++++++ package.json | 1 + src/App.vue | 1 - src/components/FirstJob/detail.vue | 105 ++++++++++++++++++++- src/components/FirstJob/recordBill.vue | 16 +++- src/components/Login/login.vue | 10 ++ .../userinfo/usercenter/components/mybill.vue | 8 +- src/style/index.less | 2 +- src/utils/commonUtil.js | 60 ++++++++++++ src/utils/request.js | 4 +- yarn.lock | 31 ++++++ 11 files changed, 292 insertions(+), 13 deletions(-) diff --git a/package-lock.json b/package-lock.json index ced35b6..d04dbac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "dependencies": { "ant-design-vue": "^1.7.8", "axios": "^0.25.0", + "clipboard": "^2.0.10", "core-js": "^3.6.5", "jquery": "^3.6.0", "js-cookie": "^3.0.1", @@ -4408,6 +4409,16 @@ "node": ">= 10" } }, + "node_modules/clipboard": { + "version": "2.0.10", + "resolved": "https://registry.npmmirror.com/clipboard/-/clipboard-2.0.10.tgz", + "integrity": "sha512-cz3m2YVwFz95qSEbCDi2fzLN/epEN9zXBvfgAoGkvGOJZATMl9gtTDVOtBYkx2ODUJl2kvmud7n32sV2BpYR4g==", + "dependencies": { + "good-listener": "^1.2.2", + "select": "^1.1.2", + "tiny-emitter": "^2.0.0" + } + }, "node_modules/clipboardy": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-2.3.0.tgz", @@ -5781,6 +5792,11 @@ "node": ">=0.4.0" } }, + "node_modules/delegate": { + "version": "3.2.0", + "resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz", + "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==" + }, "node_modules/depd": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", @@ -7498,6 +7514,14 @@ "node": ">=6" } }, + "node_modules/good-listener": { + "version": "1.2.2", + "resolved": "https://registry.npmmirror.com/good-listener/-/good-listener-1.2.2.tgz", + "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==", + "dependencies": { + "delegate": "^3.1.2" + } + }, "node_modules/graceful-fs": { "version": "4.2.9", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz", @@ -13010,6 +13034,11 @@ "node": ">= 8.9.0" } }, + "node_modules/select": { + "version": "1.1.2", + "resolved": "https://registry.npmmirror.com/select/-/select-1.1.2.tgz", + "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==" + }, "node_modules/select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -14385,6 +14414,11 @@ "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=", "dev": true }, + "node_modules/tiny-emitter": { + "version": "2.1.0", + "resolved": "https://registry.npmmirror.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz", + "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==" + }, "node_modules/tinycolor2": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.2.tgz", @@ -19792,6 +19826,16 @@ "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==", "dev": true }, + "clipboard": { + "version": "2.0.10", + "resolved": "https://registry.npmmirror.com/clipboard/-/clipboard-2.0.10.tgz", + "integrity": "sha512-cz3m2YVwFz95qSEbCDi2fzLN/epEN9zXBvfgAoGkvGOJZATMl9gtTDVOtBYkx2ODUJl2kvmud7n32sV2BpYR4g==", + "requires": { + "good-listener": "^1.2.2", + "select": "^1.1.2", + "tiny-emitter": "^2.0.0" + } + }, "clipboardy": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-2.3.0.tgz", @@ -20931,6 +20975,11 @@ "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=", "dev": true }, + "delegate": { + "version": "3.2.0", + "resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz", + "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==" + }, "depd": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", @@ -22359,6 +22408,14 @@ "slash": "^2.0.0" } }, + "good-listener": { + "version": "1.2.2", + "resolved": "https://registry.npmmirror.com/good-listener/-/good-listener-1.2.2.tgz", + "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==", + "requires": { + "delegate": "^3.1.2" + } + }, "graceful-fs": { "version": "4.2.9", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz", @@ -26914,6 +26971,11 @@ "ajv-keywords": "^3.5.2" } }, + "select": { + "version": "1.1.2", + "resolved": "https://registry.npmmirror.com/select/-/select-1.1.2.tgz", + "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==" + }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -28088,6 +28150,11 @@ "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=", "dev": true }, + "tiny-emitter": { + "version": "2.1.0", + "resolved": "https://registry.npmmirror.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz", + "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==" + }, "tinycolor2": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.2.tgz", diff --git a/package.json b/package.json index 79aec92..81c16ca 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "dependencies": { "ant-design-vue": "^1.7.8", "axios": "^0.25.0", + "clipboard": "^2.0.10", "core-js": "^3.6.5", "jquery": "^3.6.0", "js-cookie": "^3.0.1", diff --git a/src/App.vue b/src/App.vue index 5382922..ff89d0b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -22,7 +22,6 @@ export default { methods: { loader() { this.isRouterViewshow = false; - console.log(123); this.$nextTick(() => { this.isRouterViewshow = true; }); diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue index 1f245db..1af0e95 100644 --- a/src/components/FirstJob/detail.vue +++ b/src/components/FirstJob/detail.vue @@ -622,9 +622,15 @@
-
-

服务热线

-

135 2307 4549

+ +
+

+ 职位详版 复制 +

+

{{ jobDetail.jobDesp || "-" }}

@@ -650,9 +656,16 @@
+
+ +

服务热线

+
+

服务热线

+

135 2307 4549

+
+
- @@ -1356,6 +1384,32 @@ export default { > div { margin-bottom: 16px; } + .jobDetailInfo { + width: 240px; + overflow: hidden; + // height: 114px; + // padding: 0 20px 0px 20px; + border-radius: 4px; + background-color: #fff; + text-align: left; + h1 { + position: relative; + text-align: center; + margin-bottom: 0; + + span { + position: absolute; + right: 10px; + color: #ff6a00; + } + } + p { + font-size: 16px; + word-break: break-all; + white-space: break-spaces; + padding: 16px 20px; + } + } .hotphone { width: 240px; overflow: hidden; @@ -1474,4 +1528,45 @@ export default { color: #ff6a00; } } +.hotTel { + position: fixed; + top: 50%; + left: calc(50vw + 600px); + width: 104px; + height: 110px; + background-color: #fff; + box-shadow: 5px 0px 10px 3px #eee; + text-align: center; + padding-top: 10px; + > i { + font-size: 40px; + } + > p { + font-size: 16px; + text-align: center; + color: #ff6a00; + } + &:hover > div { + display: block; + } + div { + position: absolute; + display: none; + width: 200px; + left: 0; + bottom: -122px; + text-align: center; + box-shadow: 5px 0px 10px 3px #eee; + background-color: #fff; + > p:first-child { + padding: 14px 0; + border-bottom: 1px solid #eee; + } + > p:last-child { + padding: 16px 0; + font-size: 24px; + color: #ff6a00; + } + } +} diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue index f48cf98..e477f52 100644 --- a/src/components/FirstJob/recordBill.vue +++ b/src/components/FirstJob/recordBill.vue @@ -304,6 +304,7 @@ > @@ -446,7 +447,7 @@ import { nationlist } from "../../utils/datalist"; // import recordbill from "@/components/FirstJob/components/recordbill.vue"; import moment from "moment"; -import { isEmptyCheck } from "../../utils/commonUtil"; +import { isEmptyCheck, getAgeFromBirthday } from "../../utils/commonUtil"; import timepicker from "./components/timepicker.vue"; import { recordBillApi, @@ -669,6 +670,7 @@ export default { this.$refs.ruleForm.validate(async (ispass, no) => { console.log(this.form); console.log(ispass); + console.log(no); this.confirmLoading = true; if (ispass) { @@ -702,6 +704,7 @@ export default { // }, 2000); } else { this.confirmLoading = false; + this.$message.error(no); console.log(123); } @@ -999,6 +1002,17 @@ export default { // window.location.reload(); this.reload(); }, + getIdInfo(e) { + if (e.target.value.length == 18) { + let bir = getAgeFromBirthday(e.target.value); + if (!isEmptyCheck(bir.gender)) { + this.form.sex = bir.gender; + } + if (!isEmptyCheck(bir.age)) { + this.form.age = bir.age; + } + } + }, }, }; diff --git a/src/components/Login/login.vue b/src/components/Login/login.vue index 6094d82..cea28fd 100644 --- a/src/components/Login/login.vue +++ b/src/components/Login/login.vue @@ -422,6 +422,16 @@ export default { font-size: 16px; border: none; color: white; + box-shadow: none; + &::after { + display: none; + } + &:hover { + background-color: rgba(255, 106, 0, 0.8); + } + &:active { + background-color: rgba(234, 99, 2, 0.9); + } } .register { display: flex; diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue index b0f6bcc..d072dad 100644 --- a/src/components/userinfo/usercenter/components/mybill.vue +++ b/src/components/userinfo/usercenter/components/mybill.vue @@ -56,7 +56,7 @@