添加和修改功能

packageRc/pages/needs/components/otherService.vue

@@ -1,7 +1,7 @@
 <!--
  * @Date: 2024-10-08 14:29:36
  * @LastEditors: shirlwang
- * @LastEditTime: 2025-11-05 08:57:34
+ * @LastEditTime: 2025-11-06 12:09:11
 -->
 <template>
 	
@@ -14,11 +14,11 @@
 							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="姓名" prop="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>
@@ -26,7 +26,7 @@
 						</uni-forms-item>
 
 						<uni-forms-item label="需求说明" prop="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>
 				</view>
@@ -338,6 +338,44 @@
 		color: rgb(192, 196, 204);
 	}
 
+.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;