vue2-client 1.12.2 → 1.12.3-9.alpha.1

package/src/base-client/components/common/XPrint/Demo.vue

@@ -1,41 +1,41 @@
-<script>
-import PrintBill from './PrintBill.vue'
-
-export default {
-  name: 'Demo',
-  components: { PrintBill },
-  methods: {
-    print () {
-      this.$refs.print.print({
-          reprint: '正常',
-          billUrl: 'iot_bill',
-          operator: `张三丰`,
-          condition: '21952838'
-      })
-    },
-    printOk () {
-      console.log('打印成功')
-    },
-    test1 () {
-      this.$printB('DiagnosisCertificate', { title: '测试浏览器打印' })
-    },
-    test2 () {
-      this.$printC('DiagnosisCertificate', { title: 'DiagnosisCertificate' })
-    }
-  }
-}
-</script>
-
-<template>
-  <div>
-    <a-button @click="print">打印</a-button>
-    <a-button @click="test1">测试打印1</a-button>
-    <a-button @click="test2">测试打印2</a-button>
-
-    <print-bill ref="print" @ok="printOk" :autoPrint="false"></print-bill>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script>
+import PrintBill from './PrintBill.vue'
+
+export default {
+  name: 'Demo',
+  components: { PrintBill },
+  methods: {
+    print () {
+      this.$refs.print.print({
+          reprint: '正常',
+          billUrl: 'iot_bill',
+          operator: `张三丰`,
+          condition: '21952838'
+      })
+    },
+    printOk () {
+      console.log('打印成功')
+    },
+    test1 () {
+      this.$printB('iot_bill_template', { condition: '21971601' })
+    },
+    test2 () {
+      this.$printC('DiagnosisCertificate', { title: 'DiagnosisCertificate' })
+    }
+  }
+}
+</script>
+
+<template>
+  <div>
+    <a-button @click="print">打印</a-button>
+    <a-button @click="test1">测试打印1</a-button>
+    <a-button @click="test2">测试打印2</a-button>
+
+    <print-bill ref="print" @ok="printOk" :autoPrint="false"></print-bill>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/src/base-client/components/common/XRate/demo.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="demo-container">
+    <h2>XRate 评分组件示例</h2>
+
+    <div class="demo-section">
+      <h3>基础用法</h3>
+      <x-rate v-model="basicRate" />
+      <div>当前值: {{ basicRate }}</div>
+      <a-button @click="resetBasicRate">重置</a-button>
+    </div>
+
+    <div class="demo-section">
+      <h3>允许半星</h3>
+      <x-rate v-model="halfRate" :allow-half="true" />
+      <div>当前值: {{ halfRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>自定义最大分值</h3>
+      <x-rate v-model="customRate" :max-count="10" />
+      <div>当前值: {{ customRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>查询模式</h3>
+      <x-rate v-model="queryRate" mode="查询" />
+      <div>当前值: {{ queryRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>查询模式（多选）</h3>
+      <x-rate v-model="queryMultiRate" mode="查询" query-type="IN" />
+      <div>当前值: {{ queryMultiRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>禁用状态</h3>
+      <x-rate v-model="disabledRate" :disabled="true" />
+      <div>当前值: {{ disabledRate }}</div>
+    </div>
+
+    <div class="demo-section">
+      <h3>空值处理</h3>
+      <x-rate v-model="emptyRate" />
+      <div>当前值: {{ emptyRate }}</div>
+      <a-button @click="clearRate">清除</a-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import XRate from './index.vue'
+
+export default {
+  name: 'XRateDemo',
+  components: {
+    XRate
+  },
+  data () {
+    return {
+      basicRate: 3,
+      halfRate: 3.5,
+      customRate: 7,
+      queryRate: 4,
+      queryMultiRate: [3, 4],
+      disabledRate: 2,
+      emptyRate: undefined
+    }
+  },
+  methods: {
+    resetBasicRate () {
+      this.basicRate = 3
+    },
+    clearRate () {
+      this.emptyRate = undefined
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.demo-container {
+  padding: 20px;
+
+  .demo-section {
+    margin-bottom: 30px;
+    padding: 20px;
+    border: 1px solid #eee;
+    border-radius: 4px;
+
+    h3 {
+      margin-top: 0;
+      margin-bottom: 16px;
+      color: #333;
+    }
+
+    .ant-btn {
+      margin-top: 8px;
+    }
+  }
+}
+</style>

package/src/base-client/components/common/XRate/index.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="x-rate">
+    <template v-if="mode === '查询'">
+      <a-select
+        style="width:100%"
+        :value="value"
+        :disabled="disabled"
+        :filter-option="filterOption"
+        :getPopupContainer="getPopupContainer"
+        :placeholder="placeholder"
+        :mode="queryType === 'IN' ? 'multiple' : undefined"
+        show-search
+        allowClear
+        @change="handleSelectChange"
+      >
+        <a-select-option v-if="!queryType || queryType !== 'IN'" key="999999" value="">全部</a-select-option>
+        <a-select-option
+          v-for="val in getRateOptions"
+          :key="val"
+          :value="val"
+        >
+          <a-rate
+            :value="transformValueToStars(val)"
+            :count="5"
+            :allowHalf="allowHalf"
+            disabled
+          />
+        </a-select-option>
+      </a-select>
+    </template>
+    <a-rate
+      v-else
+      :value="transformValueToStars(value)"
+      :count="5"
+      :disabled="disabled"
+      :allowHalf="allowHalf"
+      @change="handleRateChange"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'XRate',
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    value: {
+      type: [Number, String],
+      default: undefined
+    },
+    mode: {
+      type: String,
+      default: '新增/修改'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: '请选择'
+    },
+    queryType: {
+      type: String,
+      default: ''
+    },
+    maxCount: {
+      type: Number,
+      default: 5
+    },
+    allowHalf: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    getRateOptions () {
+      const options = []
+      const step = this.allowHalf ? this.maxCount / 10 : this.maxCount / 5
+
+      for (let i = (this.allowHalf ? step : step); i <= this.maxCount; i += step) {
+        options.push(i)
+      }
+      return options
+    }
+  },
+  methods: {
+    // 将实际分值转换为星星显示值（1-5星）
+    transformValueToStars (value) {
+      if (!value && value !== 0) return 0
+      return (value / this.maxCount) * 5
+    },
+    // 处理评分变化
+    handleRateChange (value) {
+      // 将星星数（1-5）转换为实际分值
+      const actualValue = (value / 5) * this.maxCount
+
+      // 如果支持半星，保留一位小数；否则取整
+      const result = this.allowHalf
+        ? Math.round(actualValue * 10) / 10
+        : Math.round(actualValue)
+
+      this.$emit('input', result)
+      this.$emit('change', result)
+    },
+    // 处理下拉选择变化
+    handleSelectChange (value) {
+      this.$emit('input', value)
+      this.$emit('change', value)
+    },
+    filterOption (input, option) {
+      const child = option.componentOptions.children[0]
+      if (child.text) {
+        return child.text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      } else if (child.elm.innerText) {
+        return child.elm.innerText.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      } else {
+        return child.child.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      }
+    },
+    getPopupContainer (triggerNode) {
+      return document.body
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.x-rate {
+  width: 100%;
+  display: inline-block;
+}
+</style>