n20-common-lib 2.4.4 → 2.4.6

package/README.md

@@ -1,3 +1,3 @@
 # n20-common-lib
 
-## nstc web pc
+## nstc web pc

package/nstc-g6/components/Calendar/index.js

@@ -1,8 +1,8 @@
-import NstcCalendar from './src/main';
+import NstcCalendar from './src/main'
 
 /* istanbul ignore next */
-NstcCalendar.install = function(Vue) {
-    Vue.component(NstcCalendar.name, NstcCalendar);
-};
+NstcCalendar.install = function (Vue) {
+  Vue.component(NstcCalendar.name, NstcCalendar)
+}
 
-export default NstcCalendar;
+export default NstcCalendar

package/nstc-g6/components/Calendar/src/basic/month-table.vue

@@ -5,11 +5,7 @@
         <el-col :span="4" align="center">
           <i class="nstc-calendar-arrow el-icon-arrow-left" @click="lastYear" />
         </el-col>
-        <el-col
-          :span="16"
-          align="center"
-          class="year-text"
-        >
+        <el-col :span="16" align="center" class="year-text">
           {{ yearStr }}
         </el-col>
         <el-col :span="4" align="center">
@@ -19,11 +15,7 @@
     </div>
     <el-divider />
     <div class="nstc-calendar-month-main">
-      <div
-        v-for="(item, index) in months"
-        :key="index"
-        @click="pick(index+1)"
-      >{{ item }}</div>
+      <div v-for="(item, index) in months" :key="index" @click="pick(index + 1)">{{ item }}</div>
     </div>
   </div>
 </template>
@@ -82,17 +74,17 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "~@/theme/theme1/styles/variables.scss";
+@import '~@/theme/theme1/styles/variables.scss';
 .nstc-calendar-month {
-  .nstc-calendar-arrow{
+  .nstc-calendar-arrow {
     font-size: 16px;
     cursor: pointer;
-    &:hover{
+    &:hover {
       color: $eBaseColor;
       font-weight: bold;
     }
   }
-  &-head{
+  &-head {
     padding: 10px 0;
     .year-text {
       &:hover {
@@ -102,26 +94,26 @@ export default {
       }
     }
   }
-  .el-divider{
+  .el-divider {
     margin: 0 0 10px 0;
   }
-  &-main{
+  &-main {
     display: flex;
     flex-flow: wrap;
     width: 98%;
     margin-left: 1%;
-    >div{
+    > div {
       width: 25%;
       box-sizing: border-box;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 20px;
-      border: 1px solid rgba(0,0,0,0);
+      border: 1px solid rgba(0, 0, 0, 0);
       cursor: pointer;
-      &:hover{
+      &:hover {
         border: 1px solid $eBaseColor;
-        color: $eBaseColor
+        color: $eBaseColor;
       }
     }
   }

package/nstc-g6/components/Calendar/src/basic/year-table.vue

@@ -5,11 +5,7 @@
         <el-col :span="4" align="center">
           <i class="nstc-calendar-arrow el-icon-arrow-left" @click="lastYear" />
         </el-col>
-        <el-col
-          :span="16"
-          align="center"
-          class="year-text"
-        >
+        <el-col :span="16" align="center" class="year-text">
           {{ yearStr }}
         </el-col>
         <el-col :span="4" align="center">
@@ -19,11 +15,7 @@
     </div>
     <el-divider />
     <div class="nstc-calendar-month-main">
-      <div
-        v-for="(item,index) in yearArr"
-        :key="index"
-        @click="pick(item)"
-      >{{ item }}</div>
+      <div v-for="(item, index) in yearArr" :key="index" @click="pick(item)">{{ item }}</div>
     </div>
   </div>
 </template>
@@ -62,11 +54,15 @@ export default {
           this.yearArr.push(i)
         }
       } else {
-        this.yearArr = this.yearArr.map(i => { return i - 10 })
+        this.yearArr = this.yearArr.map((i) => {
+          return i - 10
+        })
       }
     },
     nextYear() {
-      this.yearArr = this.yearArr.map(i => { return i + 10 })
+      this.yearArr = this.yearArr.map((i) => {
+        return i + 10
+      })
     },
     pick(year) {
       this.$emit('pick', {
@@ -80,16 +76,16 @@ export default {
 
 <style scoped lang="scss">
 @import '~@/theme/theme1/styles/variables.scss';
-.nstc-calendar-month{
-  .nstc-calendar-arrow{
+.nstc-calendar-month {
+  .nstc-calendar-arrow {
     font-size: 16px;
     cursor: pointer;
-    &:hover{
+    &:hover {
       color: $eBaseColor;
       font-weight: bold;
     }
   }
-  &-head{
+  &-head {
     padding: 10px 0;
     .year-text {
       &:hover {
@@ -99,26 +95,26 @@ export default {
       }
     }
   }
-  .el-divider{
+  .el-divider {
     margin: 0 0 10px 0;
   }
-  &-main{
+  &-main {
     display: flex;
     flex-flow: wrap;
     width: 98%;
     margin-left: 1%;
-    >div{
+    > div {
       width: 25%;
       box-sizing: border-box;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 20px;
-      border: 1px solid rgba(0,0,0,0);
+      border: 1px solid rgba(0, 0, 0, 0);
       cursor: pointer;
-      &:hover{
+      &:hover {
         border: 1px solid $eBaseColor;
-        color: $eBaseColor
+        color: $eBaseColor;
       }
     }
   }

package/nstc-g6/components/Calendar/src/main.vue

@@ -219,10 +219,7 @@ export default {
         })
       }
       // 将要显示的内容显示出来
-      this.showDates = this.lastDateCell.concat(
-        this.dateCell,
-        this.nextDateCell
-      )
+      this.showDates = this.lastDateCell.concat(this.dateCell, this.nextDateCell)
     },
     // 查看上月数据
     lastMonth() {
@@ -439,4 +436,3 @@ $festival_KOR: #fec171;
   }
 }
 </style>
-

package/nstc-g6/components/DialogForm/index.js

@@ -1,8 +1,8 @@
-import DialogFormCustom from './src/main';
+import DialogFormCustom from './src/main'
 
 /* istanbul ignore next */
-DialogFormCustom.install = function(Vue) {
-    Vue.component(DialogFormCustom.name, DialogFormCustom);
-};
+DialogFormCustom.install = function (Vue) {
+  Vue.component(DialogFormCustom.name, DialogFormCustom)
+}
 
-export default DialogFormCustom;
+export default DialogFormCustom

package/nstc-g6/components/DialogForm/src/demo/index.vue

@@ -1,14 +1,7 @@
 <template>
   <div class="">
-    <el-button @click="visible = true">
-      点我
-    </el-button>
-    <DialogFormCustom
-      :visible="visible"
-      :form-config="formConfig"
-      :rules="rules"
-      @confirm="handleConfirm"
-    />
+    <el-button @click="visible = true"> 点我 </el-button>
+    <DialogFormCustom :visible="visible" :form-config="formConfig" :rules="rules" @confirm="handleConfirm" />
   </div>
 </template>
 
@@ -23,25 +16,23 @@ export default {
   data() {
     return {
       visible: false,
-      formConfig: [[
-        {
-          mold: 'input',
-          name: '姓名',
-          prop: 'prop1'
-        },
-        {
-          mold: 'datepicker',
-          name: '日期',
-          prop: 'prop2'
-        }
-      ]],
-      rules: {
-        prop1: [
-          { required: true, message: '姓名不能为空', trigger: 'blur' }
-        ],
-        prop2: [
-          { required: true, message: '日期不能为空', trigger: 'blur' }
+      formConfig: [
+        [
+          {
+            mold: 'input',
+            name: '姓名',
+            prop: 'prop1'
+          },
+          {
+            mold: 'datepicker',
+            name: '日期',
+            prop: 'prop2'
+          }
         ]
+      ],
+      rules: {
+        prop1: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
+        prop2: [{ required: true, message: '日期不能为空', trigger: 'blur' }]
       }
     }
   },

package/nstc-g6/components/DialogForm/src/main.vue

@@ -6,26 +6,21 @@
 
 <template>
   <div>
-    <DialogCustom
-        v-model="dialogVisible"
-        v-bind="$attrs"
-        @confirm="handleConfirm"
-        @cancel="handleCancel"
-    >
+    <DialogCustom v-model="dialogVisible" v-bind="$attrs" @confirm="handleConfirm" @cancel="handleCancel">
       <slot name="before" />
       <NstcForm
-          ref="dialogForm"
-          v-model="formModel"
-          :reset.sync="reset"
-          :mount-and-query="false"
-          :config="formConfig"
-          :rules="rules"
-          :pureable="pureable"
-          :label-position="labelPosition"
-          :label-width="labelWidth"
-          :show-message="showMessage"
-          :validate-on-rule-change="validateOnRuleChange"
-          :mode="mode"
+        ref="dialogForm"
+        v-model="formModel"
+        :reset.sync="reset"
+        :mount-and-query="false"
+        :config="formConfig"
+        :rules="rules"
+        :pureable="pureable"
+        :label-position="labelPosition"
+        :label-width="labelWidth"
+        :show-message="showMessage"
+        :validate-on-rule-change="validateOnRuleChange"
+        :mode="mode"
       />
       <slot name="after" />
     </DialogCustom>
@@ -103,7 +98,7 @@ export default {
 
     mode: {
       default: 'horizontal',
-      validator: function(val) {
+      validator: function (val) {
         return ['horizontal', 'vertical'].includes(val)
       }
     }
@@ -161,7 +156,7 @@ export default {
       try {
         const model = JSON.parse(JSON.stringify(this.formModel))
 
-        this.$listeners.cancel && await this.$listeners.cancel(model) // $listeners.confirm 须返回Promise
+        this.$listeners.cancel && (await this.$listeners.cancel(model)) // $listeners.confirm 须返回Promise
 
         this.handleReset()
 
@@ -186,4 +181,3 @@ export default {
   }
 }
 </script>
-

package/nstc-g6/components/Form/A_DEMO/component/originalForm.vue

@@ -1,10 +1,6 @@
 <template>
   <div>
-    <el-form
-        ref="registerForm"
-        :model="registerForm"
-        class="nstc-original-element-form"
-    >
+    <el-form ref="registerForm" :model="registerForm" class="nstc-original-element-form">
       <a id="account_1" />
       <nstc-expand-collapse v-model="isCollapseArr[0]">
         <template v-slot:title>
@@ -13,11 +9,7 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="开户日期" prop="openAccountDate">
-              <el-date-picker
-                  v-model="registerForm.openAccountDate"
-                  type="date"
-                  placeholder="请选择"
-              />
+              <el-date-picker v-model="registerForm.openAccountDate" type="date" placeholder="请选择" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -31,10 +23,10 @@
             <el-form-item label="币种" prop="currencyNo">
               <el-select v-model="registerForm.currencyNo" filterable>
                 <el-option
-                    v-for="(item,index) in currencyDropDown"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in currencyDropDown"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
@@ -112,10 +104,10 @@
             <el-form-item label="银行账户性质" prop="ctId">
               <el-select v-model="registerForm.ctId" filterable>
                 <el-option
-                    v-for="(item,index) in AccountTypeToBP"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in AccountTypeToBP"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
@@ -124,10 +116,10 @@
             <el-form-item label="现金管理类型" prop="cashManageType">
               <el-select v-model="registerForm.cashManageType" filterable>
                 <el-option
-                    v-for="(item,index) in AccountNatureToBP"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in AccountNatureToBP"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
@@ -141,11 +133,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="账户有效期" prop="validDate">
-              <el-date-picker
-                  v-model="registerForm.validDate"
-                  type="daterange"
-                  placeholder="请选择"
-              />
+              <el-date-picker v-model="registerForm.validDate" type="daterange" placeholder="请选择" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -173,10 +161,10 @@
             <el-form-item label="账户性质">
               <el-select v-model="registerForm.accountType" filterable>
                 <el-option
-                    v-for="(item,index) in accountTypeDb"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in accountTypeDb"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
@@ -185,10 +173,10 @@
             <el-form-item label="账户类别">
               <el-select v-model="registerForm.natureId" filterable>
                 <el-option
-                    v-for="(item,index) in accountNatureDb"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in accountNatureDb"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
@@ -199,10 +187,10 @@
             <el-form-item label="区域">
               <el-select v-model="registerForm.areaId" filterable>
                 <el-option
-                    v-for="(item,index) in accountAreaDb"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in accountAreaDb"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
@@ -221,23 +209,22 @@
             <el-form-item label="账户用途">
               <el-select v-model="registerForm.usageId" filterable>
                 <el-option
-                    v-for="(item,index) in accountUsageDb"
-                    :key="index"
-                    :label="item.label"
-                    :value="item.value"
+                  v-for="(item, index) in accountUsageDb"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
                 />
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
       </nstc-expand-collapse>
-
     </el-form>
 
     <!-- 表单提交 -->
     <div class="account-submit-box">
-      <el-button type="primary" class=" nstc-g6-common-btn-1 nstc-g6-common-btn-size-b">提交</el-button>
-      <el-button class=" nstc-g6-common-btn-1 nstc-g6-common-btn-size-b">保存</el-button>
+      <el-button type="primary" class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b">提交</el-button>
+      <el-button class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b">保存</el-button>
     </div>
   </div>
 </template>
@@ -245,7 +232,7 @@
 <script>
 import NstcExpandCollapse from '^/ExpandCollapse/src/main'
 export default {
-  name: "originalForm",
+  name: 'originalForm',
   components: {
     NstcExpandCollapse
   },
@@ -276,6 +263,4 @@ export default {
 }
 </script>
 
-<style>
-
-</style>
+<style></style>