cnhis-design-vue 2.2.3 → 2.2.6

package/packages/big-table/src/components/NoData.vue

@@ -1,81 +0,0 @@
-<template>
-  <div class="no-data-tip NoData-page">
-    <img v-if="showImg" :src="require(`../assets/img/${noDataImg}.png`)" alt="" />
-    <p>{{ $t(noDataTip) }}</p>
-    <span v-if="handleDesc"> {{ handleDesc }}</span>
-  </div>
-</template>
-<script>
-export default {
-  name: 'NoData',
-  components: {},
-  props: {
-    noDataTip: {
-      type: String,
-      default: '1.1.6.11'
-    },
-    noDataImg: {
-      type: String,
-      default: 'nodata'
-    },
-    showImg: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {};
-  },
-
-  computed: {
-    handleDesc() {
-      let res = '';
-      switch (this.noDataImg) {
-        case 'no-permission':
-          res = '请联系管理员';
-          break;
-        case 'failure':
-          res = '请稍后再试';
-          break;
-        default:
-          break;
-      }
-      return res;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.no-data-tip {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  color: #333333;
-  font-size: 22px;
-  > img {
-    max-width: 70%;
-    width: 260px;
-  }
-  > p {
-    margin-top: 12px;
-    margin-bottom: 0;
-    font-size: 16px;
-    color: rgba(0, 0, 0, 0.8);
-  }
-  > span {
-    font-size: 14px;
-    color: rgba(0, 0, 0, 0.4);
-    margin-top: 6px;
-  }
-}
-</style>

package/packages/big-table/src/components/TextOverTooltip.vue

@@ -1,120 +0,0 @@
-<template>
-  <div class="text-over-tooltip-components">
-    <a-tooltip
-      :effect="effect"
-      :visible="isDisabledTooltip"
-      :title="curContent"
-      :placement="placement"
-    >
-      <div
-        class="ellipsis"
-        :class="className"
-        @mouseover="onMouseOver(refName)"
-        @mouseout="onMouseOut"
-      >
-        <i :ref="refName">
-          <slot></slot>
-          <i>{{ content }}</i>
-        </i>
-      </div>
-    </a-tooltip>
-  </div>
-</template>
-
-<script>
-import { Tooltip } from "ant-design-vue";
-import vexutils from '@/utils/vexutils';
-export default {
-  name: "TextOverTooltip",
-  components: {
-    [Tooltip.name]: Tooltip
-  },
-  props: {
-    // 显示的文字内容
-    content: { type: [Number, String] },
-    // 设置父元素的样式：比如宽度字体等，需可以自己在组件内部配置样式比如字体大小20：fs20
-    className: String,
-    // 子元素标识（如在同一页面中调用多次组件，此参数不可重复）
-    refName: String,
-    // 默认提供的主题 dark/light
-    effect: {
-      type: String,
-      default: () => {
-        return "dark";
-      }
-    },
-    // Tooltip 的出现位置top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end
-    placement: {
-      type: String,
-      default: () => {
-        return "top";
-      }
-    },
-    tooltipTitle: { type: [Number, String], default: "" },
-    isAlias: Boolean
-  },
-  data() {
-    return {
-      isDisabledTooltip: false // 是否需要禁止提示
-    };
-  },
-  computed: {
-    curContent() {
-      let res = this.tooltipTitle || this.content || "";
-      if (vexutils.isNumber(res)) {
-        return res.toString();
-      }
-      return res;
-    }
-  },
-  methods: {
-    // 移入事件: 判断内容的宽度contentWidth是否大于父级的宽度
-    onMouseOver(str) {
-      if (this.isAlias) {
-        this.isDisabledTooltip = true;
-        return;
-      }
-      let parentWidth = this.$refs[str].parentNode.offsetWidth;
-      let contentWidth = this.$refs[str].offsetWidth;
-      // 判断是否禁用tooltip功能
-      this.isDisabledTooltip = contentWidth > parentWidth;
-    },
-    onMouseOut() {
-      this.isDisabledTooltip = false;
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.text-over-tooltip-components {
-  display: inline-block;
-  max-width: 98%;
-  /* 文字超出宽度显示省略号 单行 */
-  .ellipsis {
-    font-size: 14px;
-    color: #35393c;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    i {
-      font-style: normal;
-      word-break: keep-all;
-      white-space: nowrap;
-    }
-  }
-  /* 自定义样式 */
-  .fs20 {
-    font-size: 20px;
-    font-weight: 600;
-    color: green;
-    line-height: 22px;
-  }
-  .fs12 {
-    font-size: 12px;
-    font-weight: 400;
-    color: orange;
-    line-height: 14px;
-  }
-}
-</style>

package/packages/big-table/src/components/edit-form/EditForm.vue

@@ -1,518 +0,0 @@
-<template>
-  <div class="editForm-page">
-    <a-form-model ref="editForm" :model="editForm" :rules="editRules">
-      <a-form-model-item
-        v-for="(item, index) in editForm.formFieldList"
-        :key="index"
-        label=""
-        :prop="`formFieldList.${index}.useFormValue`"
-        :rules="handleGetRules(item)"
-        :class="'editeForm-item-' + item.html_type"
-      >
-        <component
-          :key="item.RandomId"
-          v-if="item.isShowComponent"
-          v-on="$listeners"
-          v-bind:is="item.com_name"
-          :class="item.html_type"
-          :ref="item.html_type + item.val_key"
-          :item="item"
-          :mainForm="this"
-          :defaultValue="defaultValue"
-          :form="curForm"
-          :editFormApiConfig="editFormApiConfig"
-          @valueOnChange="getValueChange"
-        />
-      </a-form-model-item>
-    </a-form-model>
-  </div>
-</template>
-<script>
-const NOCHECKLIST = ['LINE_BREAKS', 'LINEBAR', 'BUTTON', 'PLUGIN', 'TEXT', 'PAGE_LAYOUT'];
-import registerCom from './edit-component/register-com.js';
-import { formCommom } from './edit-mixins/index';
-import validateRules from './edit-item/validate-rules';
-import vexutils from '@/utils/vexutils';
-import utils from '@/utils/utils-map';
-import { FormModel } from "ant-design-vue";
-
-export default {
-  name: 'EditForm',
-  components: {
-    [FormModel.name]: FormModel,
-    [FormModel.Item.name]: FormModel.Item,
-  },
-  mixins: [formCommom, registerCom, validateRules],
-  props: {
-    defaultForm: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    isPure: Boolean,
-    cacheUniqueKey: {
-      type: Object,
-      default: () => ({})
-    },
-    banRequest: {
-      type: Boolean,
-      default: false
-    },
-    // 表单是否去掉右上角设置（齿轮按钮）
-    propsDelSetting: {
-      type: Boolean,
-      default: false
-    },
-    // 去掉表单按钮footer
-    propsFormBtn: {
-      type: Boolean,
-      default: false
-    },
-    // 组合组件的配置
-    parentConfig: {
-      type: Object,
-      default: () => ({})
-    },
-    // 配置 userInfo
-    configuration: {
-      type: Object,
-      default: () => ({})
-    },
-    // 是否开启快捷键切换,默认开启
-    isOpenShortcut: {
-      type: Boolean,
-      default: true
-    },
-    formPrimaryKey: [Number, String],
-    editFormApiConfig: Object, // 编辑表格api
-    btnList: { type: Array, default: () => [] },
-  },
-  provide() {
-    return {
-      mainForm: this
-    };
-  },
-  data() {
-    return {
-      defaultValue: {},
-      editForm: {
-        formFieldList: []
-      },
-      editRules: {},
-      formFieldList: [],
-      theUniqueKeyListObj: {},
-      formType: null,
-      defaultFieldList: [],
-      dbParams: {},
-      searchObj: {}, // 存下来搜索框数据
-      searchAddObj: {},
-      multipleSelected: {}, // 已选的多选值
-      formFieldObj: {}, // 表单数据
-      selectedDefValueObj: {}
-    };
-  },
-
-  computed: {
-    userInfo() {
-      const { userInfo } = this.configuration || {};
-      return userInfo || {};
-    },
-    showLable() {
-      return !this.isPure;
-    },
-    curForm() {
-      return this.$refs.editForm;
-    }
-  },
-  watch: {
-    defaultForm: {
-      deep: true,
-      immediate: true,
-      handler(val) {
-        if (!val || !Object.keys(val).length) return;
-        // 行编辑 formmat 触发多次 深拷贝 避免引用地址
-        let tempVal = JSON.parse(JSON.stringify(val));
-        this.initForm(tempVal);
-      }
-    }
-  },
-  // 生命周期
-  beforeCreate() {},
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    initForm(m = {}) {
-      let { defaultCombinationForm = {}, fieldList = {} } = m;
-      let tempForm = {};
-      if (Object.keys(defaultCombinationForm).length) {
-        tempForm = { ...defaultCombinationForm };
-      }
-      let transmitParams = this.handleConvertData(tempForm);
-      this.defaultValue = { ...transmitParams };
-      // console.log(this.defaultValue, "---defaultValue");
-      this.hanlderInitFieldList(fieldList);
-    },
-    hanlderInitFieldList(fieldList = []) {
-      if (!fieldList.length) return;
-      this.handleGetformType(fieldList);
-      this.getSelecteddefValueObj();
-
-      let fieldTypeList = [];
-      for (let index = 0; index < fieldList.length; index++) {
-        const element = fieldList[index];
-        element.isPure = this.isPure;
-        // 获取组件名称
-        let RandomId = this.RandomId();
-        let com_name = this.getComName(element);
-        // console.log(element.name, com_name, element.html_type);
-        this.$set(element, 'com_name', com_name);
-        this.$set(element, 'RandomId', RandomId);
-        let useFormValue = this.handleGetdef(element);
-        // console.log(useFormValue, "---useFormValue");
-        this.$set(element, 'useFormValue', useFormValue);
-        this.$set(element, 'isVisible', false);
-        // 如果中台设置（mid_is_edit）有值那就去中台的，没有取后台（is_edit）的；
-        let mid_is_edit = [0, 1, '0', '1'].includes(element.mid_is_edit) ? element.mid_is_edit : element.is_edit;
-        element.is_edit = mid_is_edit;
-
-        if (element.html_type.includes('CHECKBOX')) {
-          this.$set(element, 'indeterminate', false);
-          this.$set(element, 'checkAll', false);
-        }
-
-        // 兼容处理，
-        if (element.html_type.includes('CHECKBOX') || element.html_type.includes('RADIO')) {
-          let imgFlag = element?.option?.some(v => v.imageBase64);
-          element.is_contain_images = imgFlag ? 1 : 0;
-        }
-
-        fieldTypeList.push({
-          columnName: element.val_key,
-          fieldType: 'TEXT'
-        });
-        this.$set(element, 'isShowComponent', true);
-      }
-
-      this.defaultFieldList = Object.freeze(fieldList);
-      this.fieldTypeList = fieldTypeList;
-      this.$set(this.editForm, 'formFieldList', fieldList);
-      // console.log("---分割线---");
-    },
-    handleGetformType(list) {
-      this.theUniqueKeyListObj = {};
-      let myformType = {};
-      let mySearchObj = {};
-      let searchAddObj = {};
-      this.formType = null;
-
-      let fieldObj = Object.create(null);
-      let defaList = Object.keys(this.defaultValue);
-
-      list?.forEach(item => {
-        myformType[item.val_key] = item;
-        let curKey = `${item.val_key}_${item.name}`;
-        let NOWORDBOOK = item.wordbook && (item?.wordbook?.type || '') != 'WORDBOOK';
-        item.selectOptions = [];
-        item.popoverVisible = false;
-        item.otherval = '';
-        item.otherFlag = false;
-        if (item.html_type == 'SEARCH') {
-          mySearchObj[curKey] = [];
-          searchAddObj[curKey] = false;
-          if (defaList.includes(item.name)) {
-            mySearchObj[curKey] = [
-              {
-                [item.wordbook.value_key]: this.defaultValue[item.name]
-              }
-            ];
-          }
-        } else if (item.html_type == 'SEARCH_MORE') {
-          mySearchObj[curKey] = [];
-          searchAddObj[curKey] = false;
-          if (!this.multipleSelected.curKey) {
-            this.$set(this.multipleSelected, curKey, []);
-          }
-        } else {
-          const { validate } = item;
-          let n = this.defaultValue[item.name] || item.default_val;
-          // 身份证
-          if (n && validate && validate.obj_type == 'id_card') {
-            setTimeout(() => {
-              this.handlerSetIdCarInfo(item, true);
-            }, 300);
-          }
-        }
-        if (item.val_key) {
-          fieldObj[item.val_key] = {
-            ...item
-          };
-        }
-      });
-      this.formType = myformType;
-      this.searchObj = mySearchObj;
-      this.searchAddObj = searchAddObj;
-      this.formFieldObj = fieldObj;
-    },
-    // 设置身份证的信息
-    handlerSetIdCarInfo(data = {}, init = false) {},
-    hanldegetUniqueKey(id) {
-      return this.cacheUniqueKey && this.cacheUniqueKey[id];
-    },
-    getValueChange(v, i) {
-      // SEARCH_CASCADE SEARCH_MORE LABEL
-      let cacheKey = `${i.val_key}_${i.name}`;
-      if (i.html_type == 'SEARCH_MORE') {
-        this.$set(this.multipleSelected, cacheKey, [...v]);
-      }
-      this.getSelecteddefValueObj();
-    },
-    getSelecteddefValueObj() {
-      let obj = {
-        multipleSelected: {
-          ...this.multipleSelected
-        }
-      };
-      this.$set(this, 'selectedDefValueObj', obj);
-    },
-    // 默认值转换
-    handleConvertData(target) {
-      let transmitParams = {};
-      let transmitKeys = Object.keys(target || {});
-      if (transmitKeys && transmitKeys.length) {
-        transmitKeys.forEach(v => {
-          if (typeof target[v] == 'object') {
-            transmitParams[v] = JSON.stringify(target[v]);
-          } else {
-            transmitParams[v] = target[v];
-          }
-          if (vexutils.isString(target[v])) {
-            if (target[v] && target[v].includes('###{')) {
-              let temp = JSON.parse(target[v].replace('###', ''));
-              transmitParams[v] = temp.value;
-            }
-          }
-        });
-      }
-
-      return transmitParams;
-    },
-    handleSubmitForm() {
-      this.$refs.editForm.validate((valid, err) => {
-        if (valid) {
-          let submData = {};
-          this.editForm.formFieldList.forEach(item => {
-            submData[item.val_key] = item.useFormValue;
-          });
-          submData = this.handleFormatSubmit(submData);
-          if (submData) {
-            submData = JSON.parse(JSON.stringify(submData));
-          }
-          let formObj = {
-            rowKey: this.formPrimaryKey,
-            formData: submData
-          };
-          console.log(this.formPrimaryKey, "--", submData);
-          this.$emit('handleSubmit', formObj);
-        } else {
-          // console.log(this.formPrimaryKey, "--", "banSubmit");
-          this.$emit('banSubmit', {
-            rowKey: this.formPrimaryKey
-          });
-          let message = '';
-          for (let key in err) {
-            let value = err[key];
-            message = value && value[0].message;
-          }
-          message && this.$message.error(message);
-        }
-      });
-    },
-    handleFormatSubmit(copy) {
-      // Moment 对象不能用 JSON 方式复制
-      // let formdata = JSON.parse(JSON.stringify(copy));
-      let formdata = vexutils.clone(copy, true);
-      console.log(formdata, '--formdata');
-
-      // 表格数据格式化符合接口
-      Object.keys(formdata).forEach(item => {
-        switch (this.formType[item] && this.formType[item].html_type) {
-          case 'INPUT':
-          case 'TEXTAREA':
-            if (this.formType[item] && this.formType[item].delete_before_after_spaces == 1) {
-              formdata[item] = vexutils.handleClearStrBlank(formdata[item]);
-            }
-            break;
-          case 'DIGITAL':
-          case 'SELECT':
-          case 'RADIO':
-          case 'RADIO_BLOCK':
-            break;
-          case 'SEARCH':
-            formdata[item] = typeof formdata[item] === 'string' ? formdata[item].split('>>>')[0] : formdata[item] && formdata[item].label && formdata[item].label.trim();
-            break;
-          case 'SEARCH_MORE':
-            formdata[item] = this.handleGetSearMoreSubmit(item, formdata);
-            break;
-          case 'CHECKBOX':
-          case 'CHECKBOX_BLOCK':
-            formdata[item] = Array.isArray(formdata[item]) ? formdata[item].join(',') : formdata[item];
-            break;
-          case 'DATETIME-INPUT':
-          case 'DATE-INPUT':
-          case 'TIME-INPUT':
-          case 'DATE':
-            if (typeof formdata[item] == 'string') {
-              formdata[item] = formdata[item] || null;
-            } else {
-              formdata[item] = formdata[item] ? formdata[item].format(this.handlerGetDateType(this.formType[item])) : null;
-            }
-            break;
-          case 'SWITCH_COMPONENT':
-            formdata[item] = this.handleSwitchCom(item, formdata[item])
-            break;
-          default:
-            break;
-        }
-      });
-      return formdata;
-    },
-    handleGetSearMoreSubmit(item, formdata) {
-      const { formType, multipleSelected } = this;
-      const curItem = formType[item];
-      const defaultVal = JSON.stringify({ objs: [], objStr: '' });
-      var valueList = [];
-      var showList = [];
-      var keyName = `${curItem.val_key}_${curItem.name}`;
-      if (!curItem.wordbook) return defaultVal;
-      var value_key = curItem.wordbook.value_key;
-      var render_key = curItem.wordbook.render_key || [];
-      let defVal = this.defaultValue[curItem.name] || curItem.default_val;
-      // 修改时没有改变值，直接提交回填的值；
-      if (curItem.isOnchange !== '00' && defVal) {
-        defVal = curItem.filtration_val || this.handleSysParams(defVal);
-        defVal = this.getObjs(defVal);
-        // 数组是无效的, 空对象也是无效的
-        if (Array.isArray(defVal) || (utils?.isPlainObject?.(defVal) && !Object.keys(defVal)?.length)) {
-          return defaultVal;
-        }
-        // 必须是JSON
-        if(typeof defVal !== 'string') {
-          return JSON.stringify(defVal);
-        }
-        return defVal || defaultVal;
-      }
-      const targetList = JSON.parse(JSON.stringify(multipleSelected[keyName] || []));
-      if (Array.isArray(formdata[item]) && formdata[item].length) {
-        formdata[item].forEach(ele => {
-          targetList.forEach(v => {
-            let [curValue_key] = typeof ele.key === 'string' ? ele.key.split('-') : [''];
-            if (`${v[value_key]}-${v['myUniqueKey']}` == ele.key || curValue_key == v[value_key]) {
-              // 删除 前端添加的关联信息
-              delete v.setting;
-              delete v.showLabel;
-              // v.myUniqueLabel != "theUniqueKey"
-
-              if (v['myUniqueKey'] && v.myUniqueLabel) {
-                var item = {
-                  [v.myUniqueLabel]: v['myUniqueKey'],
-                  [value_key]: v[value_key]
-                };
-                render_key.forEach(k => {
-                  item[k] = v[k];
-                });
-                valueList.push(item);
-              } else {
-                let { myUniqueKey, myUniqueLabel, ...rest } = v;
-                valueList.push(rest);
-              }
-              showList.push(v[value_key]);
-            }
-          });
-        });
-      }
-      return JSON.stringify({
-        objs: valueList,
-        objStr: showList.join(',')
-      });
-    },
-    handleSwitchCom(key, value){
-      let item = this.formType[key] || {}
-      let {close = {}, open = {}} = item;
-      return value ? open.value : close.value;
-    },
-    getObjs(str) {
-      /**
-       * 处理：{type: "jsonb", value: ""}
-       *  */
-      let resObj = null;
-      if (vexutils.isJSON(str)) {
-        resObj = JSON.parse(str);
-        if (resObj.type === 'jsonb') {
-          resObj = resObj.value;
-          if (resObj.includes('jsonb')) {
-            resObj = this.getObjs(resObj);
-          }
-          return resObj;
-        } else {
-          return str;
-        }
-      } else {
-        return str;
-      }
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.editForm-page {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  .ant-form {
-    width: 100%;
-  }
-  /deep/.has-error .ant-input-group-addon {
-    color: rgba(0, 0, 0, 0.65);
-  }
-  /deep/ .ant-form-item-control.has-error {
-    line-height: 1;
-    .ant-form-explain {
-      line-height: 1.1;
-      min-height: unset;
-    }
-  }
-  /deep/ .ant-form-item-control.has-error {
-    .formItem-select-multiple {
-      padding: 0;
-    }
-  }
-  /deep/.editeForm-item-TEXTAREA {
-    .ant-form-item-control {
-      &.has-error {
-        padding-top: 0;
-        span.ant-form-item-children {
-          height: unset;
-          display: unset;
-          align-items: unset;
-        }
-      }
-      span.ant-form-item-children {
-        height: 40px;
-        display: inline-flex;
-        align-items: center;
-      }
-      span.TEXTAREA {
-        vertical-align: top;
-      }
-    }
-  }
-  /deep/.ant-input-affix-wrapper .ant-input-prefix,
-  /deep/.ant-input-affix-wrapper .ant-input-suffix {
-    z-index: 1;
-  }
-}
-</style>