n20-common-lib 1.3.46 → 1.3.49

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

@@ -1,129 +1,129 @@
-<template>
-  <div class="nstc-calendar-month">
-    <div class="nstc-calendar-month-head">
-      <el-row>
-        <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"
-        >
-          {{ yearStr }}
-        </el-col>
-        <el-col :span="4" align="center">
-          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
-        </el-col>
-      </el-row>
-    </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>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'MonthTable',
-  props: {
-    value: {
-      type: [String, Number],
-      default: ''
-    }
-  },
-  data() {
-    return {
-      months: [
-        this.$t(`calendar.month_1`),
-        this.$t(`calendar.month_2`),
-        this.$t(`calendar.month_3`),
-        this.$t(`calendar.month_4`),
-        this.$t(`calendar.month_5`),
-        this.$t(`calendar.month_6`),
-        this.$t(`calendar.month_7`),
-        this.$t(`calendar.month_8`),
-        this.$t(`calendar.month_9`),
-        this.$t(`calendar.month_10`),
-        this.$t(`calendar.month_11`),
-        this.$t(`calendar.month_12`)
-      ],
-      yearStr: ''
-    }
-  },
-  computed: {},
-  created() {
-    this.yearStr = this.value
-  },
-  methods: {
-    // 选择日期
-    pick(month) {
-      this.$emit('pick', {
-        type: 'normal',
-        year: this.yearStr,
-        month
-      })
-    },
-    // 上一年
-    lastYear() {
-      this.yearStr--
-    },
-    // 下一年
-    nextYear() {
-      this.yearStr++
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-@import "~@/theme/theme1/styles/variables.scss";
-.nstc-calendar-month {
-  .nstc-calendar-arrow{
-    font-size: 16px;
-    cursor: pointer;
-    &:hover{
-      color: $eBaseColor;
-      font-weight: bold;
-    }
-  }
-  &-head{
-    padding: 10px 0;
-    .year-text {
-      &:hover {
-        cursor: pointer;
-        color: $eBaseColor;
-        font-weight: bold;
-      }
-    }
-  }
-  .el-divider{
-    margin: 0 0 10px 0;
-  }
-  &-main{
-    display: flex;
-    flex-flow: wrap;
-    width: 98%;
-    margin-left: 1%;
-    >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);
-      cursor: pointer;
-      &:hover{
-        border: 1px solid $eBaseColor;
-        color: $eBaseColor
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="nstc-calendar-month">
+    <div class="nstc-calendar-month-head">
+      <el-row>
+        <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"
+        >
+          {{ yearStr }}
+        </el-col>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
+        </el-col>
+      </el-row>
+    </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>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonthTable',
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      months: [
+        this.$t(`calendar.month_1`),
+        this.$t(`calendar.month_2`),
+        this.$t(`calendar.month_3`),
+        this.$t(`calendar.month_4`),
+        this.$t(`calendar.month_5`),
+        this.$t(`calendar.month_6`),
+        this.$t(`calendar.month_7`),
+        this.$t(`calendar.month_8`),
+        this.$t(`calendar.month_9`),
+        this.$t(`calendar.month_10`),
+        this.$t(`calendar.month_11`),
+        this.$t(`calendar.month_12`)
+      ],
+      yearStr: ''
+    }
+  },
+  computed: {},
+  created() {
+    this.yearStr = this.value
+  },
+  methods: {
+    // 选择日期
+    pick(month) {
+      this.$emit('pick', {
+        type: 'normal',
+        year: this.yearStr,
+        month
+      })
+    },
+    // 上一年
+    lastYear() {
+      this.yearStr--
+    },
+    // 下一年
+    nextYear() {
+      this.yearStr++
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "~@/theme/theme1/styles/variables.scss";
+.nstc-calendar-month {
+  .nstc-calendar-arrow{
+    font-size: 16px;
+    cursor: pointer;
+    &:hover{
+      color: $eBaseColor;
+      font-weight: bold;
+    }
+  }
+  &-head{
+    padding: 10px 0;
+    .year-text {
+      &:hover {
+        cursor: pointer;
+        color: $eBaseColor;
+        font-weight: bold;
+      }
+    }
+  }
+  .el-divider{
+    margin: 0 0 10px 0;
+  }
+  &-main{
+    display: flex;
+    flex-flow: wrap;
+    width: 98%;
+    margin-left: 1%;
+    >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);
+      cursor: pointer;
+      &:hover{
+        border: 1px solid $eBaseColor;
+        color: $eBaseColor
+      }
+    }
+  }
+}
+</style>

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

@@ -1,126 +1,126 @@
-<template>
-  <div class="nstc-calendar-month">
-    <div class="nstc-calendar-month-head">
-      <el-row>
-        <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"
-        >
-          {{ yearStr }}
-        </el-col>
-        <el-col :span="4" align="center">
-          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
-        </el-col>
-      </el-row>
-    </div>
-    <el-divider />
-    <div class="nstc-calendar-month-main">
-      <div
-        v-for="(item,index) in yearArr"
-        :key="index"
-        @click="pick(item)"
-      >{{ item }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'MonthTable',
-  props: {
-    startYear: {
-      type: [Number, String],
-      default: ''
-    }
-  },
-  data() {
-    return {
-      yearArr: []
-    }
-  },
-  computed: {
-    yearStr() {
-      return `${this.yearArr[0]} - ${this.yearArr[this.yearArr.length - 1]}`
-    }
-  },
-  created() {
-    const t = []
-    for (let i = 0; i < 10; i++) {
-      t.push(this.startYear + i)
-    }
-    this.yearArr = t
-  },
-  methods: {
-    lastYear() {
-      if (this.yearArr[0] < 11) {
-        this.yearArr = []
-        for (let i = 1; i <= 10; i++) {
-          this.yearArr.push(i)
-        }
-      } else {
-        this.yearArr = this.yearArr.map(i => { return i - 10 })
-      }
-    },
-    nextYear() {
-      this.yearArr = this.yearArr.map(i => { return i + 10 })
-    },
-    pick(year) {
-      this.$emit('pick', {
-        type: 'month',
-        year
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-@import '~@/theme/theme1/styles/variables.scss';
-.nstc-calendar-month{
-  .nstc-calendar-arrow{
-    font-size: 16px;
-    cursor: pointer;
-    &:hover{
-      color: $eBaseColor;
-      font-weight: bold;
-    }
-  }
-  &-head{
-    padding: 10px 0;
-    .year-text {
-      &:hover {
-        cursor: pointer;
-        color: $eBaseColor;
-        font-weight: bold;
-      }
-    }
-  }
-  .el-divider{
-    margin: 0 0 10px 0;
-  }
-  &-main{
-    display: flex;
-    flex-flow: wrap;
-    width: 98%;
-    margin-left: 1%;
-    >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);
-      cursor: pointer;
-      &:hover{
-        border: 1px solid $eBaseColor;
-        color: $eBaseColor
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="nstc-calendar-month">
+    <div class="nstc-calendar-month-head">
+      <el-row>
+        <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"
+        >
+          {{ yearStr }}
+        </el-col>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
+        </el-col>
+      </el-row>
+    </div>
+    <el-divider />
+    <div class="nstc-calendar-month-main">
+      <div
+        v-for="(item,index) in yearArr"
+        :key="index"
+        @click="pick(item)"
+      >{{ item }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonthTable',
+  props: {
+    startYear: {
+      type: [Number, String],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      yearArr: []
+    }
+  },
+  computed: {
+    yearStr() {
+      return `${this.yearArr[0]} - ${this.yearArr[this.yearArr.length - 1]}`
+    }
+  },
+  created() {
+    const t = []
+    for (let i = 0; i < 10; i++) {
+      t.push(this.startYear + i)
+    }
+    this.yearArr = t
+  },
+  methods: {
+    lastYear() {
+      if (this.yearArr[0] < 11) {
+        this.yearArr = []
+        for (let i = 1; i <= 10; i++) {
+          this.yearArr.push(i)
+        }
+      } else {
+        this.yearArr = this.yearArr.map(i => { return i - 10 })
+      }
+    },
+    nextYear() {
+      this.yearArr = this.yearArr.map(i => { return i + 10 })
+    },
+    pick(year) {
+      this.$emit('pick', {
+        type: 'month',
+        year
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '~@/theme/theme1/styles/variables.scss';
+.nstc-calendar-month{
+  .nstc-calendar-arrow{
+    font-size: 16px;
+    cursor: pointer;
+    &:hover{
+      color: $eBaseColor;
+      font-weight: bold;
+    }
+  }
+  &-head{
+    padding: 10px 0;
+    .year-text {
+      &:hover {
+        cursor: pointer;
+        color: $eBaseColor;
+        font-weight: bold;
+      }
+    }
+  }
+  .el-divider{
+    margin: 0 0 10px 0;
+  }
+  &-main{
+    display: flex;
+    flex-flow: wrap;
+    width: 98%;
+    margin-left: 1%;
+    >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);
+      cursor: pointer;
+      &:hover{
+        border: 1px solid $eBaseColor;
+        color: $eBaseColor
+      }
+    }
+  }
+}
+</style>