doway-coms 2.11.41 → 2.11.43

package/package.json

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

package/packages/BaseDate/src/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="d-control-container">
     <div
-      class="d-control-label"
-      :style="{ width: labelWidth > 0 ? labelWidth + 'px' : 'none' }"
+        class="d-control-label"
+        :style="{ width: labelWidth > 0 ? labelWidth + 'px' : 'none' }"
     >
       {{ label }}
       <span v-if="rules && rules['required']" class="d-control-label-required"
-        >*</span
+      >*</span
       >
       <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
         <img src="../../styles/icon/help.png" alt="" style="width: 14px" />
@@ -14,21 +14,22 @@
     </div>
     <div class="d-control">
       <ValidationProvider
-        :name="label"
-        v-slot="v"
-        :rules="rules"
-        v-if="edit === true"
+          :name="label"
+          v-slot="v"
+          :rules="rules"
+          v-if="edit === true"
       >
         <DatePicker
-          :size="'small'"
-          placeholder="选择日期"
-          v-model="currentValue"
-          :disabled-date="disabledDate"
-          format="YYYY-MM-DD"
-          value-format="YYYY-MM-DD"
-          style="width: 100%"
-          @change="change"
-          :class="{ 'd-error-input': v.errors.length > 0 }"
+            :size="'small'"
+            placeholder="选择日期"
+            v-model="currentValue"
+            :disabled-date="disabledDate"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            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,7 +46,7 @@
     </div>
   </div>
 </template>
-  
+
 <script>
 //VXETable插件
 import VXETable from "vxe-table";
@@ -150,6 +151,18 @@ export default {
         return 0;
       },
     },
+    disablePrevYearBtn: {
+      type: Boolean,
+      default: function () {
+        return false;
+      },
+    },
+    disableNextYearBtn: {
+      type: Boolean,
+      default: function () {
+        return false;
+      },
+    },
   },
   created() {},
   methods: {
@@ -159,7 +172,7 @@ export default {
           {
             icon: 'ant-design:folder-open-filled',
             label: "复制",
-            onClick: () => { 
+            onClick: () => {
               if (XEClipboard.copy(currentValue)) {
                 VXETable.modal.message({
                   content: "已复制到剪贴板！",
@@ -184,15 +197,37 @@ export default {
         return false;
       }
       return (
-        current &&
-        current.diff(moment().add(this.disabledDateValue, "day"), "days") < 0
+          current &&
+          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">
+
+<style lang="less">
 @import "../../styles/default.less";
 </style>
-  
+/* 隐藏上一年按钮 */
+.hide-prev-year .ant-calendar-prev-year-btn {
+display: none !important;
+}
+
+/* 隐藏下一年按钮 */
+.hide-next-year .ant-calendar-next-year-btn {
+display: none !important;
+}

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>