doway-coms 2.11.41 → 2.11.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doway-coms",
-  "version": "2.11.41",
+  "version": "2.11.42",
   "description": "doway组件库",
   "author": "dowaysoft",
   "main": "packages/index.js",

package/packages/BaseDate/src/index.vue

@@ -29,6 +29,7 @@
           style="width: 100%"
           @change="change"
           :class="{ 'd-error-input': v.errors.length > 0 }"
+          :dropdown-class-name="getDatePickerClass({disablePrevYearBtn, disableNextYearBtn})"
         />
         <div class="d-error-msg">
           {{ v.errors[0] }}
@@ -45,19 +46,23 @@
     </div>
   </div>
 </template>
-  
+
 <script>
 //VXETable插件
 import VXETable from "vxe-table";
 //轻量级剪贴板复制函数
 import XEClipboard from "xe-clipboard";
-import { DatePicker, Tooltip } from "ant-design-vue";
+import {DatePicker as a, DatePicker as a, DatePicker, Tooltip} from "ant-design-vue";
 import { ValidationProvider } from "vee-validate";
 import moment from "moment";
+import {DatePicker as a
+import {DatePicker as a
 
 export default {
   name: "BaseDate",
   components: {
+    a-date - picker,
+    a-date - picker,
     DatePicker,
     ValidationProvider,
     Tooltip,
@@ -150,6 +155,18 @@ export default {
         return 0;
       },
     },
+    disablePrevYearBtn: {
+      type: Boolean,
+      default: function () {
+        return false;
+      },
+    },
+    disableNextYearBtn: {
+      type: Boolean,
+      default: function () {
+        return false;
+      },
+    },
   },
   created() {},
   methods: {
@@ -159,7 +176,7 @@ export default {
           {
             icon: 'ant-design:folder-open-filled',
             label: "复制",
-            onClick: () => { 
+            onClick: () => {
               if (XEClipboard.copy(currentValue)) {
                 VXETable.modal.message({
                   content: "已复制到剪贴板！",
@@ -188,11 +205,35 @@ export default {
         current.diff(moment().add(this.disabledDateValue, "day"), "days") < 0
       );
     },
+    getDatePickerClass({disablePrevYearBtn, disableNextYearBtn}) {
+      const classes = [];
+
+      if (disablePrevYearBtn) {
+        classes.push('hide-prev-year');
+      }
+
+      if (disableNextYearBtn) {
+        classes.push('hide-next-year');
+      }
+
+      return classes.join(' ');
+    },
   },
 };
 </script>
-  
+
   <style lang="less">
 @import "../../styles/default.less";
 </style>
-  
+
+<style>
+/* 隐藏上一年按钮 */
+.hide-prev-year .ant-calendar-prev-year-btn {
+  display: none !important;
+}
+
+/* 隐藏下一年按钮 */
+.hide-next-year .ant-calendar-next-year-btn {
+  display: none !important;
+}
+</style>

package/packages/BaseForm/src/index.vue

@@ -138,6 +138,8 @@
         :pastDate="col.pastDate"
         :rules="col.rules"
         :disabledDateValue="col.disabledDateValue"
+        :disablePrevYearBtn="col.disablePrevYearBtn"
+        :disableNextYearBtn="col.disableNextYearBtn"
         @change="
           () => {
             inputChange(col)
@@ -157,6 +159,8 @@
         :edit="col.edit"
         :rules="col.rules"
         :disabledDateValue="col.disabledDateValue"
+        :disablePrevYearBtn="col.disablePrevYearBtn"
+        :disableNextYearBtn="col.disableNextYearBtn"
         @change="
           () => {
             inputChange(col)

package/packages/BaseGrid/src/index.vue

@@ -234,6 +234,7 @@
           <a-date-picker
             v-model="scope.row[scope.column.property]"
             class="inner-cell-control"
+            :dropdown-class-name="getDatePickerClass(scope)"
             size="small"
             @change="cellValueChange(scope)"
             value-format="YYYY-MM-DD"
@@ -245,7 +246,8 @@
         <div class="interceptor-class">
           <a-date-picker
            :style="{color:scope.column.params.fontColor?scope.column.params.fontColor:null}"
-            v-model="scope.row[scope.column.property]"
+           :dropdown-class-name="getDatePickerClass(scope)"
+           v-model="scope.row[scope.column.property]"
             format="YYYY-MM-DD  HH:mm:ss"
             size="small"
             value-format="YYYY-MM-DD HH:mm:ss"
@@ -2673,7 +2675,7 @@ export default {
       let commonColumns =XEUtils.orderBy(XEUtils.filter(tableCollectColumn,p=>p.fixed!=='left' && p.fixed!=='right'),p=>p.sortNumber)
       //最后再试固定列右边
       let rightColumns =XEUtils.orderBy(XEUtils.filter(tableCollectColumn,p=>p.fixed==='right'),p=>p.sortNumber)
-      
+
       tempColumns = [...leftColumns,...commonColumns,...rightColumns]
       // console.debug('tableCollectColumn',tempColumns)
       if (this.isSeqPopover) {
@@ -3160,7 +3162,7 @@ export default {
     },
     reloadColumn(columns) {
       this.internalColumns = []
-      
+
       columns.forEach((column) => {
         this.internalColumns.push(this.initColumns(column))
       })
@@ -3188,7 +3190,7 @@ export default {
           },
         })
       }
-      
+
       //设置验证规则信息，如果没有验证规则的情况下一定要设置null值，设置{}的话会导致点击编辑行会有问题
       this.editRules =XEUtils.isEmpty(this.validRules)?null:this.validRules
 
@@ -3995,7 +3997,7 @@ export default {
     // const pastDate = picker.getAttribute('custom-pastDate');
     // const disabledDateValue = picker.getAttribute('custom-disabledDateValue');
     // // 这里获取到的 column 是字符串形式，可能需要转换为对象
-    // const columnObj = JSON.parse(column); 
+    // const columnObj = JSON.parse(column);
     // console.debug('columnObj',columnObj)
       return false
       // if (params.pastDate === true) {
@@ -4051,6 +4053,21 @@ export default {
       // EQ、NE、NI、IN
       return !edit
     },
+    getDatePickerClass(scope) {
+      const { disablePrevYearBtn, disableNextYearBtn } = scope.column.params;
+
+      const classes = [];
+
+      if (disablePrevYearBtn) {
+        classes.push('hide-prev-year');
+      }
+
+      if (disableNextYearBtn) {
+        classes.push('hide-next-year');
+      }
+
+      return classes.join(' ');
+    },
   },
 }
 </script>
@@ -4064,7 +4081,7 @@ export default {
 }
 .vxe-table--render-default .vxe-body--row.row--current{
   background-color:#9accff !important;
-} 
+}
 .vxe-body--row.row--hover{
    background-color: #bfbfbf!important;
 }*/
@@ -4280,3 +4297,14 @@ export default {
   border-color: #1890ff;
 }
 </style>
+<style>
+/* 隐藏上一年按钮 */
+.hide-prev-year .ant-calendar-prev-year-btn {
+  display: none !important;
+}
+
+/* 隐藏下一年按钮 */
+.hide-next-year .ant-calendar-next-year-btn {
+  display: none !important;
+}
+</style>