cnhis-design-vue 2.1.78 → 2.1.80

package/packages/scale-view/formitem/text-over-tooltip/TextOverTooltip.vue

@@ -1,98 +1,98 @@
-<template>
-  <div class="text-over-tooltip-components">
-    <template  v-if="isDisabledTooltip">
-      <div class="ellipsis">
-        <i ref="strContent">{{curContent}}</i>
-      </div>
-    </template>
-    <template v-else>
-    <a-tooltip v-bind="$attrs" :title="curContent" >
-      {{curContent}}
-    </a-tooltip>
-    </template>
-  </div>
-</template>
-
-<script>
-import { Tooltip } from "ant-design-vue";
-export default {
-  name: "TextOverTooltip",
-  components: {
-    [Tooltip.name]: Tooltip
-  },
-  watch:{
-    curContent:{
-      immediate: true,
-      handler(val){
-        if(val){
-          this.$nextTick(()=>{
-            this.onMouseOver()
-          })
-        }
-      }
-    }
-  },
-  props: {
-    // 显示的文字内容
-    content: { type: [Number, String] },
-  },
-  data() {
-    return {
-      isDisabledTooltip: true // 是否需要禁止提示
-    };
-  },
-  computed: {
-    curContent() {
-      let res = this.tooltipTitle || this.content || "";
-      res = String(res)
-      return res;
-    }
-  },
-  methods: {
-    onMouseOver(str) {
-      if (this.isAlias) {
-        this.isDisabledTooltip = false;
-        return;
-      }
-      let node = this.$refs['strContent'];
-      let parentWidth = node.parentNode.offsetWidth;
-      let contentWidth = node.offsetWidth;
-      // 判断是否禁用tooltip功能
-      this.isDisabledTooltip = contentWidth <= parentWidth;
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.text-over-tooltip-components {
-  display: inline-block;
-  max-width: 100%;
-  /* 文字超出宽度显示省略号 单行 */
-  .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>
+<template>
+  <div class="text-over-tooltip-components">
+    <template  v-if="isDisabledTooltip">
+      <div class="ellipsis">
+        <i ref="strContent">{{curContent}}</i>
+      </div>
+    </template>
+    <template v-else>
+    <a-tooltip v-bind="$attrs" :title="curContent" >
+      {{curContent}}
+    </a-tooltip>
+    </template>
+  </div>
+</template>
+
+<script>
+import { Tooltip } from "ant-design-vue";
+export default {
+  name: "TextOverTooltip",
+  components: {
+    [Tooltip.name]: Tooltip
+  },
+  watch:{
+    curContent:{
+      immediate: true,
+      handler(val){
+        if(val){
+          this.$nextTick(()=>{
+            this.onMouseOver()
+          })
+        }
+      }
+    }
+  },
+  props: {
+    // 显示的文字内容
+    content: { type: [Number, String] },
+  },
+  data() {
+    return {
+      isDisabledTooltip: true // 是否需要禁止提示
+    };
+  },
+  computed: {
+    curContent() {
+      let res = this.tooltipTitle || this.content || "";
+      res = String(res)
+      return res;
+    }
+  },
+  methods: {
+    onMouseOver(str) {
+      if (this.isAlias) {
+        this.isDisabledTooltip = false;
+        return;
+      }
+      let node = this.$refs['strContent'];
+      let parentWidth = node.parentNode.offsetWidth;
+      let contentWidth = node.offsetWidth;
+      // 判断是否禁用tooltip功能
+      this.isDisabledTooltip = contentWidth <= parentWidth;
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.text-over-tooltip-components {
+  display: inline-block;
+  max-width: 100%;
+  /* 文字超出宽度显示省略号 单行 */
+  .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/scale-view/index.js

@@ -1,17 +1,17 @@
-// 导入组件
-import scaleView from './scaleView';
-import CustomList from './customList';
-
-// 为组件提供 install 安装方法，供按需引入
-scaleView.install = function(Vue) {
-  Vue.component(scaleView.name, scaleView);
-  Vue.component(CustomList.name, CustomList);
-};
-
-Object.assign(scaleView, {
-  CustomList,
-});
-
-
-// 默认导出组件
-export default scaleView;
+// 导入组件
+import scaleView from './scaleView';
+import CustomList from './customList';
+
+// 为组件提供 install 安装方法，供按需引入
+scaleView.install = function(Vue) {
+  Vue.component(scaleView.name, scaleView);
+  Vue.component(CustomList.name, CustomList);
+};
+
+Object.assign(scaleView, {
+  CustomList,
+});
+
+
+// 默认导出组件
+export default scaleView;

package/packages/scale-view/mixin/NoData.js

@@ -1,38 +1,38 @@
-/** 无数据 */
-export default {
-  data() {
-    return {
-      noData: false,
-      noDataTip: "1.1.6.11",
-      noDataImg: "nodata"
-    };
-  },
-  methods: {
-    // 跳转坐标云平台
-    setNoData(noData, noDataTip = "1.1.6.11", noDataImg = "nodata") {
-      this.noData = noData;
-      this.noDataTip = noDataTip || "1.1.6.11";
-      this.noDataImg = this.errResult(noDataImg) || "nodata";
-    },
-    resetNodata() {
-      this.noData = false;
-      this.noDataTip = "1.1.6.11";
-      this.noDataImg = "nodata";
-    },
-    errResult(result) {
-      let res = "nodata";
-      switch (result) {
-        case "10000":
-          res = "no-permission";
-          break;
-        case "Failure":
-          res = "failure";
-          break;
-        default:
-          res = "nodata";
-          break;
-      }
-      return res;
-    }
-  }
-};
+/** 无数据 */
+export default {
+  data() {
+    return {
+      noData: false,
+      noDataTip: "1.1.6.11",
+      noDataImg: "nodata"
+    };
+  },
+  methods: {
+    // 跳转坐标云平台
+    setNoData(noData, noDataTip = "1.1.6.11", noDataImg = "nodata") {
+      this.noData = noData;
+      this.noDataTip = noDataTip || "1.1.6.11";
+      this.noDataImg = this.errResult(noDataImg) || "nodata";
+    },
+    resetNodata() {
+      this.noData = false;
+      this.noDataTip = "1.1.6.11";
+      this.noDataImg = "nodata";
+    },
+    errResult(result) {
+      let res = "nodata";
+      switch (result) {
+        case "10000":
+          res = "no-permission";
+          break;
+        case "Failure":
+          res = "failure";
+          break;
+        default:
+          res = "nodata";
+          break;
+      }
+      return res;
+    }
+  }
+};

package/packages/scale-view/mixin/addressVal.js

@@ -1,156 +1,156 @@
-import utils from '@/utils/utils-map';
-import addressData from '../formitem/data';
-const addressMap = new Map([
-  ['province', ['city', 'area', 'address']],
-  ['province-city', ['area', 'address']],
-  ['province-city-district', ['address']],
-  ['province-city-district-address', []]
-]);
-export default {
-  data() {
-    return {
-      allData: [],
-      province: []
-    };
-  },
-  props: {},
-  computed: {},
-  created() {
-    this.allData = addressData;
-  },
-  beforeDestroy() {},
-  methods: {
-    parseVal(defValue, item) {
-      let val = defValue || item.setting.defaultValue;
-      if (utils.isJSON(val)) {
-        val = JSON.parse(val);
-      }
-      return val;
-    },
-    isMultiple(item) {
-      return (item.type === 'SELECT' && item?.setting?.isMultiple) || item.type === 'CHECKBOX_BLOCK';
-    },
-    handleQueryVal(val, item, isMulti) {
-      val = decodeURIComponent(val);
-      if (item.type === 'ADDRESS') {
-        let addressDef = this.compileAddressUrlDef(item, val);
-        return addressDef;
-      }
-      if (typeof val === 'string' && val.includes(',') && isMulti) {
-        return val.split(',');
-      }
-      if (isMulti) {
-        return val.split();
-      }
-      return val;
-    },
-    handleUrlDefaultValue(item) {
-      let urlKey = item.setting?.outDefaultValue?.urlKey;
-      if (!urlKey) return;
-      let isMulti = this.isMultiple(item);
-      // 兼容之前多个key
-      if (typeof urlKey === 'string' && urlKey.includes(',')) {
-        let list = urlKey.split(',');
-        if (list.length > 1) {
-          let val = list
-            .map(l => {
-              let tempV = this.getQueryVariable(l);
-              if (!tempV) return null;
-              tempV = this.handleQueryVal(tempV, isMulti);
-              return tempV;
-            })
-            .filter(Boolean)
-            .flat(3);
-          if (val.length) {
-            return val;
-          }
-          return;
-        }
-      }
-      let val = this.getQueryVariable(urlKey);
-      if (!val) return;
-      return this.handleQueryVal(val, item, isMulti);
-    },
-    /**
-     * 解析url中的地址
-     * @param {*} item
-     * @param {*} val url中的value
-     * @returns
-     */
-    compileAddressUrlDef(item, val) {
-      if (!val) return;
-      if (utils.isJSON(val)) {
-        val = JSON.parse(val);
-      }
-      if (!Object.keys(val).length) return;
-      let { province, city, area, address } = val;
-      let addressObj = { city: [], area: [] };
-      let provinceObj = this.handleKeyInValue(province, 'province', addressObj);
-      if (!provinceObj) return { address };
-
-      let cityObj = this.handleKeyInValue(city, 'city', addressObj);
-      if (!cityObj) return { province: provinceObj, address };
-
-      let areaObj = this.handleKeyInValue(area, 'area', addressObj);
-      if (!areaObj) return { province: provinceObj, city: cityObj, address };
-
-      return { province: provinceObj, city: cityObj, area: areaObj, address };
-    },
-    /**
-     * 根据名字 获取相关的key 并返回一个标准格式
-     * @param {*} label
-     * @param {*} dataKey
-     * @param {*} addressObj
-     * @returns { "label": "xxx", "key": "xxx" }
-     */
-    handleKeyInValue(label, dataKey = 'province', addressObj) {
-      if (!label) return;
-      let data = dataKey === 'province' ? this[dataKey] : addressObj[dataKey];
-      let key = this.findKey(data, label);
-      if (!key) return;
-      if (dataKey === 'province') {
-        addressObj.city = [...this.objToArray(this.allData[key])];
-      }
-      if (dataKey === 'city') {
-        addressObj.area = [...this.objToArray(this.allData[key])];
-      }
-      return { label, key };
-    },
-    // 获取省
-    getProvinceData() {
-      if (!this.province.length) {
-        this.province = [...this.objToArray(this.allData['86'])];
-      }
-    },
-    // 对象转数组
-    objToArray(obj) {
-      if (!obj) return [];
-      return Object.keys(obj).map(item => {
-        return {
-          code: item,
-          name: obj[item]
-        };
-      });
-    },
-    // 通过name 找到code
-    findKey(data, name) {
-      if (!data || !data.length || !name) return;
-      return data.find(v => v.name === name)?.code;
-    },
-    handleSubmitAddress(val, item) {
-      if (!val) return;
-      if (utils.isJSON(val)) {
-        val = JSON.parse(val);
-      }
-      if (!Object.keys(val).length) return;
-      let { addressType } = item.setting || {};
-      if (!addressType) return val;
-      let delList = addressMap.get(addressType);
-      if (!delList.length) return val;
-      delList.forEach(v => {
-        delete val[v];
-      });
-      return val;
-    }
-  }
-};
+import utils from '@/utils/utils-map';
+import addressData from '../formitem/data';
+const addressMap = new Map([
+  ['province', ['city', 'area', 'address']],
+  ['province-city', ['area', 'address']],
+  ['province-city-district', ['address']],
+  ['province-city-district-address', []]
+]);
+export default {
+  data() {
+    return {
+      allData: [],
+      province: []
+    };
+  },
+  props: {},
+  computed: {},
+  created() {
+    this.allData = addressData;
+  },
+  beforeDestroy() {},
+  methods: {
+    parseVal(defValue, item) {
+      let val = defValue || item.setting.defaultValue;
+      if (utils.isJSON(val)) {
+        val = JSON.parse(val);
+      }
+      return val;
+    },
+    isMultiple(item) {
+      return (item.type === 'SELECT' && item?.setting?.isMultiple) || item.type === 'CHECKBOX_BLOCK';
+    },
+    handleQueryVal(val, item, isMulti) {
+      val = decodeURIComponent(val);
+      if (item.type === 'ADDRESS') {
+        let addressDef = this.compileAddressUrlDef(item, val);
+        return addressDef;
+      }
+      if (typeof val === 'string' && val.includes(',') && isMulti) {
+        return val.split(',');
+      }
+      if (isMulti) {
+        return val.split();
+      }
+      return val;
+    },
+    handleUrlDefaultValue(item) {
+      let urlKey = item.setting?.outDefaultValue?.urlKey;
+      if (!urlKey) return;
+      let isMulti = this.isMultiple(item);
+      // 兼容之前多个key
+      if (typeof urlKey === 'string' && urlKey.includes(',')) {
+        let list = urlKey.split(',');
+        if (list.length > 1) {
+          let val = list
+            .map(l => {
+              let tempV = this.getQueryVariable(l);
+              if (!tempV) return null;
+              tempV = this.handleQueryVal(tempV, isMulti);
+              return tempV;
+            })
+            .filter(Boolean)
+            .flat(3);
+          if (val.length) {
+            return val;
+          }
+          return;
+        }
+      }
+      let val = this.getQueryVariable(urlKey);
+      if (!val) return;
+      return this.handleQueryVal(val, item, isMulti);
+    },
+    /**
+     * 解析url中的地址
+     * @param {*} item
+     * @param {*} val url中的value
+     * @returns
+     */
+    compileAddressUrlDef(item, val) {
+      if (!val) return;
+      if (utils.isJSON(val)) {
+        val = JSON.parse(val);
+      }
+      if (!Object.keys(val).length) return;
+      let { province, city, area, address } = val;
+      let addressObj = { city: [], area: [] };
+      let provinceObj = this.handleKeyInValue(province, 'province', addressObj);
+      if (!provinceObj) return { address };
+
+      let cityObj = this.handleKeyInValue(city, 'city', addressObj);
+      if (!cityObj) return { province: provinceObj, address };
+
+      let areaObj = this.handleKeyInValue(area, 'area', addressObj);
+      if (!areaObj) return { province: provinceObj, city: cityObj, address };
+
+      return { province: provinceObj, city: cityObj, area: areaObj, address };
+    },
+    /**
+     * 根据名字 获取相关的key 并返回一个标准格式
+     * @param {*} label
+     * @param {*} dataKey
+     * @param {*} addressObj
+     * @returns { "label": "xxx", "key": "xxx" }
+     */
+    handleKeyInValue(label, dataKey = 'province', addressObj) {
+      if (!label) return;
+      let data = dataKey === 'province' ? this[dataKey] : addressObj[dataKey];
+      let key = this.findKey(data, label);
+      if (!key) return;
+      if (dataKey === 'province') {
+        addressObj.city = [...this.objToArray(this.allData[key])];
+      }
+      if (dataKey === 'city') {
+        addressObj.area = [...this.objToArray(this.allData[key])];
+      }
+      return { label, key };
+    },
+    // 获取省
+    getProvinceData() {
+      if (!this.province.length) {
+        this.province = [...this.objToArray(this.allData['86'])];
+      }
+    },
+    // 对象转数组
+    objToArray(obj) {
+      if (!obj) return [];
+      return Object.keys(obj).map(item => {
+        return {
+          code: item,
+          name: obj[item]
+        };
+      });
+    },
+    // 通过name 找到code
+    findKey(data, name) {
+      if (!data || !data.length || !name) return;
+      return data.find(v => v.name === name)?.code;
+    },
+    handleSubmitAddress(val, item) {
+      if (!val) return;
+      if (utils.isJSON(val)) {
+        val = JSON.parse(val);
+      }
+      if (!Object.keys(val).length) return;
+      let { addressType } = item.setting || {};
+      if (!addressType) return val;
+      let delList = addressMap.get(addressType);
+      if (!delList.length) return val;
+      delList.forEach(v => {
+        delete val[v];
+      });
+      return val;
+    }
+  }
+};