cnhis-design-vue 2.1.58 → 2.1.59

package/packages/form-table/src/components/table-component/register-com.js

@@ -1,30 +1,30 @@
-/**
- *
- */
-const requireComponent = require.context("./", true, /table.*?\.(vue|js)$/);
-
-let cmps = {};
-
-requireComponent.keys().map(fileName => {
-  let cmp = requireComponent(fileName).default;
-  cmps[cmp.name] = cmp;
-});
-
-// console.log(cmps, "---cmps");
-
-// console.log(cmps, "cmps");
-import confiData from "./config-data/index";
-export default {
-  data() {
-    return {
-      cmps: cmps
-    };
-  },
-  computed: {},
-  methods: {
-    getComName(v = {}) {
-      return confiData.getComName(v);
-    }
-  },
-  components: cmps
-};
+/**
+ *
+ */
+const requireComponent = require.context("./", true, /table.*?\.(vue|js)$/);
+
+let cmps = {};
+
+requireComponent.keys().map(fileName => {
+  let cmp = requireComponent(fileName).default;
+  cmps[cmp.name] = cmp;
+});
+
+// console.log(cmps, "---cmps");
+
+// console.log(cmps, "cmps");
+import confiData from "./config-data/index";
+export default {
+  data() {
+    return {
+      cmps: cmps
+    };
+  },
+  computed: {},
+  methods: {
+    getComName(v = {}) {
+      return confiData.getComName(v);
+    }
+  },
+  components: cmps
+};

package/packages/form-table/src/components/table-component/table-age/table-age.vue

@@ -1,175 +1,175 @@
-<template>
-  <a-input-group
-    compact
-    class="table-form-age"
-    v-if="!isDetail"
-    :class="{ 'table-form-age-error': hasErr }"
-  >
-    <a-input-number
-      v-model="row[item.val_key]"
-      :ref="'a-input-number-' + item.val_key"
-      :disabled="item.is_edit == 0 || isDetail"
-      :allowClear="item.is_empty == 0"
-      :placeholder="item.placeholder || ''"
-      :precision="0"
-      @blur="setAgeRes"
-      class="table-age-input"
-    ></a-input-number>
-    <a-select
-      v-if="item.option && item.option.length"
-      v-model="row[item.val_key_unit]"
-      :ref="'a-age-select-' + item.val_key"
-      class="table-age-select"
-      style="width: 70px"
-      :disabled="item.is_edit == 0 || isDetail"
-      showSearch
-      dropdownClassName="crm-form-select"
-      @change="changeAgeSelect($event, item)"
-    >
-      <a-select-option v-for="(v, k) in item.option" :key="k" :value="v.value">
-        {{ v.text }}
-      </a-select-option>
-    </a-select>
-  </a-input-group>
-  <div v-else>
-    <TextOverTooltip
-      :refName="`table-tooltip-${item.val_key}`"
-      :content="detailStr"
-    ></TextOverTooltip
-  ></div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import { Select, Input, InputNumber } from 'ant-design-vue';
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-export default {
-  name: "tableAge",
-  components: {
-    TextOverTooltip,
-    [Input.Group.name]: Input.Group,
-    [InputNumber.name]: InputNumber,
-    [Select.name]: Select,
-		[Select.Option.name]: Select.Option
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      ageRes: {}
-    };
-  },
-
-  computed: {
-    detailStr() {
-      let value = this.row[this.item.val_key];
-      return value ? value + this.getAgeUnit(this.item) : "";
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    // handleTableBlur
-    setAgeRes() {
-      let item = this.item;
-      const curVal = this.row[this.item.val_key];
-      const curValUnit = item.val_key_unit ? this.row[this.item.val_key_unit] : "";
-
-      // 年龄组件： AGE，AGE_JSON
-      if (item.html_type !== "AGE_JSON") {
-        // this.$set(matchAgeItem, "isFillAge", false);
-        this.handleAgeData(item, curValUnit, curVal);
-        this.handleAgeOnChange(this.ageRes, item);
-      }
-
-      // 表单配置事件
-      this.handleTableBlur();
-    },
-    handleAgeData(item, curUnit, curVal) {
-      let unit = "day";
-      if (!curUnit) {
-        if (item.option && item.option.length > 0) {
-          unit = item.option[0].value;
-        }
-      } else {
-        unit = curUnit;
-      }
-      const val = Number(curVal) || 0;
-      if (!val) {
-        this.ageRes = {
-          year: "",
-          month: "",
-          day: ""
-        };
-      }
-      switch (unit.toLowerCase()) {
-        case "day": {
-          const ageRes = {
-            year: parseInt(val / 365) || 0,
-            month: parseInt(val / 30) || 0,
-            day: val
-          };
-          this.ageRes = ageRes;
-          break;
-        }
-        case "month": {
-          const ageRes = {
-            year: parseInt(val / 12) || 0,
-            month: val,
-            day: parseInt(val * 30) || 0
-          };
-          this.ageRes = ageRes;
-          break;
-        }
-        case "year": {
-          const ageRes = {
-            year: val,
-            month: parseInt(val * 12) || 0,
-            day: parseInt(val * 365) || 0
-          };
-          this.ageRes = ageRes;
-          break;
-        }
-        default:
-          break;
-      }
-    },
-    /**
-     * 年龄推算出生日期
-     * @param {Object} ageInfo  {year: 0, day: 108, month: 3}
-     * @param {Object} item
-     */
-    handleAgeOnChange(ageInfo, item) {
-      let f = this.handleGetAgeUnit(ageInfo);
-      if (f) {
-        let val = ageInfo[f];
-        this.handleAgeToBirthDay(val, f, item);
-      }
-    },
-    // 获取年龄单位
-    getAgeUnit(item) {
-      let name_unit =
-        this.row[this.item.val_key_unit] ||
-        (item.option && item.option.length > 0 && item.option[0].value);
-      return item.option &&
-        item.option.length > 0 &&
-        item.option.find(item => name_unit == item.value)
-        ? this.item.option.find(item => name_unit == item.value).text
-        : "";
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-form-age-error {
-  border-color: red !important;
-  .table-age-input {
-    border-color: red !important;
-  }
-  /deep/ .ant-select-selection--single {
-    border-color: red !important;
-  }
-}
-</style>
+<template>
+  <a-input-group
+    compact
+    class="table-form-age"
+    v-if="!isDetail"
+    :class="{ 'table-form-age-error': hasErr }"
+  >
+    <a-input-number
+      v-model="row[item.val_key]"
+      :ref="'a-input-number-' + item.val_key"
+      :disabled="item.is_edit == 0 || isDetail"
+      :allowClear="item.is_empty == 0"
+      :placeholder="item.placeholder || ''"
+      :precision="0"
+      @blur="setAgeRes"
+      class="table-age-input"
+    ></a-input-number>
+    <a-select
+      v-if="item.option && item.option.length"
+      v-model="row[item.val_key_unit]"
+      :ref="'a-age-select-' + item.val_key"
+      class="table-age-select"
+      style="width: 70px"
+      :disabled="item.is_edit == 0 || isDetail"
+      showSearch
+      dropdownClassName="crm-form-select"
+      @change="changeAgeSelect($event, item)"
+    >
+      <a-select-option v-for="(v, k) in item.option" :key="k" :value="v.value">
+        {{ v.text }}
+      </a-select-option>
+    </a-select>
+  </a-input-group>
+  <div v-else>
+    <TextOverTooltip
+      :refName="`table-tooltip-${item.val_key}`"
+      :content="detailStr"
+    ></TextOverTooltip
+  ></div>
+</template>
+<script>
+import itemDefault from "../mixins/item-default";
+import { Select, Input, InputNumber } from 'ant-design-vue';
+import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
+export default {
+  name: "tableAge",
+  components: {
+    TextOverTooltip,
+    [Input.Group.name]: Input.Group,
+    [InputNumber.name]: InputNumber,
+    [Select.name]: Select,
+		[Select.Option.name]: Select.Option
+  },
+  mixins: [itemDefault],
+  data() {
+    return {
+      ageRes: {}
+    };
+  },
+
+  computed: {
+    detailStr() {
+      let value = this.row[this.item.val_key];
+      return value ? value + this.getAgeUnit(this.item) : "";
+    }
+  },
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {
+    // handleTableBlur
+    setAgeRes() {
+      let item = this.item;
+      const curVal = this.row[this.item.val_key];
+      const curValUnit = item.val_key_unit ? this.row[this.item.val_key_unit] : "";
+
+      // 年龄组件： AGE，AGE_JSON
+      if (item.html_type !== "AGE_JSON") {
+        // this.$set(matchAgeItem, "isFillAge", false);
+        this.handleAgeData(item, curValUnit, curVal);
+        this.handleAgeOnChange(this.ageRes, item);
+      }
+
+      // 表单配置事件
+      this.handleTableBlur();
+    },
+    handleAgeData(item, curUnit, curVal) {
+      let unit = "day";
+      if (!curUnit) {
+        if (item.option && item.option.length > 0) {
+          unit = item.option[0].value;
+        }
+      } else {
+        unit = curUnit;
+      }
+      const val = Number(curVal) || 0;
+      if (!val) {
+        this.ageRes = {
+          year: "",
+          month: "",
+          day: ""
+        };
+      }
+      switch (unit.toLowerCase()) {
+        case "day": {
+          const ageRes = {
+            year: parseInt(val / 365) || 0,
+            month: parseInt(val / 30) || 0,
+            day: val
+          };
+          this.ageRes = ageRes;
+          break;
+        }
+        case "month": {
+          const ageRes = {
+            year: parseInt(val / 12) || 0,
+            month: val,
+            day: parseInt(val * 30) || 0
+          };
+          this.ageRes = ageRes;
+          break;
+        }
+        case "year": {
+          const ageRes = {
+            year: val,
+            month: parseInt(val * 12) || 0,
+            day: parseInt(val * 365) || 0
+          };
+          this.ageRes = ageRes;
+          break;
+        }
+        default:
+          break;
+      }
+    },
+    /**
+     * 年龄推算出生日期
+     * @param {Object} ageInfo  {year: 0, day: 108, month: 3}
+     * @param {Object} item
+     */
+    handleAgeOnChange(ageInfo, item) {
+      let f = this.handleGetAgeUnit(ageInfo);
+      if (f) {
+        let val = ageInfo[f];
+        this.handleAgeToBirthDay(val, f, item);
+      }
+    },
+    // 获取年龄单位
+    getAgeUnit(item) {
+      let name_unit =
+        this.row[this.item.val_key_unit] ||
+        (item.option && item.option.length > 0 && item.option[0].value);
+      return item.option &&
+        item.option.length > 0 &&
+        item.option.find(item => name_unit == item.value)
+        ? this.item.option.find(item => name_unit == item.value).text
+        : "";
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.table-form-age-error {
+  border-color: red !important;
+  .table-age-input {
+    border-color: red !important;
+  }
+  /deep/ .ant-select-selection--single {
+    border-color: red !important;
+  }
+}
+</style>

package/packages/form-table/src/components/table-component/table-date-picker/table-date-picker.vue

@@ -1,87 +1,87 @@
-<template>
-  <a-date-picker
-    v-if="!isDetail || row[item.val_key]"
-    class="table-date-picker"
-    v-model="row[item.val_key]"
-    ref="dataPickerRef"
-    :placeholder="item.placeholder || ''"
-    :disabled="item.is_edit == 0 || isDetail"
-    :disabledDate="current => disabledDatePicker(current, item)"
-    :disabledTime="current => disabledTimePicker(current, item)"
-    :showToday="handlerGetDateType(item) !== 'YYYY-MM-DD HH:mm:ss'"
-    :allowClear="item.is_empty == 0"
-    :show-time="dateShowTimeConfig || false"
-    :format="handlerGetDateType(item)"
-    @change="handleTableBlur"
-    @openChange="dateOpenChange"
-    :class="{ 'table-date-picker-error': hasErr }"
-  />
-  <!-- handleTableBlur -->
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import dateType from "../mixins/dateType";
-import { DatePicker } from 'ant-design-vue';
-export default {
-  name: "tableDatePicker",
-  components: {
-    [DatePicker.name]: DatePicker
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    dateShowTimeConfig() {
-      // YYYY-MM-DD HH:mm, YYYY-MM-DD HH 的格式处理
-      const { item, handlerGetDateType } = this;
-      let type = handlerGetDateType(item);
-      let flag = type.includes("HH");
-      let [, timeType] = type.split(" ");
-      timeType = typeof timeType === "string" ? timeType.trim() : "";
-      if (flag) {
-        if (/(Y)|(M)|(D)/g.test(timeType) || !timeType) {
-          return { format: "HH:mm:ss" };
-        } else {
-          return { format: timeType };
-        }
-      } else {
-        return false;
-      }
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    dateOpenChange(status) {
-      // 会多次触发 暂时注释
-      // 关闭时间面板的时候校验
-      // console.log("----dateOpenChange---dateOpenChange");
-      // if (!status) {
-      // this.handleTableBlur();
-      // }
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-date-picker {
-  min-width: unset !important;
-  width: 100%;
-}
-.table-date-picker-error {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>
+<template>
+  <a-date-picker
+    v-if="!isDetail || row[item.val_key]"
+    class="table-date-picker"
+    v-model="row[item.val_key]"
+    ref="dataPickerRef"
+    :placeholder="item.placeholder || ''"
+    :disabled="item.is_edit == 0 || isDetail"
+    :disabledDate="current => disabledDatePicker(current, item)"
+    :disabledTime="current => disabledTimePicker(current, item)"
+    :showToday="handlerGetDateType(item) !== 'YYYY-MM-DD HH:mm:ss'"
+    :allowClear="item.is_empty == 0"
+    :show-time="dateShowTimeConfig || false"
+    :format="handlerGetDateType(item)"
+    @change="handleTableBlur"
+    @openChange="dateOpenChange"
+    :class="{ 'table-date-picker-error': hasErr }"
+  />
+  <!-- handleTableBlur -->
+</template>
+<script>
+import itemDefault from "../mixins/item-default";
+import dateType from "../mixins/dateType";
+import { DatePicker } from 'ant-design-vue';
+export default {
+  name: "tableDatePicker",
+  components: {
+    [DatePicker.name]: DatePicker
+  },
+  props: {
+    item: Object
+  },
+  mixins: [itemDefault, dateType],
+  data() {
+    return {
+      open: false
+    };
+  },
+
+  computed: {
+    dateShowTimeConfig() {
+      // YYYY-MM-DD HH:mm, YYYY-MM-DD HH 的格式处理
+      const { item, handlerGetDateType } = this;
+      let type = handlerGetDateType(item);
+      let flag = type.includes("HH");
+      let [, timeType] = type.split(" ");
+      timeType = typeof timeType === "string" ? timeType.trim() : "";
+      if (flag) {
+        if (/(Y)|(M)|(D)/g.test(timeType) || !timeType) {
+          return { format: "HH:mm:ss" };
+        } else {
+          return { format: timeType };
+        }
+      } else {
+        return false;
+      }
+    }
+  },
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {
+    dateOpenChange(status) {
+      // 会多次触发 暂时注释
+      // 关闭时间面板的时候校验
+      // console.log("----dateOpenChange---dateOpenChange");
+      // if (!status) {
+      // this.handleTableBlur();
+      // }
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.table-date-picker {
+  min-width: unset !important;
+  width: 100%;
+}
+.table-date-picker-error {
+  /deep/ .ant-input {
+    border-color: red !important;
+  }
+}
+</style>