flat: css

This commit is contained in:
Apcallover
2025-12-28 20:19:17 +08:00
parent 544b2dfb4f
commit bbf6fc57c8
5 changed files with 182 additions and 157 deletions

View File

@@ -26,6 +26,8 @@ export default {
virtualJobFair: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/metaverse/job_fair', virtualJobFair: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/metaverse/job_fair',
// 使用模拟定位 // 使用模拟定位
UsingSimulatedPositioning: true, UsingSimulatedPositioning: true,
// 是否显示报错信息
showErrorMessage: false,
// 应用信息 // 应用信息
appInfo: { appInfo: {
// 应用名称 // 应用名称

View File

@@ -1,17 +1,17 @@
<template> <template>
<AppLayout title="申请信息提交" :use-scroll-view="false" :show-bg-image="false"> <AppLayout title="申请信息提交" :use-scroll-view="false" :show-bg-image="false">
<template #headerleft > <template #headerleft>
<view class="btnback"> <view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image> <image src="@/static/icon/back.png" @click="navBack"></image>
</view> </view>
</template> </template>
<view class="app-container"> <view class="app-container">
<view class="personal-info"> <view class="personal-info">
<view class="personal-info-title">个人基本信息</view> <view class="personal-info-title">个人基本信息</view>
<view class="personal-info-list"> <view class="personal-info-list">
<view class="personal-info-list-l"> <view class="personal-info-list-l">
<span>*</span> 姓名 <span>*</span>
姓名
</view> </view>
<view class="personal-info-list-r"> <view class="personal-info-list-r">
<input :value="userInfo.name" class="uni-input" placeholder="请输入你的姓名" /> <input :value="userInfo.name" class="uni-input" placeholder="请输入你的姓名" />
@@ -19,14 +19,20 @@
</view> </view>
<view class="personal-info-list"> <view class="personal-info-list">
<view class="personal-info-list-l"><span>*</span>联系方式</view> <view class="personal-info-list-l">
<span>*</span>
联系方式
</view>
<view class="personal-info-list-r"> <view class="personal-info-list-r">
<input :value="userInfo.phone" class="uni-input" placeholder="请输入联系方式" /> <input :value="userInfo.phone" class="uni-input" placeholder="请输入联系方式" />
</view> </view>
</view> </view>
<view class="personal-info-list"> <view class="personal-info-list">
<view class="personal-info-list-l"><span>*</span>身份证号</view> <view class="personal-info-list-l">
<span>*</span>
身份证号
</view>
<view class="personal-info-list-r"> <view class="personal-info-list-r">
<input :value="userInfo.idNumber" class="uni-input" placeholder="请输入身份证号" /> <input :value="userInfo.idNumber" class="uni-input" placeholder="请输入身份证号" />
</view> </view>
@@ -36,7 +42,7 @@
<view class="personal-info"> <view class="personal-info">
<view class="personal-info-title">工作单位相关信息</view> <view class="personal-info-title">工作单位相关信息</view>
<view class="personal-info-list"> <view class="personal-info-list">
<view class="personal-info-list-l"> 工作单位名称</view> <view class="personal-info-list-l">工作单位名称</view>
<view class="personal-info-list-r"> <view class="personal-info-list-r">
<input class="uni-input" placeholder="请输入工作单位名称" /> <input class="uni-input" placeholder="请输入工作单位名称" />
</view> </view>
@@ -52,7 +58,7 @@
<view class="personal-info"> <view class="personal-info">
<view class="personal-info-title">劳动关系存续期间</view> <view class="personal-info-title">劳动关系存续期间</view>
<view class="personal-info-list"> <view class="personal-info-list">
<view class="personal-info-list-l"> 开始时间</view> <view class="personal-info-list-l">开始时间</view>
<view class="personal-info-list-r" @click="changestartTime"> <view class="personal-info-list-r" @click="changestartTime">
<!-- <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange"> <!-- <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
<view class="uni-input">{{date}}</view> <view class="uni-input">{{date}}</view>
@@ -71,7 +77,7 @@
<view class="personal-info"> <view class="personal-info">
<view class="personal-info-title">侵权情况描述</view> <view class="personal-info-title">侵权情况描述</view>
<view class="personal-info-list"> <view class="personal-info-list">
<view class="personal-info-list-l"> 描述内容</view> <view class="personal-info-list-l">描述内容</view>
<view class="personal-info-list-r"> <view class="personal-info-list-r">
<textarea placeholder="请输入描述内容" /> <textarea placeholder="请输入描述内容" />
</view> </view>
@@ -81,34 +87,42 @@
<view class="personal-info-title" @click="open">证据材料上传</view> <view class="personal-info-title" @click="open">证据材料上传</view>
</view> </view>
<button class="tijiao tijiao-pos" @click="tijiao1">提交申请</button> <button class="tijiao tijiao-pos" @click="tijiao1">提交申请</button>
<uni-popup ref="popup" type="bottom" > <uni-popup ref="popup" type="bottom">
<view class="popup-container"> <view class="popup-container">
<view class="popup-container-title"><h3>证据材料上传</h3></view> <view class="popup-container-title"><h3>证据材料上传</h3></view>
<view class="popup-container-list"> <view class="popup-container-list">
<view class="popup-container-list-title">劳动合同</view> <view class="popup-container-list-title">劳动合同</view>
<view style="padding: 10rpx;"> <view style="padding: 10rpx">
<uni-file-picker file-mediatype="all"><button class="button" size="mini">选择文件</button></uni-file-picker> <uni-file-picker file-mediatype="all">
<button class="button" size="mini">选择文件</button>
</uni-file-picker>
</view> </view>
</view> </view>
<view class="popup-container-list"> <view class="popup-container-list">
<view>工资条</view> <view>工资条</view>
<view style="padding: 10rpx;"> <view style="padding: 10rpx">
<uni-file-picker file-mediatype="all"><button class="button1" size="mini">选择文件</button></uni-file-picker> <uni-file-picker file-mediatype="all">
<button class="button1" size="mini">选择文件</button>
</uni-file-picker>
</view> </view>
</view> </view>
<view class="popup-container-list"> <view class="popup-container-list">
<view>考勤记录</view> <view>考勤记录</view>
<view style="padding: 10rpx;"> <view style="padding: 10rpx">
<uni-file-picker file-mediatype="all"><button class="button2" size="mini">选择文件</button></uni-file-picker> <uni-file-picker file-mediatype="all">
<button class="button2" size="mini">选择文件</button>
</uni-file-picker>
</view> </view>
</view> </view>
<view class="popup-container-list"> <view class="popup-container-list">
<view>沟通记录截图</view> <view>沟通记录截图</view>
<view style="padding: 10rpx;"> <view style="padding: 10rpx">
<uni-file-picker file-mediatype="all"><button class="button3" size="mini">选择文件</button></uni-file-picker> <uni-file-picker file-mediatype="all">
<button class="button3" size="mini">选择文件</button>
</uni-file-picker>
</view> </view>
</view> </view>
<view style="padding-top: 20rpx;"> <view style="padding-top: 20rpx">
<button class="tijiao" @click="tijiao">提交材料</button> <button class="tijiao" @click="tijiao">提交材料</button>
</view> </view>
</view> </view>
@@ -119,24 +133,23 @@
</template> </template>
<script setup> <script setup>
import { reactive, inject,computed, watch, ref, onMounted } from 'vue'; import { reactive, inject, computed, watch, ref, onMounted } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app'; import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, debounce, throttle, navBack, safeReLaunch } = inject('globalFunction'); const { $api, debounce, throttle, navBack, safeReLaunch } = inject('globalFunction');
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore'; import useUserStore from '@/stores/useUserStore';
import DatePicker from '@/components/DatePicker/DatePicker.vue'; import DatePicker from '@/components/DatePicker/DatePicker.vue';
import { navTo } from '../../../common/globalFunction'; import { navTo } from '@/common/globalFunction';
const { userInfo } = storeToRefs(useUserStore()); const { userInfo } = storeToRefs(useUserStore());
// 获取时间选择器组件的引用 // 获取时间选择器组件的引用
const datePicker = ref(); const datePicker = ref();
const popup = ref() const popup = ref();
const active = ref(1)
const startDate = ref(null)
const endDate = ref(null)
const active = ref(1);
const startDate = ref(null);
const endDate = ref(null);
// 选择开始时间 // 选择开始时间
const changestartTime = () => { const changestartTime = () => {
@@ -159,23 +172,21 @@ const changeendTime = () => {
} }
}, },
}); });
} };
const open = () =>{ const open = () => {
popup.value.open('bottom') popup.value.open('bottom');
} };
const tijiao = () => { const tijiao = () => {
popup.value.close() popup.value.close();
} };
onMounted(() => { onMounted(() => {});
});
const tijiao1 = () => { const tijiao1 = () => {
safeReLaunch('/pages/index/index') safeReLaunch('/pages/index/index');
} };
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>

View File

@@ -4,12 +4,12 @@
<!-- 顶部头部区域 --> <!-- 顶部头部区域 -->
<view class="container-header"> <view class="container-header">
<view class="header-top"> <view class="header-top">
<view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }"> <!-- <view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
现场招聘 现场招聘
</view> </view>
<view v-if="!isMachineEnv" class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }"> <view v-if="!isMachineEnv" class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
VR虚拟招聘会 VR虚拟招聘会
</view> </view> -->
</view> </view>
<view class="header-input btn-feel"> <view class="header-input btn-feel">
<my-icons class="iconsearch" color="#666666" type="search" size="36"></my-icons> <my-icons class="iconsearch" color="#666666" type="search" size="36"></my-icons>
@@ -116,18 +116,18 @@ const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
import useUserStore from '@/stores/useUserStore'; import useUserStore from '@/stores/useUserStore';
const { isMachineEnv } = storeToRefs(useUserStore()); const { isMachineEnv } = storeToRefs(useUserStore());
const { $api, navTo, cloneDeep, debounce } = inject('globalFunction'); const { $api, navTo, cloneDeep, debounce } = inject('globalFunction');
import useScreenStore from '@/stores/useScreenStore' import useScreenStore from '@/stores/useScreenStore';
const screenStore = useScreenStore() const screenStore = useScreenStore();
const showTabbar = ref(false) const showTabbar = ref(false);
watch( watch(
() => screenStore.isWideScreen, () => screenStore.isWideScreen,
(newVal) => { (newVal) => {
showTabbar.value = newVal showTabbar.value = newVal;
}, },
{ immediate: true } { immediate: true }
) );
const weekList = ref([]); const weekList = ref([]);
const fairList = ref([]); const fairList = ref([]);

View File

@@ -9,7 +9,8 @@
<view class="nav-hidden"> <view class="nav-hidden">
<view class="container-search"> <view class="container-search">
<!-- <image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image> --> <!-- <image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image> -->
<image class="bg-text" mode="widthFix" src="@/static/imgs/shihezi.jpg"></image> <image class="bg-text" mode="scaleToFill" src="@/static/imgs/shihezi.jpg"></image>
<view class="gradient-overlay"></view>
<view class="search-inner"> <view class="search-inner">
<view class="inner-left"> <view class="inner-left">
<!-- <image <!-- <image
@@ -434,7 +435,7 @@ const handleItemClick = (item) => {
// lightAppJssdk.navigation.hide({ // lightAppJssdk.navigation.hide({
// url: config.Quality_assessment_URL, // url: config.Quality_assessment_URL,
// }); // });
navTo('/packageA/pages/rightsProtectionApplication/rightsProtectionApplication') navTo('/packageA/pages/rightsProtectionApplication/rightsProtectionApplication');
break; break;
case '就业指导': case '就业指导':
lightAppJssdk.navigation.hide({ lightAppJssdk.navigation.hide({
@@ -819,6 +820,16 @@ defineExpose({ loadData });
// width: 4rpx // width: 4rpx
// height: 20rpx // height: 20rpx
.gradient-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.8), transparent);
pointer-events: none;
}
.app-container .app-container
width: 100%; width: 100%;
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom)); height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
@@ -834,9 +845,10 @@ defineExpose({ loadData });
padding:60rpx 0 0rpx; padding:60rpx 0 0rpx;
position: relative position: relative
.bg-text .bg-text
position :absolute position: absolute;
width:100%; width:100%;
top:10%; height: 100%;
top: 0%;
left:0 left:0
.search-inner .search-inner
position relative; position relative;

View File

@@ -139,7 +139,7 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
resolve(resData.data) resolve(resData.data)
return return
} }
if (msg) { if (msg && config.showErrorMessage) {
uni.showToast({ uni.showToast({
title: msg, title: msg,
icon: 'none' icon: 'none'