n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/Form/InputCustom/index.vue

@@ -6,11 +6,11 @@
       v-model="_value"
       v-nstc-number="numberRule"
       v-bind="$attrs"
-      :style="{width:parseFloat(width) + 'px'}"
+      :style="{ width: parseFloat(width) + 'px' }"
       :placeholder="placeholder || '请输入'"
       :type="_type"
       :maxlength="maxlength"
-      :class="{'nstc-amount-num': isMoney, 'nstc-common-form-textarea': type === 'textarea' }"
+      :class="{ 'nstc-amount-num': isMoney, 'nstc-common-form-textarea': type === 'textarea' }"
       :clearable="clearable"
       v-on="$listeners"
     >
@@ -61,8 +61,8 @@ export default {
     numberRule: {
       type: Object,
       default: () => ({
-        isMoney:false,
-        precision:2
+        isMoney: false,
+        precision: 2
       })
       // 配置项
       // min：最小值，类型为number；
@@ -122,7 +122,7 @@ export default {
 
   mounted() {
     this.$nextTick(() => {
-      if(this.type === 'textarea') {
+      if (this.type === 'textarea') {
         this.resizeInputWidth()
         window.onresize = this.resizeInputWidth
       }
@@ -140,7 +140,7 @@ export default {
     },
 
     isMoney() {
-      return this.numberRule?this.numberRule.isMoney:false
+      return this.numberRule ? this.numberRule.isMoney : false
     },
 
     isNumber() {
@@ -148,11 +148,7 @@ export default {
     },
 
     _type() {
-      return this.type === 'text'
-        ? this.isNumber
-          ? 'number'
-          : this.type
-        : this.type
+      return this.type === 'text' ? (this.isNumber ? 'number' : this.type) : this.type
     }
   },
 
@@ -160,9 +156,9 @@ export default {
     _value(val) {
       // 当为金额时有两位小数
       let l = 0
-      if(this.numberRule && this.numberRule.isMoney){
+      if (this.numberRule && this.numberRule.isMoney) {
         l = 15
-      }else{
+      } else {
         l = 13
       }
       this.numberRule.maxLength && (l = this.numberRule.maxLength)
@@ -171,7 +167,7 @@ export default {
       }
       console.log('__log', this.isNotZh)
       if (this.isNotZh) {
-        this._value = val.replace(/[\u4e00-\u9fa5]/ig, '')
+        this._value = val.replace(/[\u4e00-\u9fa5]/gi, '')
       }
     }
   },
@@ -185,7 +181,6 @@ export default {
       console.log('_wwww', w)
       const inputArr = document.getElementsByClassName(`nstc-common-form-textarea`)
 
-
       for (let i = 0; i < inputArr.length; i++) {
         // 3 为了多留一点空间， 前面是计算出来的准确值
         inputArr[i].style.width = w * 0.3625 + 380 + 3 + 'px'
@@ -193,35 +188,37 @@ export default {
     },
     inputClick() {
       const that = this
-      console.log(this.httpMethod )
-      if (this.httpMethod  === 'noRequest') {
+      console.log(this.httpMethod)
+      if (this.httpMethod === 'noRequest') {
         this._value = this.getValue
       } else if (this.httpMethod === 'get') {
         request({
           url: this.url,
           method: this.httpMethod,
           params: this.params
-        }).then(res => {
-          that._value = res
-          that.$nextTick(() => {
-            that.$forceUpdate()
+        })
+          .then((res) => {
+            that._value = res
+            that.$nextTick(() => {
+              that.$forceUpdate()
+            })
           })
-        }).catch(() => {})
+          .catch(() => {})
       } else {
         let data = this.params
         request({
           url: this.url,
           method: this.httpMethod,
           data
-        }).then(res => {
-          that._value = res
-          that.$nextTick(() => {
-            that.$forceUpdate()
+        })
+          .then((res) => {
+            that._value = res
+            that.$nextTick(() => {
+              that.$forceUpdate()
+            })
           })
-        }).catch(() => {})
+          .catch(() => {})
       }
-      
-      
     }
   }
 }
@@ -229,40 +226,40 @@ export default {
 
 <style lang="scss" scoped>
 .nstc-amount-num-temp {
-  .input-after-amount-num{
-    display: inline-block!important;
+  .input-after-amount-num {
+    display: inline-block !important;
     text-align: right;
   }
 }
-.nstc-amount-num{
+.nstc-amount-num {
   .el-input__inner {
     text-align: right;
     &::placeholder {
-       text-align: right;
+      text-align: right;
     }
 
     &::-webkit-input-placeholder {
-        /* WebKit browsers 适配谷歌 */
-        text-align: right;
+      /* WebKit browsers 适配谷歌 */
+      text-align: right;
     }
 
     &:-moz-placeholder {
-        /* Mozilla Firefox 4 to 18 适配火狐 */
-       text-align: right;
+      /* Mozilla Firefox 4 to 18 适配火狐 */
+      text-align: right;
     }
 
     &::-moz-placeholder {
-        /* Mozilla Firefox 19+ 适配火狐 */
-       text-align: right;
+      /* Mozilla Firefox 19+ 适配火狐 */
+      text-align: right;
     }
 
     &:-ms-input-placeholder {
-        /* Internet Explorer 10+  适配ie*/
-        text-align: right;
+      /* Internet Explorer 10+  适配ie*/
+      text-align: right;
     }
   }
   position: relative;
-  
+
   .input-after-amount-num {
     position: absolute;
     right: 10px;
@@ -280,23 +277,23 @@ export default {
 }
 //  当为空值时，透明
 .nstc-amount-temp-transparent {
-  .input-after-amount-num{
-    background-color: rgba(0,0,0,0)!important;
+  .input-after-amount-num {
+    background-color: rgba(0, 0, 0, 0) !important;
   }
 }
 // 当input框的为不可点击时
-.nstc-amount-input-disabled{
-  .input-after-amount-num{
-    background-color: #F5F7FA!important;
-    border-color: #dfe4ed!important;
-    color: #C0C4CC!important;
-    cursor: not-allowed!important;
-    pointer-events:none;
+.nstc-amount-input-disabled {
+  .input-after-amount-num {
+    background-color: #f5f7fa !important;
+    border-color: #dfe4ed !important;
+    color: #c0c4cc !important;
+    cursor: not-allowed !important;
+    pointer-events: none;
   }
 }
-.nstc-common-form-textarea{
-  textarea{
-    border: 1px solid #C0C4CC;
+.nstc-common-form-textarea {
+  textarea {
+    border: 1px solid #c0c4cc;
     font-family: auto;
     font-size: 13px;
   }

package/nstc-g6/components/Form/IntervalinputCustom/demo/index.vue

@@ -26,6 +26,4 @@ export default {
 }
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/nstc-g6/components/Form/IntervalinputCustom/index.vue

@@ -1,21 +1,8 @@
 <template>
   <div class="interval-input-custom">
-    <InputCustom
-      v-model="_value[0]"
-      :clearable="clearable"
-      :type="type"
-      @blur="changeNum"
-      :number-rule="numberRule"
-    />
+    <InputCustom v-model="_value[0]" :clearable="clearable" :type="type" @blur="changeNum" :number-rule="numberRule" />
     <span>-</span>
-    <InputCustom
-      v-model="_value[1]"
-      @blur="changeNum"
-      :clearable="clearable"
-      :type="type"
-      :number-rule="numberRule"
-    />
-    
+    <InputCustom v-model="_value[1]" @blur="changeNum" :clearable="clearable" :type="type" :number-rule="numberRule" />
   </div>
 </template>
 
@@ -47,57 +34,48 @@ export default {
 
     numberRule: {
       type: [String, Object, Array],
-      default:() => ({
-      })
+      default: () => ({})
     },
     defaultProps: {
       type: [String, Object, Array],
       default() {
-        return {
-
-        }
+        return {}
       }
-    },
+    }
   },
 
   computed: {
     _value: {
       get() {
-       
         return this.value
       },
       set(val) {
-        
         this.$emit('input', val)
       }
     }
   },
   methods: {
     changeNum() {
-      let newVal = this.value 
-        console.log(this.value, 'this.value');
-        let value1 = this._value[0]
-        let value2 = this._value[1]
-        if(value1 && value2) {
-           
-          value1 = isNaN(parseFloat(this._value[0])) ? 0 : parseFloat(this._value[0]) 
-          value2 = isNaN(parseFloat(this._value[1])) ? 0 : parseFloat(this._value[1]) 
-          if(value1 > value2) {
-            this.$message.warning('起始值不能大于结束值')
-            newVal = ["", ""]
-          }
-         
-         
+      let newVal = this.value
+      console.log(this.value, 'this.value')
+      let value1 = this._value[0]
+      let value2 = this._value[1]
+      if (value1 && value2) {
+        value1 = isNaN(parseFloat(this._value[0])) ? 0 : parseFloat(this._value[0])
+        value2 = isNaN(parseFloat(this._value[1])) ? 0 : parseFloat(this._value[1])
+        if (value1 > value2) {
+          this.$message.warning('起始值不能大于结束值')
+          newVal = ['', '']
         }
-        this._value = newVal;
+      }
+      this._value = newVal
     }
-    
   }
 }
 </script>
 
 <style lang="scss">
-@import "~@/theme/theme1/styles/variables.scss";
+@import '~@/theme/theme1/styles/variables.scss';
 
 .interval-input-custom {
   width: $formItemDefaultWidth;
@@ -109,7 +87,7 @@ export default {
     padding: 0 5px;
   }
   .input-custom {
-    width: calc((100% - 15px) / 2)!important;
+    width: calc((100% - 15px) / 2) !important;
     .el-input {
       width: 100%;
     }

package/nstc-g6/components/Form/Item.vue

@@ -1,23 +1,19 @@
 <template>
   <div>
     <template v-if="SUPPORT_TYPE.includes(item.mold)">
-      <el-form-item
-        :label="item.name"
-        :prop="item.prop"
-        :ref="item.required ? item.prop : null"
-      >
+      <el-form-item :label="item.name" :prop="item.prop" :ref="item.required ? item.prop : null">
         <el-tooltip
           v-if="item.tooltip"
           class="item-tooltip"
           effect="dark"
           :content="item.tooltip"
           placement="top-start"
-          :style="{left: -tipLength + 'px'}"
+          :style="{ left: -tipLength + 'px' }"
         >
           <i class="el-icon-question" />
         </el-tooltip>
         <!-- 多个link -->
-       
+
         <template v-if="Array.isArray(item.link)">
           <component
             ref="item"
@@ -75,12 +71,11 @@
                   @treeNodeClick="treeNodeClick"
                 />
               </el-form-item>
-
             </template>
           </template>
         </template>
         <!-- 单个link -->
-        <template v-else-if="item.link &&item.link.mold">
+        <template v-else-if="item.link && item.link.mold">
           <template v-if="item.link.position === 'after'">
             <component
               ref="item"
@@ -103,11 +98,7 @@
               @enter-click="$emit('enter-click')"
               @treeNodeClick="treeNodeClick"
             />
-            <span
-              v-show="item.link.name"
-              class="form-item-name form-item-name-link"
-              v-html="item.link.name"
-            />
+            <span v-show="item.link.name" class="form-item-name form-item-name-link" v-html="item.link.name" />
             <component
               icon-type="drop"
               :showCheckbox="item.showCheckbox"
@@ -148,12 +139,7 @@
               @enter-click="$emit('enter-click')"
               @treeNodeClick="treeNodeClick"
             />
-            <span
-
-              v-show="item.link.name"
-              class="form-item-name form-item-name-link"
-              v-html="item.link.name"
-            />
+            <span v-show="item.link.name" class="form-item-name form-item-name-link" v-html="item.link.name" />
             <component
               icon-type="drop"
               :showCheckbox="item.showCheckbox"
@@ -186,9 +172,9 @@
             :disableUnclickLeaf="item.disableUnclickLeaf"
             :is="getComponentModel(item.mold)"
             :key="item.prop"
-            :lazyLoad='item.lazyLoad'
-            :labelKey='item.labelKey'
-            :valueKey='item.valueKey'
+            :lazyLoad="item.lazyLoad"
+            :labelKey="item.labelKey"
+            :valueKey="item.valueKey"
             :checkStrictly="item.checkStrictly"
             :httpMethod="item.httpMethod"
             :params="item.params"
@@ -205,7 +191,7 @@
             :remote="item.remote"
             :filterable="item.filterable"
             :options="item.options"
-            :numberRule="item.defaultProps||{}"
+            :numberRule="item.defaultProps || {}"
             :clearable="item.clearable"
             :isCache="item.isCache"
             :dateType="item.dateType"
@@ -303,11 +289,11 @@ export default {
       }
     },
     treeNodeClick(data, node) {
-      this.$emit("tree-node-click", data, node);
+      this.$emit('tree-node-click', data, node)
       setTimeout(() => {
-        const key = this.item.queryKey;
-        this.$refs["item"].filterText = this.formData[key];
-      }, 0);
+        const key = this.item.queryKey
+        this.$refs['item'].filterText = this.formData[key]
+      }, 0)
     }
   }
 }
@@ -322,9 +308,8 @@ export default {
     width: 72px;
     height: 26px;
     padding: 0px;
-    border: 1px solid #007AFF;
+    border: 1px solid #007aff;
     border-radius: 5px;
   }
 }
-
 </style>

package/nstc-g6/components/Form/ItemSecond.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="{ 'form-item-button':['querybutton', 'addbutton', 'otherbutton'].includes(item.mold) }">
+  <div :class="{ 'form-item-button': ['querybutton', 'addbutton', 'otherbutton'].includes(item.mold) }">
     <el-form-item v-if="item.mold === 'querybutton'">
       <el-button
         type="primary"
@@ -38,17 +38,14 @@
     </el-form-item>
 
     <template v-else-if="SUPPORT_TYPE.includes(item.mold)">
-      <el-form-item
-        :label="item.name"
-        :prop="item.prop"
-      >
+      <el-form-item :label="item.name" :prop="item.prop">
         <el-tooltip
           v-if="item.tooltip"
           class="item-tooltip"
           effect="dark"
           :content="item.tooltip"
           placement="top-start"
-          :style="{left: -tipLength + 'px'}"
+          :style="{ left: -tipLength + 'px' }"
         >
           <i class="el-icon-question" />
         </el-tooltip>
@@ -95,12 +92,11 @@
                   @enter-click="$emit('enter-click')"
                 />
               </el-form-item>
-
             </template>
           </template>
         </template>
         <!-- 单个 -->
-        <template v-else-if="item.link &&item.link.mold">
+        <template v-else-if="item.link && item.link.mold">
           <template v-if="item.link.position === 'after'">
             <component
               :is="`${item.link.mold}-custom`"
@@ -115,12 +111,7 @@
               @after-leave="$emit('after-leave', item.link.prop)"
               @enter-click="$emit('enter-click')"
             />
-            <span
-
-              v-show="item.link.name"
-              class="form-item-name form-item-name-link"
-              v-html="item.link.name"
-            />
+            <span v-show="item.link.name" class="form-item-name form-item-name-link" v-html="item.link.name" />
             <component
               :is="`${item.mold}-custom`"
               :key="item.prop"
@@ -147,12 +138,7 @@
               @after-leave="$emit('after-leave', item.prop)"
               @enter-click="$emit('enter-click')"
             />
-            <span
-
-              v-show="item.link.name"
-              class="form-item-name form-item-name-link"
-              v-html="item.link.name"
-            />
+            <span v-show="item.link.name" class="form-item-name form-item-name-link" v-html="item.link.name" />
             <component
               :is="`${item.link.mold}-custom`"
               v-if="item.link.renderable !== false"
@@ -261,9 +247,8 @@ export default {
     width: 72px;
     height: 26px;
     padding: 0px;
-    border: 1px solid #007AFF;
+    border: 1px solid #007aff;
     border-radius: 5px;
   }
 }
-
 </style>

package/nstc-g6/components/Form/List.vue

@@ -2,38 +2,30 @@
   <div class="form-base-wrapper">
     <template v-for="(item, idx) in config">
       <template v-if="Array.isArray(item)">
-        <div
-          :key="'inlineItem' + idx"
-          class="form-group"
-        >
+        <div :key="'inlineItem' + idx" class="form-group">
           <template v-for="(iItem, index) in item">
             <BaseItem
               v-if="iItem.renderable !== false"
-
-              :key="iItem.mold + '-' + (iItem.prop ? iItem.prop : (idx + '-' + index))"
-
+              :key="iItem.mold + '-' + (iItem.prop ? iItem.prop : idx + '-' + index)"
               v-model="value"
               :formData="formData"
-
               :class="[
                 'form-item',
                 `form-item-${iItem.mold}`,
                 {
-                  'form-item-link': iItem.link && ((Array.isArray(iItem.link) && iItem.link.some(link => link.mold)) || iItem.link.mold)
+                  'form-item-link':
+                    iItem.link &&
+                    ((Array.isArray(iItem.link) && iItem.link.some((link) => link.mold)) || iItem.link.mold)
                 },
                 `form-item-${iItem.mold}-${iItem.prop ? iItem.prop : idx + '-' + index}`
               ]"
-
               :popper-class="popperClass"
-
               :item="iItem"
               :resets.sync="resets"
               :disableds="disableds"
-
               :loading="loading"
               :show-mode="showMode"
-
-              @after-leave="val => $emit('after-leave', val)"
+              @after-leave="(val) => $emit('after-leave', val)"
               @query-click="$emit('query-click')"
               @add-click="$emit('add-click')"
               @other-click="$emit('other-click')"
@@ -47,33 +39,26 @@
       <template v-else>
         <BaseItem
           v-if="item.renderable !== false"
-
           :key="item.mold + '-' + (item.prop ? item.prop : idx)"
-
           v-model="value"
           :formData="formData"
-
           :class="[
             'form-item',
             `form-item-${item.mold}`,
             {
-              'form-item-link': item.link && ((Array.isArray(item.link) && item.link.some(link => link.mold)) || item.link.mold)
+              'form-item-link':
+                item.link && ((Array.isArray(item.link) && item.link.some((link) => link.mold)) || item.link.mold)
             },
             `form-item-${item.mold}-${item.prop ? item.prop : idx}`
           ]"
-
           :popper-class="popperClass"
-
           :item="item"
           :resets.sync="resets"
           :disableds="disableds"
-
           :loading="loading"
-
           :from="from"
           :show-mode="showMode"
-
-          @after-leave="val => $emit('after-leave', val)"
+          @after-leave="(val) => $emit('after-leave', val)"
           @query-click="$emit('query-click')"
           @add-click="$emit('add-click')"
           @other-click="$emit('other-click')"
@@ -86,7 +71,6 @@
 </template>
 
 <script>
-
 import BaseItem from './Item'
 
 export default {
@@ -105,11 +89,11 @@ export default {
     },
     from: {
       type: String,
-      default: null,
+      default: null
     },
     config: {
       type: Array,
-      default: () => ([])
+      default: () => []
     },
 
     loading: {
@@ -141,6 +125,6 @@ export default {
       type: String,
       default: ''
     }
-  },
+  }
 }
 </script>