CheckBtn 修改

src/doctor/components/checkBtn/CheckBtn.vue

@@ -4,7 +4,9 @@
             @click="onClick(item)"
             :class="['py-2 px-3 shrink-0 check-btn-item',
                 { 'check-btn-item-active': isSelect(item) },
-                { 'check-btn-item-disabled': isDisabled(item) }]">
+                { 'check-btn-item-disabled': isDisabled(item) },
+                `text-align-${textAlign}`]"
+            >
             {{ item[fieldNames.text] }}
         </div>
     </div>
@@ -26,7 +28,8 @@ export default {
         // 点击取消选中 单选
         clearable: { default: true },
         // 是否多选
-        multiple: Boolean
+        multiple: Boolean,
+        textAlign: { default: 'center' }
     },
     emits: ['update:value', 'change'],
     data() {
@@ -114,6 +117,15 @@ export default {
         // opacity: 0.5;
         filter: grayscale(1);
     }
+    .text-align-left {
+        text-align: left;
+    }
+    .text-align-center {
+        text-align: center;
+    }
+    .text-align-right {
+        text-align: right;
+    }
 }
 
 .check-btn.check-btn-workbench {
@@ -121,7 +133,6 @@ export default {
         border-radius: 30px;
         padding-top: 4px;
         padding-bottom: 4px;
-        text-align: center;
         color: #595959;
     }
     .check-btn-item-active {

src/test/Index.vue

@@ -10,7 +10,7 @@
             <h4>多选/单选按键</h4>
             <span>{{ checkData }}</span>
         </div>
-        <CheckBtn :options="checkOptions" v-model:value="checkData"/>
+        <CheckBtn :options="checkOptions" v-model:value="checkData" column-1 text-align="center"/>
         
         <h4>upload</h4>
         <DocImageUpload />
@@ -57,11 +57,11 @@ export default {
             },
             checkData: undefined,
             checkOptions: [
-                { name: '血常规', code: 1, disabled: true },
-                { name: '尿常规', code: 2 },
-                { name: '肝功能', code: 3 },
-                { name: '肾功能', code: 4 },
-                { name: '电解质', code: 5 }
+                { name: '血常规', value: 1, disabled: true },
+                { name: '尿常规', value: 2 },
+                { name: '肝功能', value: 3 },
+                { name: '肾功能', value: 4 },
+                { name: '电解质', value: 5 }
             ]
         }
     },