vue2-client 1.17.42 → 1.17.44

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

@@ -1,145 +1,145 @@
-<script>
-import XCharge from './XCharge.vue'
-
-export default {
-  name: 'XChargeSimpleDemo',
-  components: { XCharge },
-  data () {
-    return {
-      queryParamsName: 'chargeConfig',
-      methods: [],
-      total: 0,
-      lastAmountChange: null,
-      lastAction: null,
-      currentMode: 'manual' // 当前模式：manual, auto, single
-    }
-  },
-  methods: {
-    onMethod (value) { console.log('【事件】单选支付方式(method)：', value) },
-    onMethods (values) {
-      console.log('【事件】多选支付方式(methods)：', values)
-      this.methods = values
-      // 在自动模式下，由外部决定金额分配
-      if (this.currentMode === 'auto') {
-        this.autoDistributeAmounts(values)
-      }
-    },
-    onTotal (total) { console.log('【事件】合计金额变更(totalPaymentAmount)：', total); this.total = total },
-    onAmountChange (payload) { console.log('【事件】单个方式金额变更(paymentAmountChange)：', payload, '→ 方式：', payload.method, ' 金额：', payload.amount); this.lastAmountChange = payload },
-    onAction (payload) { console.log('【事件】操作(action)：', payload); this.lastAction = payload },
-    switchMode (mode) {
-      this.currentMode = mode
-      // 根据模式切换配置
-      switch (mode) {
-        case 'manual':
-          this.queryParamsName = 'testChargeConfig'
-          break
-        case 'auto':
-          this.queryParamsName = 'testAutoMixedChargeConfig'
-          break
-        case 'single':
-          this.queryParamsName = 'testSingleChargeConfig'
-          break
-      }
-    },
-    getModeText (mode) {
-      const modeMap = {
-        manual: '混合支付-手动模式',
-        auto: '混合支付-自动模式',
-        single: '单选模式'
-      }
-      return modeMap[mode] || mode
-    },
-    // 外部金额分配逻辑（示例：平均分配）
-    autoDistributeAmounts (selectedMethods) {
-      if (!selectedMethods || selectedMethods.length === 0) return
-
-      // 示例：假设总金额为100，平均分配
-      const totalAmount = 100
-      const amountPerMethod = totalAmount / selectedMethods.length
-
-      const amounts = {}
-      selectedMethods.forEach(method => {
-        amounts[method] = amountPerMethod
-      })
-
-      // 调用组件的setPaymentAmounts方法
-      this.$refs.xCharge.setPaymentAmounts(amounts)
-    }
-  }
-}
-</script>
-
-<template>
-  <div class="demo">
-    <!-- 模式切换按钮 -->
-    <div class="mode-switcher">
-      <h3>XCharge 组件测试 - 混合支付模式切换</h3>
-      <div class="mode-buttons">
-        <a-button
-          :type="currentMode === 'manual' ? 'primary' : 'default'"
-          @click="switchMode('manual')"
-        >
-          混合支付-手动模式
-        </a-button>
-        <a-button
-          :type="currentMode === 'auto' ? 'primary' : 'default'"
-          @click="switchMode('auto')"
-        >
-          混合支付-自动模式
-        </a-button>
-        <a-button
-          :type="currentMode === 'single' ? 'primary' : 'default'"
-          @click="switchMode('single')"
-        >
-          单选模式
-        </a-button>
-      </div>
-      <p class="current-mode">当前模式：{{ getModeText(currentMode) }}</p>
-    </div>
-
-    <x-charge
-      ref="xCharge"
-      :queryParamsName="queryParamsName"
-      @method="onMethod"
-      @methods="onMethods"
-      @totalPaymentAmount="onTotal"
-      @paymentAmountChange="onAmountChange"
-      @action="onAction"
-    />
-
-    <div class="info">
-      <p>已选方式：{{ methods.join('、') || '无' }}</p>
-      <p>合计金额：{{ total }}</p>
-      <p v-if="lastAmountChange">最近金额变更：{{ lastAmountChange.method }} -> {{ lastAmountChange.amount }}</p>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.demo { padding: 16px; }
-.mode-switcher {
-  margin-bottom: 24px;
-  padding: 16px;
-  background: #f8f9fa;
-  border-radius: 8px;
-  border: 1px solid #e9ecef;
-}
-.mode-switcher h3 {
-  margin: 0 0 16px 0;
-  color: #333;
-  font-size: 18px;
-}
-.mode-buttons {
-  display: flex;
-  gap: 12px;
-  margin-bottom: 12px;
-}
-.current-mode {
-  margin: 0;
-  color: #666;
-  font-weight: 500;
-}
-.info { margin-top: 16px; color: #333; }
-.info p { margin: 6px 0; }
-</style>
+<script>
+import XCharge from './XCharge.vue'
+
+export default {
+  name: 'XChargeSimpleDemo',
+  components: { XCharge },
+  data () {
+    return {
+      queryParamsName: 'chargeConfig',
+      methods: [],
+      total: 0,
+      lastAmountChange: null,
+      lastAction: null,
+      currentMode: 'manual' // 当前模式：manual, auto, single
+    }
+  },
+  methods: {
+    onMethod (value) { console.log('【事件】单选支付方式(method)：', value) },
+    onMethods (values) {
+      console.log('【事件】多选支付方式(methods)：', values)
+      this.methods = values
+      // 在自动模式下，由外部决定金额分配
+      if (this.currentMode === 'auto') {
+        this.autoDistributeAmounts(values)
+      }
+    },
+    onTotal (total) { console.log('【事件】合计金额变更(totalPaymentAmount)：', total); this.total = total },
+    onAmountChange (payload) { console.log('【事件】单个方式金额变更(paymentAmountChange)：', payload, '→ 方式：', payload.method, ' 金额：', payload.amount); this.lastAmountChange = payload },
+    onAction (payload) { console.log('【事件】操作(action)：', payload); this.lastAction = payload },
+    switchMode (mode) {
+      this.currentMode = mode
+      // 根据模式切换配置
+      switch (mode) {
+        case 'manual':
+          this.queryParamsName = 'testChargeConfig'
+          break
+        case 'auto':
+          this.queryParamsName = 'testAutoMixedChargeConfig'
+          break
+        case 'single':
+          this.queryParamsName = 'testSingleChargeConfig'
+          break
+      }
+    },
+    getModeText (mode) {
+      const modeMap = {
+        manual: '混合支付-手动模式',
+        auto: '混合支付-自动模式',
+        single: '单选模式'
+      }
+      return modeMap[mode] || mode
+    },
+    // 外部金额分配逻辑（示例：平均分配）
+    autoDistributeAmounts (selectedMethods) {
+      if (!selectedMethods || selectedMethods.length === 0) return
+
+      // 示例：假设总金额为100，平均分配
+      const totalAmount = 100
+      const amountPerMethod = totalAmount / selectedMethods.length
+
+      const amounts = {}
+      selectedMethods.forEach(method => {
+        amounts[method] = amountPerMethod
+      })
+
+      // 调用组件的setPaymentAmounts方法
+      this.$refs.xCharge.setPaymentAmounts(amounts)
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="demo">
+    <!-- 模式切换按钮 -->
+    <div class="mode-switcher">
+      <h3>XCharge 组件测试 - 混合支付模式切换</h3>
+      <div class="mode-buttons">
+        <a-button
+          :type="currentMode === 'manual' ? 'primary' : 'default'"
+          @click="switchMode('manual')"
+        >
+          混合支付-手动模式
+        </a-button>
+        <a-button
+          :type="currentMode === 'auto' ? 'primary' : 'default'"
+          @click="switchMode('auto')"
+        >
+          混合支付-自动模式
+        </a-button>
+        <a-button
+          :type="currentMode === 'single' ? 'primary' : 'default'"
+          @click="switchMode('single')"
+        >
+          单选模式
+        </a-button>
+      </div>
+      <p class="current-mode">当前模式：{{ getModeText(currentMode) }}</p>
+    </div>
+
+    <x-charge
+      ref="xCharge"
+      :queryParamsName="queryParamsName"
+      @method="onMethod"
+      @methods="onMethods"
+      @totalPaymentAmount="onTotal"
+      @paymentAmountChange="onAmountChange"
+      @action="onAction"
+    />
+
+    <div class="info">
+      <p>已选方式：{{ methods.join('、') || '无' }}</p>
+      <p>合计金额：{{ total }}</p>
+      <p v-if="lastAmountChange">最近金额变更：{{ lastAmountChange.method }} -> {{ lastAmountChange.amount }}</p>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.demo { padding: 16px; }
+.mode-switcher {
+  margin-bottom: 24px;
+  padding: 16px;
+  background: #f8f9fa;
+  border-radius: 8px;
+  border: 1px solid #e9ecef;
+}
+.mode-switcher h3 {
+  margin: 0 0 16px 0;
+  color: #333;
+  font-size: 18px;
+}
+.mode-buttons {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.current-mode {
+  margin: 0;
+  color: #666;
+  font-weight: 500;
+}
+.info { margin-top: 16px; color: #333; }
+.info p { margin: 6px 0; }
+</style>

package/src/base-client/components/his/XHisEditor/index.js

@@ -1,3 +1,3 @@
-import XHisEditor from './XHisEditor.vue'
-
-export default XHisEditor
+import XHisEditor from './XHisEditor.vue'
+
+export default XHisEditor

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

@@ -1,73 +1,73 @@
-<template>
-  <svg
-    class="x-icon anticon"
-    xmlns="http://www.w3.org/2000/svg"
-    width="1em"
-    height="1em"
-    :viewBox="viewBox"
-    :style="iconStyle"
-  >
-    <path
-      v-for="(path, index) in iconPaths"
-      :key="index"
-      :fill="path.fill || 'currentColor'"
-      :d="path.d"
-    />
-  </svg>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-
-const props = defineProps({
-  // 图标名称
-  name: {
-    type: String,
-    required: true
-  }
-})
-
-// 简化的图标配置（先确保基本功能正常）
-const iconConfigs = {
-  icon001: {
-    viewBox: '0 0 13.066129684448242 14',
-    paths: [{
-      d: 'M0.72589612,0C0.32499826,0,0,0.34822667,0,0.77777773L0,13.222221C0,13.651789,0.32499826,14,0.72589612,14L12.340235,14C12.741146,14,13.066131,13.651789,13.066131,13.222221L13.066131,0.77777773C13.066131,0.34822667,12.741146,0,12.340235,0L0.72589612,0ZM2.9035845,4.6666665L2.9035845,3.1111109L10.162547,3.1111109L10.162547,4.6666665L2.9035845,4.6666665ZM2.9035845,7.7777777L2.9035845,6.2222219L10.162547,6.2222219L10.162547,7.7777777L2.9035845,7.7777777ZM10.162547,10.888889L2.9035845,10.888889L2.9035845,9.333333L10.162547,9.333333L10.162547,10.888889Z',
-      fill: 'currentColor'
-    }]
-  }
-}
-
-// 计算图标配置
-const iconConfig = computed(() => {
-  return iconConfigs[props.name] || {
-    viewBox: '0 0 24 24',
-    paths: []
-  }
-})
-
-// 计算 viewBox
-const viewBox = computed(() => {
-  return iconConfig.value.viewBox
-})
-
-// 计算图标路径
-const iconPaths = computed(() => {
-  return iconConfig.value.paths
-})
-
-// 计算样式
-const iconStyle = computed(() => ({
-  ...props.style
-}))
-</script>
-
-<style scoped>
-.x-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  vertical-align: middle;
-  line-height: 1;
-}
-</style>
+<template>
+  <svg
+    class="x-icon anticon"
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    :viewBox="viewBox"
+    :style="iconStyle"
+  >
+    <path
+      v-for="(path, index) in iconPaths"
+      :key="index"
+      :fill="path.fill || 'currentColor'"
+      :d="path.d"
+    />
+  </svg>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  // 图标名称
+  name: {
+    type: String,
+    required: true
+  }
+})
+
+// 简化的图标配置（先确保基本功能正常）
+const iconConfigs = {
+  icon001: {
+    viewBox: '0 0 13.066129684448242 14',
+    paths: [{
+      d: 'M0.72589612,0C0.32499826,0,0,0.34822667,0,0.77777773L0,13.222221C0,13.651789,0.32499826,14,0.72589612,14L12.340235,14C12.741146,14,13.066131,13.651789,13.066131,13.222221L13.066131,0.77777773C13.066131,0.34822667,12.741146,0,12.340235,0L0.72589612,0ZM2.9035845,4.6666665L2.9035845,3.1111109L10.162547,3.1111109L10.162547,4.6666665L2.9035845,4.6666665ZM2.9035845,7.7777777L2.9035845,6.2222219L10.162547,6.2222219L10.162547,7.7777777L2.9035845,7.7777777ZM10.162547,10.888889L2.9035845,10.888889L2.9035845,9.333333L10.162547,9.333333L10.162547,10.888889Z',
+      fill: 'currentColor'
+    }]
+  }
+}
+
+// 计算图标配置
+const iconConfig = computed(() => {
+  return iconConfigs[props.name] || {
+    viewBox: '0 0 24 24',
+    paths: []
+  }
+})
+
+// 计算 viewBox
+const viewBox = computed(() => {
+  return iconConfig.value.viewBox
+})
+
+// 计算图标路径
+const iconPaths = computed(() => {
+  return iconConfig.value.paths
+})
+
+// 计算样式
+const iconStyle = computed(() => ({
+  ...props.style
+}))
+</script>
+
+<style scoped>
+.x-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  line-height: 1;
+}
+</style>

package/src/base-client/components/his/XIcon/index.js

@@ -1,3 +1,3 @@
-import XIcon from './XIcon.vue'
-
-export default XIcon
+import XIcon from './XIcon.vue'
+
+export default XIcon