首页样式更新

This commit is contained in:
dengxin
2024-02-05 17:03:57 +08:00
parent 534fcf9d2e
commit 8b02a6e13a
5 changed files with 41 additions and 45 deletions

View File

@@ -1,11 +1,7 @@
<template>
<div class="mission-view">
<el-form label-position="left" size="small">
<el-collapse
v-model="activeNames"
@change="handleChange"
class="avue-group"
>
<el-collapse v-model="activeNames" @change="handleChange" class="avue-group">
<el-collapse-item title="任务信息" name="1" disabled="true">
<template slot="title">
<div class="avue-group__header">
@@ -31,10 +27,8 @@
}}</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="任务时间:"
>{{ format(model.stime) }}
{{ format(model.etime) }}</el-form-item
>
<el-form-item label="任务时间:">{{ format(model.stime) }}
{{ format(model.etime) }}</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
@@ -47,15 +41,11 @@
</template>
<el-row>
<el-col span="12">
<el-form-item label="招聘人数:"
>{{ model.peopleNum }}</el-form-item
>
<el-form-item label="招聘人数:">{{ model.peopleNum }}</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="参考工资:"
>{{ model.wage
}}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item
>
<el-form-item label="参考工资:">{{ model.wage
}}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item>
</el-col>
</el-row>
<el-row>
@@ -66,9 +56,7 @@
</el-col>
<el-col span="12">
<el-form-item>
<label slot="label"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
>
<label slot="label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
{{ model.worktypeNames }}
</el-form-item>
</el-col>
@@ -76,11 +64,7 @@
<el-row>
<el-col span="24">
<el-form-item label="技能要求:">
<el-tag
:key="skill"
v-for="skill in getSkill(model.skillNames)"
>{{ skill }}</el-tag
>
<el-tag :key="skill" v-for="skill in getSkill(model.skillNames)">{{ skill }}</el-tag>
</el-form-item>
</el-col>
</el-row>
@@ -148,19 +132,15 @@
</el-col>
<el-col span="8">
<el-form-item>
<label slot="label"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
>
<label slot="label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
{{ model.callNumber }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="24">
<el-form-item label="工作地址:" v-if="model.cityId"
>{{ city[0].label }} {{ city[1].label }}
{{ city[2].label }}</el-form-item
>
<el-form-item label="工作地址:" v-if="model.cityId">{{ city[0] && city[0].label }} {{ city[1] && city[1].label }}
{{ city[2] && city[2].label }}</el-form-item>
</el-col>
</el-row>
<el-row>
@@ -168,12 +148,7 @@
<el-form-item label="详细地址:">{{
model.address
}}</el-form-item>
<select-map
:lat="model.lat"
:lng="model.lon"
:isCanEdit="false"
:type="'view'"
></select-map>
<select-map :lat="model.lat" :lng="model.lon" :isCanEdit="false" :type="'view'"></select-map>
</el-col>
</el-row>
</el-collapse-item>
@@ -211,7 +186,7 @@ export default {
gender: getDic(genderState),
};
},
mounted() {},
mounted() { },
methods: {
getSkill(skillStr) {
return skillStr.split(",");
@@ -232,18 +207,22 @@ export default {
</script>
<style>
.mission-view .el-tag + .el-tag {
.mission-view .el-tag+.el-tag {
margin-left: 5px;
}
.mission-view .el-form {
padding: 0 20px;
}
.mission-view .el-form .el-col {
padding: 0 10px;
}
.mission-view .el-form .el-col .el-form-item {
margin-bottom: 18px;
}
.mission-view .el-collapse {
border-top: 0px;
}