|
@@ -29,24 +29,26 @@
|
|
|
|
|
|
|
|
<!-- 岗位履历 -->
|
|
<!-- 岗位履历 -->
|
|
|
<view class="form-section">
|
|
<view class="form-section">
|
|
|
- <!-- 任职时间 -->
|
|
|
|
|
|
|
+ <!-- 在校时间 -->
|
|
|
<view class="form-item">
|
|
<view class="form-item">
|
|
|
<view class="form-label">
|
|
<view class="form-label">
|
|
|
<text class="required-mark">*</text>
|
|
<text class="required-mark">*</text>
|
|
|
<text class="label-text">在校时间</text>
|
|
<text class="label-text">在校时间</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="form-input">
|
|
|
|
|
- <uni-datetime-picker
|
|
|
|
|
- v-model="formData.employmentTime"
|
|
|
|
|
- type="daterange"
|
|
|
|
|
- rangeSeparator="至"
|
|
|
|
|
- :border="false"
|
|
|
|
|
- startPlaceholder="选择入校时间"
|
|
|
|
|
- endPlaceholder="选择离校时间"
|
|
|
|
|
- />
|
|
|
|
|
- <!-- <text v-if="resume.employmentTime">{{ resume.employmentTime }}</text> -->
|
|
|
|
|
- <!-- <text v-else class="placeholder">{{ hasCrossBorderExperience ? '选择任职时间&离职时间' : '选择在职时间&离职时间' }}</text> -->
|
|
|
|
|
- <image src="../../static/images/index/Iconly_Light_Calendar.svg" style="width: 48rpx; height: 48rpx;" mode="aspectFit"></image>
|
|
|
|
|
|
|
+ <view class="form-input time-range">
|
|
|
|
|
+ <view class="time-input">
|
|
|
|
|
+ <uni-datetime-picker v-model="formData.employmentTime[0]" type="date"
|
|
|
|
|
+ :border="false" placeholder="开始时间" />
|
|
|
|
|
+ <!-- <image src="../../static/images/index/Iconly_Light_Calendar.svg"
|
|
|
|
|
+ style="width: 48rpx; height: 48rpx;" mode="aspectFit"></image> -->
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="time-separator">至</view>
|
|
|
|
|
+ <view class="time-input">
|
|
|
|
|
+ <uni-datetime-picker v-model="formData.employmentTime[1]" type="date"
|
|
|
|
|
+ :border="false" placeholder="结束时间" />
|
|
|
|
|
+ <image src="../../static/images/index/Iconly_Light_Calendar.svg"
|
|
|
|
|
+ style="width: 48rpx; height: 48rpx;" mode="aspectFit"></image>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
@@ -359,8 +361,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
picker{
|
|
picker{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- }
|
|
|
|
|
- textarea{
|
|
|
|
|
|
|
+ } textarea{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
padding: 20rpx 0;
|
|
padding: 20rpx 0;
|
|
|
height: fit-content;
|
|
height: fit-content;
|
|
@@ -369,6 +370,47 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+/* 时间选择器样式 */
|
|
|
|
|
+.time-range {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.time-input {
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ // border-bottom: 1rpx solid #E5E5EA;
|
|
|
|
|
+ // padding-bottom: 10rpx;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.time-input:first-child {
|
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.time-input:last-child {
|
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.time-separator {
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ color: #666;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+/* 调整日期选择器输入框样式 */
|
|
|
|
|
+.time-input /deep/ .uni-datetime-picker__input {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ color: #333;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.time-input /deep/ .uni-datetime-picker__placeholder {
|
|
|
|
|
+ color: #999;
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+}
|
|
|
.skills-input-container {
|
|
.skills-input-container {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
min-height: 80rpx;
|
|
min-height: 80rpx;
|