-
@@ -75,65 +75,69 @@ export default {
// .aboutus-container {
// background-color: #fff;
// }
-.w {
- // background-color: #fff;
- // margin: 16px auto;
- padding: 16px 0 30px 0;
- .bannerbox {
- position: relative;
- width: 100%;
- height: 360px;
- img {
+.aboutus-container {
+ // width: 100vw;
+ .w {
+ // background-color: #fff;
+ // margin: 16px auto;
+ padding: 16px 0 30px 0;
+ .bannerbox {
+ position: relative;
width: 100%;
- height: 100%;
- }
- i {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translateX(-50%) translateY(-50%);
- color: #fff;
- font-size: 60px;
- }
- }
- .contentbox {
- text-align: left;
- padding: 30px 20px;
- > h1 {
- font-size: 24px;
- text-align: left;
- color: #4d575e;
- line-height: 33px;
+ height: 360px;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ i {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ color: #fff;
+ font-size: 60px;
+ }
}
- p:first-of-type {
- margin: 30px 0;
- font-size: 18px;
+ .contentbox {
text-align: left;
- color: #4d575e;
- line-height: 26px;
- }
- > dl {
- width: 500px;
- > dt {
- font-size: 22px;
+ padding: 30px 20px;
+ > h1 {
+ font-size: 24px;
+ text-align: left;
color: #4d575e;
- line-height: 26px;
+ line-height: 33px;
}
- > dd {
+ p:first-of-type {
+ margin: 30px 0 40px 0;
font-size: 18px;
- margin-bottom: 30px;
- > dl {
+ text-align: left;
+ color: #4d575e;
+ line-height: 26px;
+ }
+ > dl {
+ // width: 500px;
+ > dt {
+ font-size: 22px;
+ color: #4d575e;
line-height: 26px;
- dt:first-child {
- margin-top: 30px;
- }
- dt {
- font-size: 20px;
- margin-bottom: 5px;
- }
- dd {
- font-size: 18px;
- margin-bottom: 30px;
+ margin-bottom: 5px;
+ }
+ > dd {
+ font-size: 18px;
+ margin-bottom: 40px;
+ > dl {
+ line-height: 26px;
+ dt:first-child {
+ margin-top: 30px;
+ }
+ dt {
+ font-size: 20px;
+ margin-bottom: 5px;
+ }
+ dd {
+ font-size: 18px;
+ margin-bottom: 30px;
+ }
}
}
}
diff --git a/src/components/FirstJob/components/recommend.vue b/src/components/FirstJob/components/recommend.vue
index d6bdd58..972199d 100644
--- a/src/components/FirstJob/components/recommend.vue
+++ b/src/components/FirstJob/components/recommend.vue
@@ -123,7 +123,6 @@ export default {
console.log(data);
this.relationList = disposeJobListData(data.data.recordList);
- this.isspinning = false;
console.log(this.relationList);
this.relationList.forEach((item) => {
item.age = "";
@@ -132,6 +131,7 @@ export default {
} catch (error) {
console.log(error);
}
+ this.isspinning = false;
},
resetpage() {
console.log(1);
@@ -150,7 +150,7 @@ export default {
border: 1px solid rgba(77, 87, 94, 0.1);
}
.recommendposition {
- width: 270px;
+ // width: 270px;
// height: 1008px;
overflow: hidden;
background: #ffffff;
@@ -166,7 +166,7 @@ export default {
i {
display: inline-block;
line-height: 20px;
- border-bottom: 3px solid #ff6a00;
+ border-bottom: 2px solid #ff6a00;
padding: 6px 0;
}
span {
@@ -183,19 +183,19 @@ export default {
border-bottom: none;
}
.jobinfobox {
- width: 230px;
+ // width: 240px;
// height: 298px;
// margin-bottom: 16px;
background: #ffffff;
// border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 4px;
- // padding: 16px;
+ // padding: 20px;
border-bottom: 1px solid #f2f0ec;
margin-bottom: 20px;
.imgbox {
- width: 230px;
- height: 172px;
+ width: 200px;
+ height: 200px;
position: relative;
img {
width: 100%;
@@ -221,7 +221,7 @@ export default {
// height: 45px;
// margin: 12px 0;
font-size: 18px;
- font-weight: bold;
+ font-weight: normal;
text-align: left;
color: #4d575e;
line-height: 18px;
@@ -251,7 +251,7 @@ export default {
background: rgba(51, 51, 51, 0.06);
border-radius: 4px;
}
- span:nth-of-type(n + 4) {
+ span:nth-of-type(n + 3) {
display: none;
}
}
@@ -261,7 +261,7 @@ export default {
font-size: 16px;
text-align: left;
color: #ff6a00;
- font-weight: bold;
+ font-weight: normal;
line-height: 18px;
span {
font-size: 20px;
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index adcdb10..9c3e69f 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -218,9 +218,15 @@ export default {
/**
* 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
*/
+
+ beforeCreate() {},
created() {
// console.log(this.$router.matcher.match());
this.getJobDetail();
+ // Object.defineProperties("window.opener", "sessionStorage", {
+ // LOGIN_DATA: {},
+ // });
+ // console.log(window.opener);
},
/**
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
@@ -235,22 +241,22 @@ export default {
async getJobDetail() {
try {
const { data } = await getJobDetailApi(this.id);
- console.log(data);
+ // console.log(data);
if (data.status === 200) {
this.jobDetail = disposeJobListData(data.data.storeJob);
data.data.storeImage.forEach((item) => {
this.storeImage.push(item.url);
});
- console.log(this.storeImage);
+ // console.log(this.storeImage);
} else {
this.$message.warning("数据获取失败");
}
// = data.data.recordList;
- console.log(data);
- console.log(this.jobDetail);
+ // console.log(data);
+ // console.log(this.jobDetail);
} catch (error) {
- console.log(error);
+ // console.log(error);
}
},
// 录单弹出层的关闭
@@ -267,7 +273,7 @@ export default {
// 录单提交按钮的回调
handleOk() {
this.$refs.ruleForm.validate((ispass, no) => {
- console.log(ispass);
+ // console.log(ispass);
if (ispass) {
this.confirmLoading = true;
@@ -276,15 +282,15 @@ export default {
this.visible = false;
}, 2000);
} else {
- console.log(123);
+ // console.log(123);
}
console.log(no);
});
},
// 弹出录单模态框
- showmodal(id) {
+ showmodal() {
this.visible = true;
- console.log(id);
+ console.log(this.id);
},
},
};
@@ -332,6 +338,7 @@ export default {
line-height: 32px;
margin-left: 12px;
color: #fff;
+ box-shadow: none;
&:hover {
background-color: #ff8025 !important;
}
@@ -340,7 +347,7 @@ export default {
/deep/ .ant-modal-header {
.ant-modal-title {
font-size: 20px;
- // font-weight: bold;
+ // font-weight: normal;
}
}
/deep/ .ant-modal-body {
@@ -352,7 +359,7 @@ export default {
justify-content: space-between;
margin-top: 16px;
.maincontentleft {
- width: 914px;
+ width: 944px;
margin-right: 16px;
text-align: left;
.subset {
@@ -360,7 +367,7 @@ export default {
justify-content: space-between;
padding: 16px;
margin-bottom: 16px;
- width: 914px;
+ // width: 914px;
background-color: #fff;
// height: 302px;
border-radius: 4px;
@@ -433,7 +440,7 @@ export default {
.jobname {
// margin: 12px 0;
font-size: 20px;
- font-weight: 600;
+ font-weight: 400;
text-align: left;
color: #4d575e;
line-height: 20px;
@@ -476,7 +483,7 @@ export default {
.jobpricehour {
margin-top: 16px;
font-size: 16px;
- font-weight: bold;
+ font-weight: normal;
text-align: left;
color: #ff6a00;
// line-height: 24px;
@@ -497,7 +504,7 @@ export default {
border-radius: 4px;
background-color: rgba(254, 97, 0, 0.1);
font-size: 18px;
- font-weight: bold;
+ font-weight: normal;
color: #ff6a00;
line-height: 34px;
}
@@ -508,7 +515,7 @@ export default {
border: none;
background-color: #ff6a00;
color: #fff;
- font-weight: bold;
+ font-weight: normal;
font-size: 18px;
border-radius: 4px;
cursor: pointer;
@@ -522,7 +529,7 @@ export default {
// .jobname {
// // margin: 12px 0;
// font-size: 20px;
- // font-weight: 600;
+ // font-weight: 400;
// text-align: left;
// color: #4d575e;
// line-height: 30px;
@@ -561,7 +568,7 @@ export default {
// .jobpricehour {
// margin-top: 20px;
// font-size: 18px;
- // font-weight: bold;
+ // font-weight: normal;
// text-align: left;
// color: #ff6a00;
// line-height: 18px;
@@ -582,7 +589,7 @@ export default {
// border-radius: 4px;
// background-color: rgba(254, 97, 0, 0.1);
// font-size: 18px;
- // font-weight: bold;
+ // font-weight: normal;
// color: #ff6a00;
// line-height: 34px;
// }
@@ -593,7 +600,7 @@ export default {
// border: none;
// background-color: #ff6a00;
// color: #fff;
- // font-weight: bold;
+ // font-weight: normal;
// font-size: 18px;
// border-radius: 4px;
// }
@@ -602,7 +609,7 @@ export default {
}
}
.jobinformationbox {
- width: 914px;
+ width: 944px;
// border: 1px solid #eeefef;
overflow: hidden;
border-radius: 4px;
@@ -615,7 +622,7 @@ export default {
color: #4d575e;
line-height: 33px;
margin-bottom: 20px;
- font-weight: bold;
+ font-weight: normal;
padding: 10px 0;
border-bottom: 1px solid #eeefef;
@@ -642,11 +649,12 @@ export default {
}
}
.maincontentright {
+ width: 240px;
> div {
margin-bottom: 16px;
}
.hotphone {
- width: 270px;
+ width: 240px;
overflow: hidden;
// height: 114px;
padding: 0 20px 20px 20px;
@@ -657,7 +665,7 @@ export default {
p {
font-size: 24px;
color: #ff6a00;
- // font-weight: bold;
+ // font-weight: normal;
margin-top: 12px;
}
}
@@ -669,10 +677,10 @@ export default {
background-color: #fff;
.companydetail {
+ width: 200px;
p:first-of-type {
- width: 230px;
font-size: 18px;
- font-weight: bold;
+ font-weight: normal;
text-align: left;
color: #4d575e;
margin-bottom: 12px;
@@ -682,7 +690,7 @@ export default {
text-overflow: ellipsis;
}
.imgbox {
- width: 230px;
+ // width: 230px;
height: 172px;
margin-bottom: 12px;
img {
@@ -699,6 +707,7 @@ export default {
}
}
.companylocation {
+ width: 200px;
h1 {
// height: 50px;
// line-height: 50px;
@@ -707,7 +716,7 @@ export default {
// border-top: 1px solid #eeefef;
}
.imgbox {
- width: 230px;
+ // width: 230px;
height: 172px;
img {
width: 100%;
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 511a899..b9fb1c4 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -54,7 +54,7 @@
-
+
@@ -67,6 +74,20 @@ export default {
// 组件状态值
data() {
return {
+ tablenodata: {
+ // 空状态文本内容
+ emptyText: () => (
+
+
+
+
+
暂无数据
+
+ ),
+ },
columns: [
{
title: "序号",
@@ -116,6 +137,7 @@ export default {
total: null, //分页配置
},
showbalance: true,
+ isspinning: false,
};
},
// 计算属性
@@ -142,12 +164,24 @@ export default {
this.pagination.pageNum = e;
},
inputpageChange(e) {
- this.pagination.pageNum = e.target.value;
+ const pagenumcount = this.pagination.total / this.pagination.pageSize;
+ console.log(pagenumcount);
+ if (e.target.value) {
+ if (e.target.value > pagenumcount) {
+ this.pagination.pageNum = Math.ceil(pagenumcount);
+ } else {
+ this.pagination.pageNum = e.target.value;
+ }
+ } else {
+ this.pagination.pageNum = 1;
+ }
// this.getJobList();
+ this.getPointDetail();
console.log(e);
},
async getPointDetail() {
try {
+ this.isspinning = true;
const { data } = await getPointDetailApi(this.pagination);
console.log(data);
if (data.status === 200) {
@@ -170,11 +204,11 @@ export default {
console.log(true);
this.pagination.total = data.data.recordCount;
- this.isspinning = false;
}
} catch (error) {
console.log(error);
}
+ this.isspinning = false;
},
},
};
@@ -211,12 +245,12 @@ export default {
}
.balance {
height: 102px;
- background: url("../../../../assets/bgbalance.png") no-repeat center;
+ background: url("../../../../assets/bgintegral.png") no-repeat center;
background-size: 100% 100%;
overflow: hidden;
> div {
color: #fff;
- margin-left: 88px;
+ margin-left: 72px;
margin-top: 14px;
> span {
font-size: 16px;
diff --git a/src/components/userinfo/usercenter/components/townsman.vue b/src/components/userinfo/usercenter/components/townsman.vue
index b4c3aaf..02a8d7a 100644
--- a/src/components/userinfo/usercenter/components/townsman.vue
+++ b/src/components/userinfo/usercenter/components/townsman.vue
@@ -28,6 +28,7 @@
tip: '加载中',
wrapperClassName: 'spinstyle',
}"
+ :locale="tablenodata"
:rowKey="(record) => record.index"
>
{{ text }}
@@ -46,6 +47,7 @@
type="text"
@keyup.enter="inputpageChange"
@blur="inputpageChange"
+ :style="{ 'background-Color': '#f6f6f6' }"
/>页
@@ -56,6 +58,7 @@