cnhis-design-vue 2.1.57 → 2.1.59

package/packages/button/src/ButtonPrint/mixin/his-print.js

@@ -1,95 +1,95 @@
-import axios from 'axios';
-import vexutils from '@/utils/vexutils';
-
-const axiosInstance = axios.create({
-  timeout: 60000,
-  withCredentials: false,
-  headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
-});
-
-const HIS_PRINT_ORIGIN = 'http://127.0.0.1';
-
-export default {
-  props: { port: { type: [Number, String], default: '8031' }, hisParams: Object },
-  data() {
-    return {
-      his_print_params: {
-        transtime: '20211105111933684', // 交易时间
-        transtype: 'SYSTEM', // 交易类型
-        interfaceid: '120001', // 接口ID
-        serialnumber: 'f81166d2-c175-8cfc-82be-6bd336b5c132', // 交易流水号
-        operatorcode: '888', // 操作员编码
-        operatorname: '888', // 操作员姓名
-        transcmd: '100000', // 交易命令 打印就是100000
-        transdata: {
-          cmdid: 8 /*  cmdid=7（打印）8（预览）9（格式设置）*/,
-          reportid: 280 /* 报表ID*/,
-          formatid: '742' /* 格式ID */,
-          formatname: '血液入库单打印按钮', // 格式名称
-          datamode: 1 /*  1: 后台查询  2：数据直接传输 3：混合模式 ??????????????????*/,
-          param: {
-            id: '58'
-          } /* 报表参数键值对{"id": "58"} */,
-          UserInfo: {
-            ID: '12'
-          } /* 用户ID*/,
-          datas: []
-        },
-        transsystem: '10', // 交易系统
-        transchannel: '100', // 交易渠道
-        verifycode: '' // 交易验证码
-      }
-    };
-  },
-  computed: {
-    transtime() {
-      return vexutils.toDateString(new Date(), 'yyyyMMddHHmmss') + parseInt(Math.random() * 1000);
-    },
-    serialnumber() {
-      function S4() {
-        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
-      }
-      return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
-    },
-    operatorcode() {
-      return vexutils.cookie.get('loginName') || '888';
-    },
-    operatorname() {
-      return vexutils.cookie.get('trueName') || '888';
-    },
-    cookieUserId() {
-      return vexutils.cookie.get('userId') || '12';
-    }
-  },
-  methods: {
-    getHisPrintParams() {
-      const { transtime, serialnumber, operatorcode, operatorname, hisParams, cookieUserId, templateParams, params } = this;
-      const { reportid = '280' } = hisParams;
-      const { id, name } = templateParams;
-      Object.assign(this.his_print_params.transdata, {
-        reportid,
-        formatid: id,
-        formatname: name,
-        param: params[0],
-        UserInfo: { ID: cookieUserId }
-      });
-      return Object.assign({}, this.his_print_params, {
-        transtime,
-        serialnumber,
-        operatorcode,
-        operatorname
-      });
-    },
-    handleHisPrint(cmdid) {
-      const printParams = this.getHisPrintParams();
-      const { port } = this;
-      printParams.transdata.cmdid = cmdid;
-
-      return axiosInstance({
-        url: HIS_PRINT_ORIGIN + `:${port}/HOInterfaceSvr`,
-        method: 'post',
-        data: printParams
-      });
-    }
-  }
-};
+import axios from 'axios';
+import vexutils from '@/utils/vexutils';
+
+const axiosInstance = axios.create({
+  timeout: 60000,
+  withCredentials: false,
+  headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
+});
+
+const HIS_PRINT_ORIGIN = 'http://127.0.0.1';
+
+export default {
+  props: { port: { type: [Number, String], default: '8031' }, hisParams: Object },
+  data() {
+    return {
+      his_print_params: {
+        transtime: '20211105111933684', // 交易时间
+        transtype: 'SYSTEM', // 交易类型
+        interfaceid: '120001', // 接口ID
+        serialnumber: 'f81166d2-c175-8cfc-82be-6bd336b5c132', // 交易流水号
+        operatorcode: '888', // 操作员编码
+        operatorname: '888', // 操作员姓名
+        transcmd: '100000', // 交易命令 打印就是100000
+        transdata: {
+          cmdid: 8 /*  cmdid=7（打印）8（预览）9（格式设置）*/,
+          reportid: 280 /* 报表ID*/,
+          formatid: '742' /* 格式ID */,
+          formatname: '血液入库单打印按钮', // 格式名称
+          datamode: 1 /*  1: 后台查询  2：数据直接传输 3：混合模式 ??????????????????*/,
+          param: {
+            id: '58'
+          } /* 报表参数键值对{"id": "58"} */,
+          UserInfo: {
+            ID: '12'
+          } /* 用户ID*/,
+          datas: []
+        },
+        transsystem: '10', // 交易系统
+        transchannel: '100', // 交易渠道
+        verifycode: '' // 交易验证码
+      }
+    };
+  },
+  computed: {
+    transtime() {
+      return vexutils.toDateString(new Date(), 'yyyyMMddHHmmss') + parseInt(Math.random() * 1000);
+    },
+    serialnumber() {
+      function S4() {
+        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+      }
+      return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
+    },
+    operatorcode() {
+      return vexutils.cookie.get('loginName') || '888';
+    },
+    operatorname() {
+      return vexutils.cookie.get('trueName') || '888';
+    },
+    cookieUserId() {
+      return vexutils.cookie.get('userId') || '12';
+    }
+  },
+  methods: {
+    getHisPrintParams() {
+      const { transtime, serialnumber, operatorcode, operatorname, hisParams, cookieUserId, templateParams, params } = this;
+      const { reportid = '280' } = hisParams;
+      const { id, name } = templateParams;
+      Object.assign(this.his_print_params.transdata, {
+        reportid,
+        formatid: id,
+        formatname: name,
+        param: params[0],
+        UserInfo: { ID: cookieUserId }
+      });
+      return Object.assign({}, this.his_print_params, {
+        transtime,
+        serialnumber,
+        operatorcode,
+        operatorname
+      });
+    },
+    handleHisPrint(cmdid) {
+      const printParams = this.getHisPrintParams();
+      const { port } = this;
+      printParams.transdata.cmdid = cmdid;
+
+      return axiosInstance({
+        url: HIS_PRINT_ORIGIN + `:${port}/HOInterfaceSvr`,
+        method: 'post',
+        data: printParams
+      });
+    }
+  }
+};

package/packages/calendar/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import Calendar from './src/Calendar';
-
-// 为组件提供 install 安装方法，供按需引入
-Calendar.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Calendar.name, Calendar);
-};
-
-// 默认导出组件
-export default Calendar;
+// 导入组件
+import Base from '../base';
+import Calendar from './src/Calendar';
+
+// 为组件提供 install 安装方法，供按需引入
+Calendar.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Calendar.name, Calendar);
+};
+
+// 默认导出组件
+export default Calendar;

package/packages/calendar/src/Calendar.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Calendar } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'calendar',
-  extends: Calendar
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Calendar } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'calendar',
+  extends: Calendar
+});

package/packages/captcha/index.js

@@ -1,10 +1,10 @@
-// 导入组件
-import Captcha from './src/Index.vue';
-
-// 为组件提供 install 安装方法，供按需引入
-Captcha.install = function(Vue) {
-  Vue.component(Captcha.name, Captcha);
-};
-
-// 默认导出组件
+// 导入组件
+import Captcha from './src/Index.vue';
+
+// 为组件提供 install 安装方法，供按需引入
+Captcha.install = function(Vue) {
+  Vue.component(Captcha.name, Captcha);
+};
+
+// 默认导出组件
 export default Captcha;

package/packages/captcha/src/Captcha.vue

@@ -1,164 +1,164 @@
-<template>
-  <div class="captcha">
-    <a-form-model ref="form" :model="formData" :rules="fromRules">
-      <a-form-model-item prop="phone" v-if="captchaType === 'phone'">
-        <a-input ref="phone" addon-before="86+" placeholder="请输入手机号" v-model="formData.phone" />
-      </a-form-model-item>
-      <a-form-model-item prop="email" v-else>
-        <a-input ref="email" placeholder="请输入邮箱号" v-model="formData.email" />
-      </a-form-model-item>
-      <a-form-model-item prop="captcha">
-        <a-input v-model="formData.captcha" placeholder="请输入验证码" />
-        <span class="captcha-wrap">
-          <span :class="['get-code', { disabled: count }]" @click="sendVerify">
-            {{ firstSend | getText(count) }}
-          </span>
-        </span>
-      </a-form-model-item>
-    </a-form-model>
-  </div>
-</template>
-
-<script>
-import { Button, Input, FormModel } from 'ant-design-vue';
-
-const mobileReg = /^1((3[\d])|(4[5,6,7,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[\d])|(9[1,8,9]))\d{8}$/;
-const emailReg = /^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
-
-export default {
-  name: 'captcha',
-  props: {
-    captchaType: {
-      type: String,
-      default: 'phone'
-    }
-  },
-  components: {
-    [Button.name]: Button,
-    [Input.name]: Input,
-    [FormModel.name]: FormModel,
-    [FormModel.Item.name]: FormModel.Item
-  },
-  computed: {},
-  filters: {
-    getText(firstSend, count) {
-      if (count) return `00${count}`.slice(-2) + ' s';
-      if (firstSend && !count) return '点击发送验证码';
-      if (!firstSend && !count) return '重新发送';
-    }
-  },
-  watch: {},
-  data() {
-    // 手机格式验证
-    const validatorPhone = (rule, value, callback) => {
-      const val = value.replace(/\s+/g, "");
-      // 如果为空值，就抛出错误
-      if (!val) {
-        callback(new Error('请输入手机号!'));
-      } else {
-        // 正则判断手机号格式的格式，正则判断失败抛出错误，否则直接callback()
-        if (!mobileReg.test(val)) {
-          callback(new Error('手机号格式不正确!'));
-        } else {
-          callback();
-        }
-      }
-    };
-    // 邮箱格式验证
-    const validatorEmail = (rule, value, callback) => {
-      const val = value.replace(/\s+/g, "");
-      if (!val) {
-        callback(new Error('请输入邮箱号!'));
-      } else {
-        if (!emailReg.test(val)) {
-          callback(new Error('邮箱号格式不正确!'));
-        } else {
-          callback();
-        }
-      }
-    };
-    return {
-      count: 0,
-      timer: null,
-      firstSend: true,
-      formData: {
-        email: '',
-        phone: '',
-        captcha: ''
-      },
-      fromRules: {
-        phone: [
-          {
-            required: true,
-            validator: validatorPhone,
-            trigger: 'blur'
-          }
-        ],
-        email: [
-          {
-            required: true,
-            validator: validatorEmail,
-            trigger: 'blur'
-          }
-        ],
-        captcha: [
-          {
-            required: true,
-            message: '请输入验证码',
-            trigger: 'blur'
-          }
-        ]
-      }
-    };
-  },
-  mounted() {},
-  methods: {
-    sendVerify() {
-      const value = this.captchaType === 'phone' ? this.formData.phone : this.formData.email;
-      if (!value.replace(/\s+/g, "")) {
-        this.$refs[this.captchaType].focus();
-        return false;
-      } 
-      this.firstSend = false;
-      this.count = 60;
-      this.timer && clearInterval(this.timer);
-      this.timer = setInterval(() => {
-        this.count--;
-        this.count === 0 && clearInterval(this.timer);
-      }, 1000);
-      this.$emit('sendCode', { value });
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.captcha {
-  width: 450px;
-  /deep/ .ant-input {
-    width: 100%;
-    height: 50px;
-    line-height: 50px;
-    color: #757575;
-  }
-}
-
-.captcha-wrap {
-  .get-code {
-    position: absolute;
-    right: 0;
-    top: 50%;
-    line-height: 25px;
-    padding: 0 18px 0 12px;
-    border-left: 1px solid #cfcfcf;
-    font-size: 14px;
-    color: #2379f9;
-    cursor: pointer;
-    transform: translateY(-50%);
-    &.disabled {
-      cursor: default;
-      color: #ccc;
-    }
-  }
-}
-</style>
+<template>
+  <div class="captcha">
+    <a-form-model ref="form" :model="formData" :rules="fromRules">
+      <a-form-model-item prop="phone" v-if="captchaType === 'phone'">
+        <a-input ref="phone" addon-before="86+" placeholder="请输入手机号" v-model="formData.phone" />
+      </a-form-model-item>
+      <a-form-model-item prop="email" v-else>
+        <a-input ref="email" placeholder="请输入邮箱号" v-model="formData.email" />
+      </a-form-model-item>
+      <a-form-model-item prop="captcha">
+        <a-input v-model="formData.captcha" placeholder="请输入验证码" />
+        <span class="captcha-wrap">
+          <span :class="['get-code', { disabled: count }]" @click="sendVerify">
+            {{ firstSend | getText(count) }}
+          </span>
+        </span>
+      </a-form-model-item>
+    </a-form-model>
+  </div>
+</template>
+
+<script>
+import { Button, Input, FormModel } from 'ant-design-vue';
+
+const mobileReg = /^1((3[\d])|(4[5,6,7,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[\d])|(9[1,8,9]))\d{8}$/;
+const emailReg = /^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+
+export default {
+  name: 'captcha',
+  props: {
+    captchaType: {
+      type: String,
+      default: 'phone'
+    }
+  },
+  components: {
+    [Button.name]: Button,
+    [Input.name]: Input,
+    [FormModel.name]: FormModel,
+    [FormModel.Item.name]: FormModel.Item
+  },
+  computed: {},
+  filters: {
+    getText(firstSend, count) {
+      if (count) return `00${count}`.slice(-2) + ' s';
+      if (firstSend && !count) return '点击发送验证码';
+      if (!firstSend && !count) return '重新发送';
+    }
+  },
+  watch: {},
+  data() {
+    // 手机格式验证
+    const validatorPhone = (rule, value, callback) => {
+      const val = value.replace(/\s+/g, "");
+      // 如果为空值，就抛出错误
+      if (!val) {
+        callback(new Error('请输入手机号!'));
+      } else {
+        // 正则判断手机号格式的格式，正则判断失败抛出错误，否则直接callback()
+        if (!mobileReg.test(val)) {
+          callback(new Error('手机号格式不正确!'));
+        } else {
+          callback();
+        }
+      }
+    };
+    // 邮箱格式验证
+    const validatorEmail = (rule, value, callback) => {
+      const val = value.replace(/\s+/g, "");
+      if (!val) {
+        callback(new Error('请输入邮箱号!'));
+      } else {
+        if (!emailReg.test(val)) {
+          callback(new Error('邮箱号格式不正确!'));
+        } else {
+          callback();
+        }
+      }
+    };
+    return {
+      count: 0,
+      timer: null,
+      firstSend: true,
+      formData: {
+        email: '',
+        phone: '',
+        captcha: ''
+      },
+      fromRules: {
+        phone: [
+          {
+            required: true,
+            validator: validatorPhone,
+            trigger: 'blur'
+          }
+        ],
+        email: [
+          {
+            required: true,
+            validator: validatorEmail,
+            trigger: 'blur'
+          }
+        ],
+        captcha: [
+          {
+            required: true,
+            message: '请输入验证码',
+            trigger: 'blur'
+          }
+        ]
+      }
+    };
+  },
+  mounted() {},
+  methods: {
+    sendVerify() {
+      const value = this.captchaType === 'phone' ? this.formData.phone : this.formData.email;
+      if (!value.replace(/\s+/g, "")) {
+        this.$refs[this.captchaType].focus();
+        return false;
+      } 
+      this.firstSend = false;
+      this.count = 60;
+      this.timer && clearInterval(this.timer);
+      this.timer = setInterval(() => {
+        this.count--;
+        this.count === 0 && clearInterval(this.timer);
+      }, 1000);
+      this.$emit('sendCode', { value });
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.captcha {
+  width: 450px;
+  /deep/ .ant-input {
+    width: 100%;
+    height: 50px;
+    line-height: 50px;
+    color: #757575;
+  }
+}
+
+.captcha-wrap {
+  .get-code {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    line-height: 25px;
+    padding: 0 18px 0 12px;
+    border-left: 1px solid #cfcfcf;
+    font-size: 14px;
+    color: #2379f9;
+    cursor: pointer;
+    transform: translateY(-50%);
+    &.disabled {
+      cursor: default;
+      color: #ccc;
+    }
+  }
+}
+</style>