cnhis-design-vue 2.1.56 → 2.1.58

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

@@ -1,76 +1,76 @@
-<template>
-  <a-textarea
-    v-if="!isDetail"
-    v-model="row[item.val_key]"
-    :ref="`a-textarea-${item.val_key}`"
-    autocomplete="off"
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || ''"
-    :rows="item.initialize_high || 3"
-    :disabled="item.is_edit == 0 || isDetail"
-    :maxLength="maxLength"
-    class="form-control table-textarea-com"
-    :autoSize="false"
-    :class="{ 'table-error-textarea': hasErr }"
-    @blur="handleTableBlur"
-  ></a-textarea>
-  <div v-else>
-    <TextOverTooltip
-      :refName="`table-tooltip-${item.val_key}`"
-      :content="handlerFormatTextarea(row[item.val_key])"
-    ></TextOverTooltip>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
-import { Input } from 'ant-design-vue';
-export default {
-  name: "tableTextarea",
-  components: {
-    TextOverTooltip,
-    [Input.TextArea.name]: Input.TextArea
-  },
-  mixins: [itemDefault],
-  props: {
-    row: Object,
-    item: Object
-  },
-  data() {
-    return {};
-  },
-
-  computed: {
-    maxLength() {
-      const { item } = this;
-      let res = item.validate && item.validate.max_length ? +item.validate.max_length : 500;
-      return res;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    handlerFormatTextarea(value) {
-      let defVal = this.handleSysParams(value);
-      if (!defVal) {
-        return "";
-      } else if (defVal instanceof Object) {
-        // 如是 Textarea 类型但传来的默认值是 Object 或 Array
-        return JSON.stringify(defVal);
-      }
-      return defVal;
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.table-error-textarea {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>
+<template>
+  <a-textarea
+    v-if="!isDetail"
+    v-model="row[item.val_key]"
+    :ref="`a-textarea-${item.val_key}`"
+    autocomplete="off"
+    :allowClear="item.is_empty == 0"
+    :placeholder="item.placeholder || ''"
+    :rows="item.initialize_high || 3"
+    :disabled="item.is_edit == 0 || isDetail"
+    :maxLength="maxLength"
+    class="form-control table-textarea-com"
+    :autoSize="false"
+    :class="{ 'table-error-textarea': hasErr }"
+    @blur="handleTableBlur"
+  ></a-textarea>
+  <div v-else>
+    <TextOverTooltip
+      :refName="`table-tooltip-${item.val_key}`"
+      :content="handlerFormatTextarea(row[item.val_key])"
+    ></TextOverTooltip>
+  </div>
+</template>
+<script>
+import itemDefault from "../mixins/item-default";
+import TextOverTooltip from "../text-over-tooltip/TextOverTooltip.vue";
+import { Input } from 'ant-design-vue';
+export default {
+  name: "tableTextarea",
+  components: {
+    TextOverTooltip,
+    [Input.TextArea.name]: Input.TextArea
+  },
+  mixins: [itemDefault],
+  props: {
+    row: Object,
+    item: Object
+  },
+  data() {
+    return {};
+  },
+
+  computed: {
+    maxLength() {
+      const { item } = this;
+      let res = item.validate && item.validate.max_length ? +item.validate.max_length : 500;
+      return res;
+    }
+  },
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {
+    handlerFormatTextarea(value) {
+      let defVal = this.handleSysParams(value);
+      if (!defVal) {
+        return "";
+      } else if (defVal instanceof Object) {
+        // 如是 Textarea 类型但传来的默认值是 Object 或 Array
+        return JSON.stringify(defVal);
+      }
+      return defVal;
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.table-error-textarea {
+  /deep/ .ant-input {
+    border-color: red !important;
+  }
+}
+</style>

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

@@ -1,55 +1,55 @@
-<template>
-  <a-time-picker
-    v-model="row[item.val_key]"
-    :ref="'timePicker-' + item.val_key"
-    :format="handlerGetDateType(item)"
-    :disabled="item.is_edit == 0 || isDetail"
-    :disabledHours="disabledHours(item, 'h')"
-    :disabledMinutes="disabledHours(item, 'm')"
-    :disabledSeconds="disabledHours(item, 's')"
-    :placeholder="item.placeholder || ''"
-    :allowClear="item.is_empty == 0"
-    class="table-time-picker"
-    :class="{ 'table-time-picker-error': hasErr }"
-    @blur="handleTableBlur"
-  />
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import dateType from "../mixins/dateType";
-import { TimePicker } from 'ant-design-vue';
-export default {
-  name: "tableTimePicker",
-  components: {
-    [TimePicker.name]: TimePicker
-  },
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, dateType],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.table-time-picker {
-  width: 100%;
-}
-.table-time-picker-error {
-  /deep/ .ant-input {
-    border-color: red !important;
-  }
-}
-</style>
+<template>
+  <a-time-picker
+    v-model="row[item.val_key]"
+    :ref="'timePicker-' + item.val_key"
+    :format="handlerGetDateType(item)"
+    :disabled="item.is_edit == 0 || isDetail"
+    :disabledHours="disabledHours(item, 'h')"
+    :disabledMinutes="disabledHours(item, 'm')"
+    :disabledSeconds="disabledHours(item, 's')"
+    :placeholder="item.placeholder || ''"
+    :allowClear="item.is_empty == 0"
+    class="table-time-picker"
+    :class="{ 'table-time-picker-error': hasErr }"
+    @blur="handleTableBlur"
+  />
+</template>
+<script>
+import itemDefault from "../mixins/item-default";
+import dateType from "../mixins/dateType";
+import { TimePicker } from 'ant-design-vue';
+export default {
+  name: "tableTimePicker",
+  components: {
+    [TimePicker.name]: TimePicker
+  },
+  props: {
+    item: Object
+  },
+  mixins: [itemDefault, dateType],
+  data() {
+    return {
+      open: false
+    };
+  },
+
+  computed: {},
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {}
+};
+</script>
+<style lang="less" scoped>
+.table-time-picker {
+  width: 100%;
+}
+.table-time-picker-error {
+  /deep/ .ant-input {
+    border-color: red !important;
+  }
+}
+</style>

package/packages/form-table/src/components/table-component/table-tree-select/table-tree-select.vue

@@ -1,135 +1,135 @@
-<template>
-  <div class="tableTreeSelect">
-    <a-tree-select
-      v-if="!isDetail || showCom"
-      v-model="row[item.val_key]"
-      dropdownClassName="table-tree-select-container"
-      @select="treeSelect"
-      showSearch
-      style="width: 100%"
-      :dropdown-style="{ maxHeight: '293px', overflow: 'auto' }"
-      :tree-data="treeData"
-      :allowClear="item.is_empty == 0"
-      :disabled="item.is_edit == 0 || isDetail"
-      treeNodeFilterProp="title"
-      :placeholder="item.placeholder || $t('1.1.6.12')"
-    >
-      <span
-        class="init-key-loading"
-        v-if="key === '_init_key_'"
-        slot="title"
-        slot-scope="{ key, value }"
-        style="color: #08c"
-      >
-        <span v-show="false">{{ value }}</span>
-        <a-spin :tip="`${$t('1.1.7.14')}...`" />
-      </span>
-    </a-tree-select>
-  </div>
-</template>
-<script>
-import itemDefault from "../mixins/item-default";
-import search from "../mixins/search";
-import { TreeSelect, Spin } from 'ant-design-vue';
-export default {
-  name: "tableTreeSelect",
-  components: {
-    [TreeSelect.name]: TreeSelect,
-    [Spin.name]: Spin
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      treeData: [
-        {
-          // title: "_init_key_",
-          value: "_init_key_",
-          key: "_init_key_",
-          selectable: false,
-          scopedSlots: {
-            title: "title"
-          }
-        }
-      ]
-    };
-  },
-
-  computed: {
-    showCom() {
-      let value = this.row[this.item.val_key];
-      return value?.length;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    async init() {
-      try {
-        let res = await this.handleRequestedOptions(this.item);
-        if (res) {
-          this.handleInitTreeData(res, this.item.wordbook);
-          this.treeData = res;
-        }
-      } catch (error) {
-        console.log(error);
-        this.treeData = [];
-      } finally {
-        this.hanldeSetTreeDef();
-      }
-    },
-
-    handleInitTreeData(list = [], v) {
-      list.forEach(item => {
-        item.myLabel = this.hanldeGetCascadelabel(v.render_key, item) || item[v["value_key"]];
-        item.showLabel = this.hanlderGetSearchLabel({ wordbook: v }, item) || item[v["value_key"]];
-        item.myUniqueKey = item[v.myUniqueKey];
-        item.myUniqueLabel = v.myUniqueKey;
-        item.key = item.myUniqueKey;
-        item.title = item.myLabel;
-        item.value = item[v["value_key"]];
-
-        if (item.children && item.children.length) {
-          this.handleInitTreeData(item.children, v);
-        }
-      });
-    },
-
-    hanldeSetTreeDef() {
-      const { name, val_key, default_val } = this.item;
-      let formVal = this.handleSysParams(this.defaultValue[name]) || default_val;
-      if (formVal) {
-        this.baseForm.setFieldsValue({
-          [val_key]: formVal
-        });
-      }
-    },
-
-    treeSelect(key, vnode) {
-      let d = vnode?.$options?.propsData?.dataRef || {};
-      this.handleSearchSelect(undefined, this.item, "select", {
-        eventType: "treeSelect",
-        data: { ...d }
-      });
-    }
-  }
-};
-</script>
-<style lang="less" scoped></style>
-<style lang="less">
-.table-tree-select-container {
-  .ant-select-tree {
-    li.filter-node {
-      > span {
-        font-weight: 600;
-      }
-    }
-  }
-  .no-data-tip > img {
-    height: 100px;
-  }
-}
-</style>
+<template>
+  <div class="tableTreeSelect">
+    <a-tree-select
+      v-if="!isDetail || showCom"
+      v-model="row[item.val_key]"
+      dropdownClassName="table-tree-select-container"
+      @select="treeSelect"
+      showSearch
+      style="width: 100%"
+      :dropdown-style="{ maxHeight: '293px', overflow: 'auto' }"
+      :tree-data="treeData"
+      :allowClear="item.is_empty == 0"
+      :disabled="item.is_edit == 0 || isDetail"
+      treeNodeFilterProp="title"
+      :placeholder="item.placeholder || $t('1.1.6.12')"
+    >
+      <span
+        class="init-key-loading"
+        v-if="key === '_init_key_'"
+        slot="title"
+        slot-scope="{ key, value }"
+        style="color: #08c"
+      >
+        <span v-show="false">{{ value }}</span>
+        <a-spin :tip="`${$t('1.1.7.14')}...`" />
+      </span>
+    </a-tree-select>
+  </div>
+</template>
+<script>
+import itemDefault from "../mixins/item-default";
+import search from "../mixins/search";
+import { TreeSelect, Spin } from 'ant-design-vue';
+export default {
+  name: "tableTreeSelect",
+  components: {
+    [TreeSelect.name]: TreeSelect,
+    [Spin.name]: Spin
+  },
+  mixins: [itemDefault, search],
+  data() {
+    return {
+      treeData: [
+        {
+          // title: "_init_key_",
+          value: "_init_key_",
+          key: "_init_key_",
+          selectable: false,
+          scopedSlots: {
+            title: "title"
+          }
+        }
+      ]
+    };
+  },
+
+  computed: {
+    showCom() {
+      let value = this.row[this.item.val_key];
+      return value?.length;
+    }
+  },
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {
+    async init() {
+      try {
+        let res = await this.handleRequestedOptions(this.item);
+        if (res) {
+          this.handleInitTreeData(res, this.item.wordbook);
+          this.treeData = res;
+        }
+      } catch (error) {
+        console.log(error);
+        this.treeData = [];
+      } finally {
+        this.hanldeSetTreeDef();
+      }
+    },
+
+    handleInitTreeData(list = [], v) {
+      list.forEach(item => {
+        item.myLabel = this.hanldeGetCascadelabel(v.render_key, item) || item[v["value_key"]];
+        item.showLabel = this.hanlderGetSearchLabel({ wordbook: v }, item) || item[v["value_key"]];
+        item.myUniqueKey = item[v.myUniqueKey];
+        item.myUniqueLabel = v.myUniqueKey;
+        item.key = item.myUniqueKey;
+        item.title = item.myLabel;
+        item.value = item[v["value_key"]];
+
+        if (item.children && item.children.length) {
+          this.handleInitTreeData(item.children, v);
+        }
+      });
+    },
+
+    hanldeSetTreeDef() {
+      const { name, val_key, default_val } = this.item;
+      let formVal = this.handleSysParams(this.defaultValue[name]) || default_val;
+      if (formVal) {
+        this.baseForm.setFieldsValue({
+          [val_key]: formVal
+        });
+      }
+    },
+
+    treeSelect(key, vnode) {
+      let d = vnode?.$options?.propsData?.dataRef || {};
+      this.handleSearchSelect(undefined, this.item, "select", {
+        eventType: "treeSelect",
+        data: { ...d }
+      });
+    }
+  }
+};
+</script>
+<style lang="less" scoped></style>
+<style lang="less">
+.table-tree-select-container {
+  .ant-select-tree {
+    li.filter-node {
+      > span {
+        font-weight: 600;
+      }
+    }
+  }
+  .no-data-tip > img {
+    height: 100px;
+  }
+}
+</style>