vue2-client 1.15.86 → 1.15.88

package/src/base-client/components/his/XRadio/XRadio.vue

@@ -1,125 +1,125 @@
-<template>
-  <div class="x-radio-container">
-    <a-radio-group v-model="innerValue" @change="onChange" class="x-radio-group">
-      <div v-for="item in data" :key="item.value" class="x-radio-item-container">
-        <a-radio :value="item.value" class="x-radio-item">
-          {{ item.label }}
-        </a-radio>
-        <div
-          v-if="config.showIndicator && item.bottomLine !== false"
-          class="x-radio-indicator"
-          :style="{
-            width: item.indicatorWidth || '100%',
-            backgroundColor: item.indicatorColor || config.indicatorActiveColor,
-            height: config.indicatorHeight + 'px'
-          }"
-        ></div>
-      </div>
-    </a-radio-group>
-  </div>
-</template>
-
-<script>
-import { getConfigByName } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XRadio',
-  inject: ['getComponentByName'],
-  props: {
-    queryParamsName: {
-      type: Object,
-      default: null
-    },
-    // eslint-disable-next-line vue/require-default-prop
-    value: [String, Number]
-  },
-  data () {
-    return {
-      data: [],
-      innerValue: null,
-      config: null
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  watch: {
-    value (val) {
-      this.innerValue = val
-    }
-  },
-  emits: ['change', 'init'],
-  methods: {
-    async getData (data) {
-      getConfigByName(data, 'af-his', res => {
-        // 1. 先加载选项
-        if (res.radio && Array.isArray(res.radio)) {
-          this.data = res.radio
-          // 2. 加载指示器配置
-          if (res.indicator !== undefined) {
-            // 如果indicator是布尔值，则只控制显示/隐藏
-            if (typeof res.indicator === 'boolean') {
-              this.config.showIndicator = res.indicator
-            } else if (typeof res.indicator === 'object') {
-              this.config = {
-                ...this.config,
-                ...res.indicator
-              }
-            }
-          }
-          // 3. 初始化默认值（优先级： 配置defaultValue > 第一个选项）
-          if (this.value !== undefined && this.value !== null) {
-            this.innerValue = this.value // 优先使用外部传入的 value
-          } else if (res.defaultValue !== undefined && res.defaultValue !== null) {
-            // 使用配置中的defaultValue
-            this.innerValue = res.defaultValue
-          } else if (this.data.length > 0) {
-            // 如果没有默认值但有选项，使用第一个选项
-            this.innerValue = this.data[0].value
-          }
-          // 4. 触发初始化事件
-          this.$emit('init', this.innerValue)
-        } else {
-          this.$message.error('配置错误，radio字段不是数组')
-        }
-      })
-    },
-    onChange (e) {
-      this.innerValue = e.target.value
-      this.$emit('change', e.target.value)
-    }
-  }
-}
-</script>
-
-<style scoped>
-.x-radio-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.x-radio-group {
-  display: flex;
-  justify-content: space-around;
-}
-
-.x-radio-item-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding: 0 8px;
-  box-sizing: border-box;
-}
-
-.x-radio-item {
-  margin-bottom: 8px;
-}
-
-.x-radio-indicator {
-  height: 3px;
-  transition: all 0.3s;
-  max-width: 100%;
-}
-</style>
+<template>
+  <div class="x-radio-container">
+    <a-radio-group v-model="innerValue" @change="onChange" class="x-radio-group">
+      <div v-for="item in data" :key="item.value" class="x-radio-item-container">
+        <a-radio :value="item.value" class="x-radio-item">
+          {{ item.label }}
+        </a-radio>
+        <div
+          v-if="config.showIndicator && item.bottomLine !== false"
+          class="x-radio-indicator"
+          :style="{
+            width: item.indicatorWidth || '100%',
+            backgroundColor: item.indicatorColor || config.indicatorActiveColor,
+            height: config.indicatorHeight + 'px'
+          }"
+        ></div>
+      </div>
+    </a-radio-group>
+  </div>
+</template>
+
+<script>
+import { getConfigByName } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XRadio',
+  inject: ['getComponentByName'],
+  props: {
+    queryParamsName: {
+      type: Object,
+      default: null
+    },
+    // eslint-disable-next-line vue/require-default-prop
+    value: [String, Number]
+  },
+  data () {
+    return {
+      data: [],
+      innerValue: null,
+      config: null
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  watch: {
+    value (val) {
+      this.innerValue = val
+    }
+  },
+  emits: ['change', 'init'],
+  methods: {
+    async getData (data) {
+      getConfigByName(data, 'af-his', res => {
+        // 1. 先加载选项
+        if (res.radio && Array.isArray(res.radio)) {
+          this.data = res.radio
+          // 2. 加载指示器配置
+          if (res.indicator !== undefined) {
+            // 如果indicator是布尔值，则只控制显示/隐藏
+            if (typeof res.indicator === 'boolean') {
+              this.config.showIndicator = res.indicator
+            } else if (typeof res.indicator === 'object') {
+              this.config = {
+                ...this.config,
+                ...res.indicator
+              }
+            }
+          }
+          // 3. 初始化默认值（优先级： 配置defaultValue > 第一个选项）
+          if (this.value !== undefined && this.value !== null) {
+            this.innerValue = this.value // 优先使用外部传入的 value
+          } else if (res.defaultValue !== undefined && res.defaultValue !== null) {
+            // 使用配置中的defaultValue
+            this.innerValue = res.defaultValue
+          } else if (this.data.length > 0) {
+            // 如果没有默认值但有选项，使用第一个选项
+            this.innerValue = this.data[0].value
+          }
+          // 4. 触发初始化事件
+          this.$emit('init', this.innerValue)
+        } else {
+          this.$message.error('配置错误，radio字段不是数组')
+        }
+      })
+    },
+    onChange (e) {
+      this.innerValue = e.target.value
+      this.$emit('change', e.target.value)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.x-radio-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.x-radio-group {
+  display: flex;
+  justify-content: space-around;
+}
+
+.x-radio-item-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: 0 8px;
+  box-sizing: border-box;
+}
+
+.x-radio-item {
+  margin-bottom: 8px;
+}
+
+.x-radio-indicator {
+  height: 3px;
+  transition: all 0.3s;
+  max-width: 100%;
+}
+</style>