Browse Source

选择西药诊断与中药诊断,样式优化

yanqiliang 2 weeks ago
parent
commit
71bbb75220

+ 24 - 6
src/pages/entryWrite/page/Entry/diagnostic/addDiagnostic/customDiagnostics/customDiagnostics.vue

@@ -4,12 +4,13 @@
         <mp-cells ext-class="my-cells">
             <mp-cell class="diag-form__cell">
                 <view class="diag-form__row diag-form__row--full">
-                    <picker @change="bindPickerChange" :value="selectIndex" :range="objectArray" range-key="name" :disabled="!canEdit">
-                        <view class="diag-form__picker diag-form__picker--left">
-                            <!-- 当前选择:{{editData.diagCMark||objectArray[selectIndex].name || "请选择"}} -->
-                            当前选择:{{ objectArray[selectIndex].name || '请选择' }}
-                        </view>
-                    </picker>
+                    <view class="diag-form__label">当前选择:</view>
+                    <radio-group class="diag-form__radio-group" @change="bindPickerChange">
+                        <label v-for="(item, index) in objectArray" :key="item.id" class="diag-form__radio-item">
+                            <radio :value="String(index)" :checked="selectIndex == index" :disabled="!canEdit" color="#1687ff" />
+                            <text class="diag-form__radio-text">{{ item.name }}</text>
+                        </label>
+                    </radio-group>
                 </view>
             </mp-cell>
             <view>
@@ -831,6 +832,23 @@ export default {
     font-weight: 500;
 }
 
+.diag-form__radio-group {
+    display: flex;
+    align-items: center;
+    gap: 24rpx;
+}
+
+.diag-form__radio-item {
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+}
+
+.diag-form__radio-text {
+    font-size: 28rpx;
+    color: #1f2937;
+}
+
 .diag-form__value {
     display: block;
     white-space: normal;