vue2-client 1.15.87 → 1.15.88

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

@@ -1,238 +1,238 @@
-<template>
-  <div class="xcharge-wrapper">
-    <!-- 顶部金额信息区（表单行风格，宽度固定，每行4个） -->
-    <a-row :gutter="0" class="amount-info">
-      <a-col v-for="item in config.amountFields" :key="item.field" :span="6" class="form-row">
-        <label class="form-label">{{ item.label }}</label>
-        <a-input
-          v-model="data[item.field]"
-          :value="data[item.field]"
-          :disabled="item.disabled"
-          class="form-input"
-        />
-      </a-col>
-    </a-row>
-
-    <a-divider/>
-
-    <!-- 支付方式选择区 -->
-    <div class="payment-methods">
-      <a-button
-        v-for="method in config.paymentMethods"
-        :key="method.key"
-        :class="['payment-btn', { active: selectedMethod === method.key }]"
-        @click="selectMethod(method.key)"
-      >
-        <div>
-          <div class="pay-label">{{ method.label }}</div>
-        </div>
-      </a-button>
-    </div>
-
-    <a-divider/>
-
-    <!-- 底部金额和操作区（表单行风格，宽度固定） -->
-    <a-row :gutter="0" class="bottom-info">
-      <a-col v-for="item in config.bottomFields" :key="item.field" :span="8" class="form-row">
-        <label class="form-label">{{ item.label }}</label>
-        <a-input
-          v-model="data[item.field]"
-          :disabled="item.disabled"
-          class="form-input"
-          @change="bottomFieldsChange($event,item)"
-        />
-      </a-col>
-    </a-row>
-    <a-row class="actions-row" justify="center">
-      <a-button
-        v-for="btn in config.actionButtons"
-        :key="btn.key"
-        @click="handleAction(btn.key)"
-        :icon="btn.icon"
-        style="margin: 0 8px"
-      >
-        {{ btn.label }}
-      </a-button>
-    </a-row>
-  </div>
-</template>
-
-<script>
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XCharge',
-  props: {
-    queryParamsName: {
-      type: String,
-      default: ''
-    },
-    parameter: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data () {
-    return {
-      config: {
-        amountFields: [],
-        paymentMethods: [],
-        bottomFields: [],
-        actionButtons: []
-      },
-      data: {},
-      selectedMethod: '',
-    }
-  },
-  created () {
-    this.getConfig(this.queryParamsName, {})
-  },
-  methods: {
-    selectMethod (value) {
-      this.selectedMethod = value
-      this.data.selectedMethod = value
-      this.$emit('method', value)
-    },
-    getConfig (configName, param) {
-      getConfigByName(configName, 'af-his', res => {
-        this.config = res
-        this.selectedMethod = res.paymentMethods?.[0]?.key || ''
-        // 初始化数据
-        runLogic(res.dataSourceConfig, param, 'af-his').then(resData => {
-          this.data = { ...resData }
-        })
-      })
-    },
-    refreshList (param) {
-      this.getConfig(this.queryParamsName, param)
-    },
-    handleAction (key) {
-      console.warn('选择的的方法 ====》' + key)
-      console.warn('页面数据 ====》' + JSON.stringify(this.data))
-      console.warn('选择的支付方式 ====》' + this.selectedMethod)
-      this.$emit('action', { key, data: this.data, method: this.selectedMethod })
-    },
-    bottomFieldsChange (e, item) {
-      if (item.changeEventName && this.$listeners[item.changeEventName]) {
-        this.$emit(item.changeEventName, e, item)
-      }
-    }
-  },
-  watch: {
-    configName (val) {
-      this.getConfig()
-    }
-  }
-}
-</script>
-
-<style scoped>
-.xcharge-wrapper {
-  background: #fff;
-  padding: 24px;
-  border-radius: 8px;
-}
-
-.amount-info {
-  margin-bottom: 20px;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 16px;
-}
-
-.form-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 30px;
-}
-
-.form-label {
-  width: 100px;
-  font-size: 18px;
-  color: #333;
-  font-weight: bold;
-  text-align: left;
-  letter-spacing: 1px;
-  flex-shrink: 0;
-}
-
-.form-input {
-  width: 180px;
-  height: 40px;
-  font-size: 18px;
-  border-radius: 8px;
-  border: 1.5px solid #dcdfe6;
-  background: #fff;
-  color: #333;
-  padding-left: 12px;
-}
-
-.form-input[disabled] {
-  color: #999;
-  background: #f5f5f5;
-}
-
-.payment-methods {
-  display: flex;
-  justify-content: space-around;
-  margin: 32px 0;
-}
-
-.payment-btn {
-  width: 180px;
-  height: 120px;
-  margin: 0 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #f7f8fa;
-  border: 1.5px solid #e4e7ed;
-  color: #333;
-  font-weight: bold;
-  font-size: 24px;
-  transition: all 0.2s;
-  box-shadow: none;
-  border-radius: 12px;
-}
-
-.payment-btn.active {
-  background: #409eff;
-  border-color: #409eff;
-  color: #fff;
-}
-
-.pay-label {
-  font-size: 24px;
-  font-weight: bold;
-}
-
-.pay-shortcut {
-  font-size: 16px;
-  color: #888;
-}
-
-.bottom-info {
-  margin-top: 24px;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 16px;
-}
-
-.actions-row {
-  margin-top: 32px;
-  display: flex;
-  justify-content: center;
-}
-
-.actions-row .ant-btn {
-  margin: 0 8px;
-  background: #444;
-  color: #fff;
-  border-radius: 6px;
-  border: none;
-  font-size: 16px;
-  font-weight: 500;
-  height: 38px;
-  min-width: 90px;
-}
-</style>
+<template>
+  <div class="xcharge-wrapper">
+    <!-- 顶部金额信息区（表单行风格，宽度固定，每行4个） -->
+    <a-row :gutter="0" class="amount-info">
+      <a-col v-for="item in config.amountFields" :key="item.field" :span="6" class="form-row">
+        <label class="form-label">{{ item.label }}</label>
+        <a-input
+          v-model="data[item.field]"
+          :value="data[item.field]"
+          :disabled="item.disabled"
+          class="form-input"
+        />
+      </a-col>
+    </a-row>
+
+    <a-divider/>
+
+    <!-- 支付方式选择区 -->
+    <div class="payment-methods">
+      <a-button
+        v-for="method in config.paymentMethods"
+        :key="method.key"
+        :class="['payment-btn', { active: selectedMethod === method.key }]"
+        @click="selectMethod(method.key)"
+      >
+        <div>
+          <div class="pay-label">{{ method.label }}</div>
+        </div>
+      </a-button>
+    </div>
+
+    <a-divider/>
+
+    <!-- 底部金额和操作区（表单行风格，宽度固定） -->
+    <a-row :gutter="0" class="bottom-info">
+      <a-col v-for="item in config.bottomFields" :key="item.field" :span="8" class="form-row">
+        <label class="form-label">{{ item.label }}</label>
+        <a-input
+          v-model="data[item.field]"
+          :disabled="item.disabled"
+          class="form-input"
+          @change="bottomFieldsChange($event,item)"
+        />
+      </a-col>
+    </a-row>
+    <a-row class="actions-row" justify="center">
+      <a-button
+        v-for="btn in config.actionButtons"
+        :key="btn.key"
+        @click="handleAction(btn.key)"
+        :icon="btn.icon"
+        style="margin: 0 8px"
+      >
+        {{ btn.label }}
+      </a-button>
+    </a-row>
+  </div>
+</template>
+
+<script>
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XCharge',
+  props: {
+    queryParamsName: {
+      type: String,
+      default: ''
+    },
+    parameter: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    return {
+      config: {
+        amountFields: [],
+        paymentMethods: [],
+        bottomFields: [],
+        actionButtons: []
+      },
+      data: {},
+      selectedMethod: '',
+    }
+  },
+  created () {
+    this.getConfig(this.queryParamsName, {})
+  },
+  methods: {
+    selectMethod (value) {
+      this.selectedMethod = value
+      this.data.selectedMethod = value
+      this.$emit('method', value)
+    },
+    getConfig (configName, param) {
+      getConfigByName(configName, 'af-his', res => {
+        this.config = res
+        this.selectedMethod = res.paymentMethods?.[0]?.key || ''
+        // 初始化数据
+        runLogic(res.dataSourceConfig, param, 'af-his').then(resData => {
+          this.data = { ...resData }
+        })
+      })
+    },
+    refreshList (param) {
+      this.getConfig(this.queryParamsName, param)
+    },
+    handleAction (key) {
+      console.warn('选择的的方法 ====》' + key)
+      console.warn('页面数据 ====》' + JSON.stringify(this.data))
+      console.warn('选择的支付方式 ====》' + this.selectedMethod)
+      this.$emit('action', { key, data: this.data, method: this.selectedMethod })
+    },
+    bottomFieldsChange (e, item) {
+      if (item.changeEventName && this.$listeners[item.changeEventName]) {
+        this.$emit(item.changeEventName, e, item)
+      }
+    }
+  },
+  watch: {
+    configName (val) {
+      this.getConfig()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.xcharge-wrapper {
+  background: #fff;
+  padding: 24px;
+  border-radius: 8px;
+}
+
+.amount-info {
+  margin-bottom: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 16px;
+}
+
+.form-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 30px;
+}
+
+.form-label {
+  width: 100px;
+  font-size: 18px;
+  color: #333;
+  font-weight: bold;
+  text-align: left;
+  letter-spacing: 1px;
+  flex-shrink: 0;
+}
+
+.form-input {
+  width: 180px;
+  height: 40px;
+  font-size: 18px;
+  border-radius: 8px;
+  border: 1.5px solid #dcdfe6;
+  background: #fff;
+  color: #333;
+  padding-left: 12px;
+}
+
+.form-input[disabled] {
+  color: #999;
+  background: #f5f5f5;
+}
+
+.payment-methods {
+  display: flex;
+  justify-content: space-around;
+  margin: 32px 0;
+}
+
+.payment-btn {
+  width: 180px;
+  height: 120px;
+  margin: 0 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f7f8fa;
+  border: 1.5px solid #e4e7ed;
+  color: #333;
+  font-weight: bold;
+  font-size: 24px;
+  transition: all 0.2s;
+  box-shadow: none;
+  border-radius: 12px;
+}
+
+.payment-btn.active {
+  background: #409eff;
+  border-color: #409eff;
+  color: #fff;
+}
+
+.pay-label {
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.pay-shortcut {
+  font-size: 16px;
+  color: #888;
+}
+
+.bottom-info {
+  margin-top: 24px;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 16px;
+}
+
+.actions-row {
+  margin-top: 32px;
+  display: flex;
+  justify-content: center;
+}
+
+.actions-row .ant-btn {
+  margin: 0 8px;
+  background: #444;
+  color: #fff;
+  border-radius: 6px;
+  border: none;
+  font-size: 16px;
+  font-weight: 500;
+  height: 38px;
+  min-width: 90px;
+}
+</style>

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

@@ -1,105 +1,105 @@
-<template>
-  <div class="x-checkbox-container">
-    <a-checkbox-group v-model="innerValue" @change="onChange" class="x-checkbox-group">
-      <div v-for="item in data" :key="item.value" class="x-checkbox-item-container">
-        <a-checkbox :value="item.value" class="x-checkbox-item">
-          {{ item.label }}
-        </a-checkbox>
-      </div>
-    </a-checkbox-group>
-  </div>
-</template>
-
-<script>
-import { getConfigByName } from '@vue2-client/services/api/common'
-import { Checkbox } from 'ant-design-vue'
-
-export default {
-  name: 'XCheckbox',
-  components: {
-    ACheckboxGroup: Checkbox.Group,
-    ACheckbox: Checkbox
-  },
-  props: {
-    queryParamsName: {
-      type: Object,
-      default: null
-    },
-    value: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data () {
-    return {
-      data: [],
-      innerValue: [],
-      config: null
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  watch: {
-    value: {
-      handler (val) {
-        this.innerValue = val
-      },
-      deep: true
-    }
-  },
-  emits: ['change', 'init'],
-  methods: {
-    async getData (data) {
-      getConfigByName(data, 'af-his', res => {
-        // 1. 加载选项
-        if (res.checkbox && Array.isArray(res.checkbox)) {
-          this.data = res.checkbox
-          // 2. 初始化默认值（优先级： 配置defaultValue > 空数组）
-          if (res.defaultValue !== undefined && Array.isArray(res.defaultValue)) {
-            this.innerValue = res.defaultValue
-          }
-          // 3. 触发初始化事件
-          this.$emit('init', {
-            config: res,
-            options: this.data,
-            value: this.innerValue
-          })
-        } else {
-          this.$message.error('配置错误，checkbox字段不是数组')
-        }
-      })
-    },
-    onChange (checkedValues) {
-      this.innerValue = checkedValues
-      this.$emit('change', checkedValues)
-    }
-  }
-}
-</script>
-
-<style scoped>
-.x-checkbox-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.x-checkbox-group {
-  display: flex;
-  justify-content: space-around;
-}
-
-.x-checkbox-item-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  padding: 0 8px;
-  box-sizing: border-box;
-}
-
-.x-checkbox-item {
-  margin-bottom: 8px;
-}
-</style>
+<template>
+  <div class="x-checkbox-container">
+    <a-checkbox-group v-model="innerValue" @change="onChange" class="x-checkbox-group">
+      <div v-for="item in data" :key="item.value" class="x-checkbox-item-container">
+        <a-checkbox :value="item.value" class="x-checkbox-item">
+          {{ item.label }}
+        </a-checkbox>
+      </div>
+    </a-checkbox-group>
+  </div>
+</template>
+
+<script>
+import { getConfigByName } from '@vue2-client/services/api/common'
+import { Checkbox } from 'ant-design-vue'
+
+export default {
+  name: 'XCheckbox',
+  components: {
+    ACheckboxGroup: Checkbox.Group,
+    ACheckbox: Checkbox
+  },
+  props: {
+    queryParamsName: {
+      type: Object,
+      default: null
+    },
+    value: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data () {
+    return {
+      data: [],
+      innerValue: [],
+      config: null
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  watch: {
+    value: {
+      handler (val) {
+        this.innerValue = val
+      },
+      deep: true
+    }
+  },
+  emits: ['change', 'init'],
+  methods: {
+    async getData (data) {
+      getConfigByName(data, 'af-his', res => {
+        // 1. 加载选项
+        if (res.checkbox && Array.isArray(res.checkbox)) {
+          this.data = res.checkbox
+          // 2. 初始化默认值（优先级： 配置defaultValue > 空数组）
+          if (res.defaultValue !== undefined && Array.isArray(res.defaultValue)) {
+            this.innerValue = res.defaultValue
+          }
+          // 3. 触发初始化事件
+          this.$emit('init', {
+            config: res,
+            options: this.data,
+            value: this.innerValue
+          })
+        } else {
+          this.$message.error('配置错误，checkbox字段不是数组')
+        }
+      })
+    },
+    onChange (checkedValues) {
+      this.innerValue = checkedValues
+      this.$emit('change', checkedValues)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.x-checkbox-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.x-checkbox-group {
+  display: flex;
+  justify-content: space-around;
+}
+
+.x-checkbox-item-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: 0 8px;
+  box-sizing: border-box;
+}
+
+.x-checkbox-item {
+  margin-bottom: 8px;
+}
+</style>