添加和修改功能
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 17:33:17
|
||||
* @LastEditTime: 2025-11-06 12:14:22
|
||||
-->
|
||||
<template>
|
||||
<view class="input-outer-part">
|
||||
@@ -13,12 +13,12 @@
|
||||
color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="100">
|
||||
<uni-forms labelPosition="right" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="150rpx">
|
||||
<uni-forms-item label="姓名" name="personName" required
|
||||
v-if="$store.getters.roles.includes('shequn'|| $store.getters.roles.includes('gly'))"
|
||||
>
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
<view class="input-area" style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit||!canChoosePerson, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
@@ -36,16 +36,16 @@
|
||||
<radio :customStyle="{marginRight: '16px'}" label="否" value="否">否</radio>
|
||||
</radio-group> -->
|
||||
<view class="radio-group">
|
||||
<view
|
||||
:class="['radio-item', { 'radio-disabled': !edit }]"
|
||||
@click="formData.ywcdxq = '是'"
|
||||
<view class="radio-item"
|
||||
:class="!edit ? 'radio-disabled' : ''"
|
||||
@click="edit ? formData.ywcdxq = '是': ''"
|
||||
v-if="edit">
|
||||
<view :class="['radio', { 'radio-checked': formData.ywcdxq === '是' }]"></view>
|
||||
<text>是</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['radio-item', { 'radio-disabled': !edit }]"
|
||||
@click="formData.ywcdxq = '否'"
|
||||
<view class="radio-item"
|
||||
:class="!edit ? 'radio-disabled' : ''"
|
||||
@click="edit ? formData.ywcdxq = '否': ''"
|
||||
v-if="edit">
|
||||
<view :class="['radio', { 'radio-checked': formData.ywcdxq === '否' }]"></view>
|
||||
<text>否</text>
|
||||
@@ -54,26 +54,43 @@
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="场地面积" name="cdmj">
|
||||
<input :disabled="!edit" v-model="formData.cdmj" border="none"
|
||||
<input class="input-area" :disabled="!edit" v-model="formData.cdmj" border="none"
|
||||
placeholder="请输入"/>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="办公人数" name="bgrs">
|
||||
<input :disabled="!edit" v-model="formData.bgrs" border="none"
|
||||
<input class="input-area" :disabled="!edit" v-model="formData.bgrs" border="none"
|
||||
placeholder="请输入"/>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="办公位置" name="bgdd">
|
||||
<input :disabled="!edit" v-model="formData.bgdd" border="none"
|
||||
<input class="input-area" :disabled="!edit" v-model="formData.bgdd" border="none"
|
||||
placeholder="请输入"/>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="有无创业培训需求" name="ywcypxxq" required>
|
||||
<radio-group :disabled="!edit" :value="formData.ywcypxxq"
|
||||
<!-- <radio-group :disabled="!edit" :value="formData.ywcypxxq"
|
||||
placement="row">
|
||||
<radio :customStyle="{marginRight: '16px'}" label="是" value="是">是</radio>
|
||||
<radio :customStyle="{marginRight: '16px'}" label="否" value="否">否</radio>
|
||||
</radio-group>
|
||||
</radio-group> -->
|
||||
<view class="radio-group">
|
||||
<view class="radio-item"
|
||||
:class="!edit ? 'radio-disabled' : ''"
|
||||
@click="edit ? formData.ywcypxxq = '是' : ''"
|
||||
v-if="edit">
|
||||
<view :class="['radio', { 'radio-checked': formData.ywcypxxq === '是' }]"></view>
|
||||
<text>是</text>
|
||||
</view>
|
||||
<view class="radio-item"
|
||||
:class="!edit ? 'radio-disabled' : ''"
|
||||
@click="edit ? formData.ywcypxxq = '否' : ''"
|
||||
v-if="edit">
|
||||
<view :class="['radio', { 'radio-checked': formData.ywcypxxq === '否' }]"></view>
|
||||
<text>否</text>
|
||||
</view>
|
||||
<view v-else>{{ formData.ywcypxxq }}</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<!-- <uni-forms-item label="是否意向接受创业培训" name="isInterestedEntrepreneurshipGuidance" required>-->
|
||||
<!-- <radio-group :disabled="!edit" v-model="formData.isInterestedEntrepreneurshipGuidance"-->
|
||||
@@ -83,13 +100,30 @@
|
||||
<!-- </radio-group>-->
|
||||
<!-- </uni-forms-item>-->
|
||||
<uni-forms-item label="有无资金需求" name="ywzjxq" required>
|
||||
<radio-group :disabled="!edit" :value="formData.ywzjxq" placement="row">
|
||||
<!-- <radio-group :disabled="!edit" :value="formData.ywzjxq" placement="row">
|
||||
<radio :customStyle="{marginRight: '16px'}" label="是" value="是">是</radio>
|
||||
<radio :customStyle="{marginRight: '16px'}" label="否" value="否">否</radio>
|
||||
</radio-group>
|
||||
</radio-group> -->
|
||||
<view class="radio-group">
|
||||
<view class="radio-item"
|
||||
:class="!edit ? 'radio-disabled' : ''"
|
||||
@click="edit ? formData.ywzjxq = '是' : ''"
|
||||
v-if="edit">
|
||||
<view :class="['radio', { 'radio-checked': formData.ywzjxq === '是' }]"></view>
|
||||
<text>是</text>
|
||||
</view>
|
||||
<view class="radio-item"
|
||||
:class="!edit ? 'radio-disabled' : ''"
|
||||
@click="edit ? formData.ywzjxq = '否' : ''"
|
||||
v-if="edit">
|
||||
<view :class="['radio', { 'radio-checked': formData.ywzjxq === '否' }]"></view>
|
||||
<text>否</text>
|
||||
</view>
|
||||
<view v-else>{{ formData.ywzjxq }}</view>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="需求说明" name="jobDescription" required>
|
||||
<textarea :disabled="!edit" v-model="formData.jobDescription" placeholder="请输入"></textarea>
|
||||
<textarea style="width: 100%;box-sizing: border-box;" class="textarea" :disabled="!edit" v-model="formData.jobDescription" placeholder="请输入"></textarea>
|
||||
</uni-forms-item>
|
||||
<!-- <uni-forms-item label="希望解决日期" name="hopeSolveDate" required>
|
||||
<view style="width: 100%;" @click="showPicker('hopeSolveDate')"
|
||||
@@ -494,6 +528,44 @@
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.input-area{
|
||||
padding: 0 24rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
// &input{
|
||||
|
||||
// }
|
||||
}
|
||||
textarea{
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-radius: 8rpx;
|
||||
font-size: 26rpx;
|
||||
padding: 12rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.picker-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
// width: 100%;
|
||||
padding: 0 24rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #ffffff;
|
||||
border: 2rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
|
||||
Reference in New Issue
Block a user